<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8865151402897125958</id><updated>2026-06-27T06:45:55.903-07:00</updated><category term="javascript"/><category term="자바"/><category term="자바스크립트"/><category term="java"/><category term="리눅스"/><category term="우분투"/><category term="Extjs"/><category term="델파이"/><category term="센토스"/><category term="이클립스"/><category term="mssql"/><category term="shell script"/><category term="오라클"/><category term="MS-SQL"/><category term="jeus"/><category term="linux"/><category term="mongodb"/><category term="nodejs"/><category term="query"/><category term="senchatourch"/><category term="ssh"/><category term="노드js"/><category term="노드제이에스"/><category term="몽고디비"/><category term="안드로이드"/><category term="제이쿼리"/><category term="쿼리"/><category term="CENTOS"/><category term="MS"/><category term="SDK"/><category term="jquery"/><category term="package.json"/><category term="sql"/><category term="usb인식"/><category term="webtob"/><category term="구글"/><category term="설치"/><category term="쉘스크립트"/><category term="스크립트"/><category term="웹서버"/><category term="웹투비"/><category term="윈도우"/><category term="제우스"/><category term="API"/><category term="Apache"/><category term="MySQL"/><category term="Php"/><category term="VMware"/><category term="jquerymobile"/><category term="npm"/><category term="oracle"/><category term="shell"/><category term="ubuntu"/><category term="webserver"/><category term="기본 명령어"/><category term="델파이 락윈도우"/><category term="디비링크"/><category term="몽고디비설치"/><category term="방화벽"/><category term="샤오미밴드"/><category term="센차"/><category term="시간설정"/><category term="아마존"/><category term="아이패드"/><category term="업데이트"/><category term="커스텀"/><category term="터미널"/><category term="파이어폰"/><category term="패키지제이슨"/><category term="핸드폰"/><category term="4월"/><category term="4월의 탄생석"/><category term="BMP"/><category term="BigDecimal"/><category term="DECLARE"/><category term="EM"/><category term="MOUNT"/><category term="MSI"/><category term="MSoffice2013"/><category term="MacAddress"/><category term="NAS"/><category term="Windows10"/><category term="Winsock"/><category term="X-windows"/><category term="amazon"/><category term="android"/><category term="androidphone"/><category term="auth"/><category term="background"/><category term="band"/><category term="cenchar"/><category term="checkout"/><category term="chmod"/><category term="cloud"/><category term="consert"/><category term="console"/><category term="database"/><category term="delphi"/><category term="diagram"/><category term="dir"/><category term="du"/><category term="find"/><category term="firephone"/><category term="folder"/><category term="function"/><category term="google"/><category term="google drive"/><category term="gpad"/><category term="ios"/><category term="iot core"/><category term="ipad"/><category term="ipad mini"/><category term="ip구하기"/><category term="jeus admin"/><category term="lenovo"/><category term="lg"/><category term="maroon5"/><category term="mini"/><category term="moto"/><category term="moto x pure"/><category term="music"/><category term="musician"/><category term="nexus"/><category term="nexus10"/><category term="nohup"/><category term="nosql"/><category term="outlook"/><category term="outlook 2013"/><category term="phpMyadmin"/><category term="pivot"/><category term="profile"/><category term="python"/><category term="row"/><category term="row_number"/><category term="run"/><category term="running"/><category term="server"/><category term="size"/><category term="smartband"/><category term="sugar"/><category term="svn"/><category term="tablet"/><category term="tensorflow"/><category term="ticket"/><category term="tmax"/><category term="virtual box"/><category term="was"/><category term="webserver.와스"/><category term="webtobe"/><category term="wifi"/><category term="windows"/><category term="xcode"/><category term="xiaomi"/><category term="가상PC"/><category term="가져오기"/><category term="갤럭시탭"/><category term="건강"/><category term="공짜"/><category term="구글드라이브"/><category term="구글크라우드"/><category term="그룹별"/><category term="기저귀"/><category term="내보내기"/><category term="내한공연"/><category term="네트워크하드"/><category term="넥서스"/><category term="넥서스10"/><category term="노에스큐엘"/><category term="노트북"/><category term="다운로드"/><category term="다이아몬드"/><category term="다이어그램"/><category term="덤프"/><category term="데이터베이스"/><category term="델파이팁"/><category term="돔텐트"/><category term="디비"/><category term="라사이징"/><category term="런닝"/><category term="렁닝"/><category term="로또"/><category term="로우넘"/><category term="리눅스명령어"/><category term="마룬5"/><category term="마룬파이브"/><category term="마운트"/><category term="맥어드레스"/><category term="메모리"/><category term="메모콤포넌트"/><category term="명령어"/><category term="뮤지션"/><category term="미니"/><category term="바코드"/><category term="바코드프린터"/><category term="백그라운드"/><category term="밴드"/><category term="뷰2"/><category term="사용자디비인증"/><category term="사용자인증"/><category term="샤오미"/><category term="서버"/><category term="서버전원"/><category term="서브디렉토리"/><category term="소스커밋"/><category term="송강호"/><category term="쉘명령"/><category term="스마트밴드"/><category term="스마트폰"/><category term="스크롤"/><category term="스크린샷"/><category term="스티브잡스"/><category term="시계"/><category term="실행계속"/><category term="아빠"/><category term="아웃룩 주소관리"/><category term="아웃룻"/><category term="아이"/><category term="아이패드미니"/><category term="아이폰"/><category term="안드로"/><category term="안드로원"/><category term="안드로이드탭"/><category term="애플"/><category term="엄마"/><category term="에볼루션"/><category term="에스브이엔"/><category term="에스큐엘"/><category term="엑셀 다운로드"/><category term="엑셀저장"/><category term="엑스코드"/><category term="엔터프라이즈 매니져"/><category term="엘지"/><category term="엠에스 아웃룩"/><category term="엠에스에스큐엘"/><category term="연산"/><category term="영화"/><category term="예매"/><category term="와이파이"/><category term="와이파이 설정"/><category term="와이파이 프로필"/><category term="완구"/><category term="용량확인"/><category term="우분투서버"/><category term="원터치텐트"/><category term="웹소켓"/><category term="윈도우 설정"/><category term="윈도우버젼 확인"/><category term="유틸"/><category term="음악"/><category term="음악인"/><category term="의존성추가"/><category term="이메일"/><category term="이메일 사용"/><category term="이메일관리"/><category term="이미지"/><category term="인증"/><category term="임포트"/><category term="장난감"/><category term="재부팅"/><category term="제브라"/><category term="제우스어드민"/><category term="주소관리"/><category term="지패드"/><category term="체크아웃"/><category term="커맨드"/><category term="커밋"/><category term="탄생석"/><category term="태블릿"/><category term="터널형텐트"/><category term="텍스트 붙이기"/><category term="텐서플로"/><category term="텐트"/><category term="티켓"/><category term="파이썬"/><category term="파이어OS"/><category term="파일검색"/><category term="파일검색FIND"/><category term="파티션"/><category term="패드"/><category term="포트"/><category term="폴더용량"/><category term="프라임"/><category term="프로요"/><category term="피봇"/><category term="하기스"/><category term="하드용량"/><category term="한국영화"/><category term="함수"/><category term="함수모음"/><category term="헬스밴드"/><category term="화일저장"/><title type='text'>코드저장쏘</title><subtitle type='html'>블로그를 저장소로 활용하고 있습니다. &#xa;단편적인 기술 적용 내용을 기록하고 있습니다.&#xa;</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>127</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-6982482101552925264</id><published>2025-10-30T02:02:17.106-07:00</published><updated>2025-10-30T02:02:33.759-07:00</updated><title type='text'>마크다운(Markdown) 작성 방법</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px;&quot;&gt;마크다운(Markdown) 작성 방법과 대표 예제를 정리하여 안내드립니다. 마크다운은 간단한 문법으로 문서를 구조화하고 읽기 쉽게 만드는 표준 텍스트 포맷입니다. 주로 README, 문서화, 블로그, 노트 등에 사용됩니다.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;주의: 플랫폼마다 일부 문법이나 렌더링 방식이 다를 수 있습니다(GitHub, Notion, Obsidian 등). 기본 문법은 대부분 호환됩니다.&lt;/p&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;제목(Headings)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;h1 style=&quot;font-size: 24px; word-break: break-all;&quot;&gt;&lt;/h1&gt;&lt;h1 style=&quot;font-size: 24px; word-break: break-all;&quot;&gt;제목 1&lt;/h1&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;제목 2&lt;/h2&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;제목 3&lt;/h3&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;h4 style=&quot;font-size: 18px; word-break: break-all;&quot;&gt;&lt;/h4&gt;&lt;h4 style=&quot;font-size: 18px; word-break: break-all;&quot;&gt;제목 4&lt;/h4&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;h5 style=&quot;font-size: 16px; word-break: break-all;&quot;&gt;&lt;/h5&gt;&lt;h5 style=&quot;font-size: 16px; word-break: break-all;&quot;&gt;제목 5&lt;/h5&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;h6 style=&quot;font-size: 14px; word-break: break-all;&quot;&gt;&lt;/h6&gt;&lt;h6 style=&quot;font-size: 14px; word-break: break-all;&quot;&gt;제목 6&lt;/h6&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;/p&gt;&lt;h1 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 24px; word-break: break-all;&quot;&gt;&lt;/h1&gt;&lt;h1 style=&quot;font-size: 24px; word-break: break-all;&quot;&gt;프로젝트 개요&lt;/h1&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;기능 설명&lt;/h2&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;설치 방법&lt;/h3&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;문단과 줄바꿈&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;빈 줄을 하나 추가하면 새로운 문단이 됩니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;줄 끝에 두 칸 공백을 넣거나&lt;br style=&quot;word-break: break-all;&quot; /&gt;태그를 사용하면 줄바꿈을 강제할 수 있습니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;br style=&quot;word-break: break-all;&quot; /&gt;첫 번째 문단입니다.&lt;/p&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;두 번째 문단입니다.&lt;/p&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;강조(굵게, 기울임, 취소선)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;굵게:&amp;nbsp;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;텍스트&lt;/span&gt;&amp;nbsp;또는&amp;nbsp;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;텍스트&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;기울임:&amp;nbsp;&lt;em style=&quot;word-break: break-all;&quot;&gt;텍스트&lt;/em&gt;&amp;nbsp;또는&amp;nbsp;&lt;em style=&quot;word-break: break-all;&quot;&gt;텍스트&lt;/em&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;굵게+기울임:&amp;nbsp;&lt;em style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;텍스트&lt;/span&gt;&lt;/em&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;취소선:&amp;nbsp;&lt;del style=&quot;word-break: break-all;&quot;&gt;텍스트&lt;/del&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;br style=&quot;word-break: break-all;&quot; /&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;중요&lt;/span&gt;&amp;nbsp;사항입니다.&amp;nbsp;&lt;em style=&quot;word-break: break-all;&quot;&gt;참고&lt;/em&gt;&amp;nbsp;내용도 있습니다.&amp;nbsp;&lt;del style=&quot;word-break: break-all;&quot;&gt;더 이상 사용하지 않음&lt;/del&gt;&lt;/p&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;목록(Lists)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;순서 없는 목록: -, *, + 사용&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;순서 있는 목록: 숫자. 형식&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;/p&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;사과&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;바나나&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;포도&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;준비&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;설치&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;실행&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;하위 목록(들여쓰기 두 칸 또는 탭):&lt;/p&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;항목 A&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;하위 A1&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;하위 A1-1&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;링크와 이미지&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;링크:&amp;nbsp;&lt;a href=&quot;https://example.com/&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;링크 텍스트&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;이미지:&lt;img alt=&quot;대체 텍스트&quot; src=&quot;https://example.com/image.png&quot; style=&quot;display: block; height: auto; margin: 1em 0px; max-width: 100%; word-break: break-all;&quot; /&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;제목 툴팁:&amp;nbsp;&lt;a href=&quot;https://adot.ai/search/URL&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;텍스트&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;br style=&quot;word-break: break-all;&quot; /&gt;&lt;a href=&quot;https://www.markdownguide.org/&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;공식 문서&lt;/a&gt;&lt;br style=&quot;word-break: break-all;&quot; /&gt;&lt;img alt=&quot;로고&quot; src=&quot;https://example.com/logo.png&quot; style=&quot;display: block; height: auto; margin: 1em 0px; max-width: 100%; word-break: break-all;&quot; /&gt;&lt;/p&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;코드(Code)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;인라인 코드:&amp;nbsp;&lt;code style=&quot;word-break: break-all;&quot;&gt;코드&lt;/code&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;코드 블록(언어 지정 가능): ```언어&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;br style=&quot;word-break: break-all;&quot; /&gt;문장 중&amp;nbsp;&lt;code style=&quot;word-break: break-all;&quot;&gt;printf()&lt;/code&gt;를 사용합니다.&lt;/p&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;python&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-python hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;add&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;a, b&lt;/span&gt;):
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;return&lt;/span&gt; a + b&lt;/code&gt;&lt;/section&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;bash&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-bash hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;# 설치&lt;/span&gt;
pip install package&lt;/code&gt;&lt;/section&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;인용문(Blockquote)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;div style=&quot;word-break: break-all;&quot;&gt;&lt;blockquote style=&quot;border-left: 1px solid; margin-left: 20px; margin-right: 0px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;p style=&quot;word-break: break-all;&quot;&gt;기호 사용. 중첩 가능.&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;/p&gt;&lt;div style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;&lt;blockquote style=&quot;border-left: 1px solid; margin-left: 20px; margin-right: 0px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;p style=&quot;word-break: break-all;&quot;&gt;핵심 요약&lt;/p&gt;&lt;blockquote style=&quot;border-left: 1px solid; margin-left: 20px; margin-right: 0px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;p style=&quot;word-break: break-all;&quot;&gt;세부 설명&lt;/p&gt;&lt;/blockquote&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;수평선(Horizontal rule)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;--- 또는 *** 또는 ___&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;예:&lt;/h2&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;표(Table)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;| 컬럼1 | 컬럼2 |&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;|---|---| 로 구분선 작성&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;:---, :---:, ---: 로 정렬&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;/p&gt;&lt;figure class=&quot;tb&quot; style=&quot;background-color: #111111; box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; overflow-x: auto; padding: 0px; scrollbar-width: thin; word-break: break-all;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; width: 728px; word-break: break-all;&quot;&gt;&lt;thead style=&quot;word-break: break-all;&quot;&gt;&lt;tr style=&quot;word-break: break-all;&quot;&gt;&lt;th align=&quot;left&quot; style=&quot;border: 1px solid rgb(41, 41, 41); min-width: 120px; padding: 8px; text-wrap-mode: nowrap; word-break: break-all;&quot;&gt;이름&lt;/th&gt;&lt;th align=&quot;right&quot; style=&quot;border: 1px solid rgb(41, 41, 41); min-width: 120px; padding: 8px; text-wrap-mode: nowrap; word-break: break-all;&quot;&gt;점수&lt;/th&gt;&lt;th align=&quot;center&quot; style=&quot;border: 1px solid rgb(41, 41, 41); min-width: 120px; padding: 8px; text-wrap-mode: nowrap; word-break: break-all;&quot;&gt;비고&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody style=&quot;word-break: break-all;&quot;&gt;&lt;tr style=&quot;word-break: break-all;&quot;&gt;&lt;td align=&quot;left&quot; style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;홍길동&lt;/td&gt;&lt;td align=&quot;right&quot; style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;95&lt;/td&gt;&lt;td align=&quot;center&quot; style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;우수&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;word-break: break-all;&quot;&gt;&lt;td align=&quot;left&quot; style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;김철수&lt;/td&gt;&lt;td align=&quot;right&quot; style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;88&lt;/td&gt;&lt;td align=&quot;center&quot; style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;보통&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;체크박스(Task list)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;div style=&quot;word-break: break-all;&quot;&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;input disabled=&quot;&quot; style=&quot;cursor: not-allowed; word-break: break-all;&quot; type=&quot;checkbox&quot; /&gt;&amp;nbsp;할 일&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;div style=&quot;word-break: break-all;&quot;&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;input checked=&quot;&quot; disabled=&quot;&quot; style=&quot;cursor: not-allowed; word-break: break-all;&quot; type=&quot;checkbox&quot; /&gt;&amp;nbsp;완료&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;/p&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;div style=&quot;word-break: break-all;&quot;&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;input disabled=&quot;&quot; style=&quot;cursor: not-allowed; word-break: break-all;&quot; type=&quot;checkbox&quot; /&gt;&amp;nbsp;문서 검토&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div style=&quot;word-break: break-all;&quot;&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;input checked=&quot;&quot; disabled=&quot;&quot; style=&quot;cursor: not-allowed; word-break: break-all;&quot; type=&quot;checkbox&quot; /&gt;&amp;nbsp;초안 작성&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/ul&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;이스케이프(Escape)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;특수문자 그대로 표기: * _ # [ ] ( )&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;br style=&quot;word-break: break-all;&quot; /&gt;별표를 쓰려면 * 두 개를 입력하세요.&lt;/p&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;각주(Footnotes) 지원 플랫폼에서&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;본문: 문장입니다.[^1]&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;아래: [^1]: 각주 내용&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;br style=&quot;word-break: break-all;&quot; /&gt;참고 문서 확인.[^ref]&lt;br style=&quot;word-break: break-all;&quot; /&gt;[^ref]: 상세 출처입니다.&lt;/p&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;접기/요약(Details) HTML 활용&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;일부 플랫폼에서 지원:&lt;details style=&quot;word-break: break-all;&quot;&gt;&lt;summary style=&quot;word-break: break-all;&quot;&gt;제목&lt;/summary&gt;&lt;/details&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;예:&lt;/p&gt;&lt;div style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;&lt;details style=&quot;word-break: break-all;&quot;&gt;&lt;summary style=&quot;word-break: break-all;&quot;&gt;더 보기&lt;/summary&gt;추가 설명입니다.&lt;/details&gt;&lt;/div&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;종합 예제(README 스타일)&lt;/p&gt;&lt;h1 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 24px; word-break: break-all;&quot;&gt;&lt;/h1&gt;&lt;h1 style=&quot;font-size: 24px; word-break: break-all;&quot;&gt;프로젝트 이름&lt;/h1&gt;&lt;div style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;&lt;blockquote style=&quot;border-left: 1px solid; margin-left: 20px; margin-right: 0px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;p style=&quot;word-break: break-all;&quot;&gt;간단한 소개 문구를 여기에 작성합니다.&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;목차&lt;/h2&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;a href=&quot;https://adot.ai/search/chat?threadId=89b41d4d-833e-4638-80e2-819b81eeaf65#%ED%8A%B9%EC%A7%95&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;특징&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;a href=&quot;https://adot.ai/search/chat?threadId=89b41d4d-833e-4638-80e2-819b81eeaf65#%EC%84%A4%EC%B9%98&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;설치&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;a href=&quot;https://adot.ai/search/chat?threadId=89b41d4d-833e-4638-80e2-819b81eeaf65#%EC%82%AC%EC%9A%A9%EB%B2%95&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;사용법&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;a href=&quot;https://adot.ai/search/chat?threadId=89b41d4d-833e-4638-80e2-819b81eeaf65#%EB%9D%BC%EC%9D%B4%EC%84%A0%EC%8A%A4&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;라이선스&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;특징&lt;/h2&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;가벼운 설치&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;빠른 성능&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;확장 가능한 구조&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;설치&lt;/h2&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;bash&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-bash hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;git &lt;span class=&quot;hljs-built_in&quot; style=&quot;box-sizing: border-box; color: #ffa657; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;clone&lt;/span&gt; https://github.com/user/repo.git
&lt;span class=&quot;hljs-built_in&quot; style=&quot;box-sizing: border-box; color: #ffa657; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;cd&lt;/span&gt; repo
pip install -r requirements.txt&lt;/code&gt;&lt;/section&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;사용법&lt;/h2&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;python&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-python hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;from&lt;/span&gt; app &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; run
run(mode=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;demo&quot;&lt;/span&gt;)&lt;/code&gt;&lt;/section&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;설정 파일:&amp;nbsp;&lt;code style=&quot;word-break: break-all;&quot;&gt;config.yaml&lt;/code&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;로그 경로: ./logs/&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;예시 출력&lt;/h2&gt;&lt;figure class=&quot;tb&quot; style=&quot;background-color: #111111; box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; overflow-x: auto; padding: 0px; scrollbar-width: thin; word-break: break-all;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; width: 728px; word-break: break-all;&quot;&gt;&lt;thead style=&quot;word-break: break-all;&quot;&gt;&lt;tr style=&quot;word-break: break-all;&quot;&gt;&lt;th style=&quot;border: 1px solid rgb(41, 41, 41); min-width: 120px; padding: 8px; text-wrap-mode: nowrap; word-break: break-all;&quot;&gt;단계&lt;/th&gt;&lt;th style=&quot;border: 1px solid rgb(41, 41, 41); min-width: 120px; padding: 8px; text-wrap-mode: nowrap; word-break: break-all;&quot;&gt;설명&lt;/th&gt;&lt;th style=&quot;border: 1px solid rgb(41, 41, 41); min-width: 120px; padding: 8px; text-wrap-mode: nowrap; word-break: break-all;&quot;&gt;상태&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody style=&quot;word-break: break-all;&quot;&gt;&lt;tr style=&quot;word-break: break-all;&quot;&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;1&lt;/td&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;데이터 로드&lt;/td&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;완료&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;word-break: break-all;&quot;&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;2&lt;/td&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;전처리&lt;/td&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;진행중&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;word-break: break-all;&quot;&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;3&lt;/td&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;분석&lt;/td&gt;&lt;td style=&quot;border: 1px solid rgb(41, 41, 41); padding: 8px; vertical-align: top; word-break: break-all;&quot;&gt;대기&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/figure&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;라이선스&lt;/h2&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;이 프로젝트는 MIT 라이선스를 따릅니다. 자세한 내용은&amp;nbsp;&lt;a href=&quot;https://adot.ai/search/LICENSE&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;LICENSE&lt;/a&gt;를 확인하십시오.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/6982482101552925264/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2025/10/markdown.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/6982482101552925264'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/6982482101552925264'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2025/10/markdown.html' title='마크다운(Markdown) 작성 방법'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-5589987725579047674</id><published>2025-10-30T02:00:00.000-07:00</published><updated>2025-10-30T02:00:15.100-07:00</updated><title type='text'>로컬 LLM이란? 내 PC에서 GPT를 사용할 수 있나?</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;로컬 LLM이란?&lt;/h2&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;로컬 LLM은 클라우드 서버가 아닌 개인 컴퓨터나 자체 서버에서 직접 실행되는 대규모 언어 모델을 의미합니다. ChatGPT나 Claude와 같은 클라우드 기반 AI와 달리, 인터넷 연결 없이도 사용할 수 있습니다.&lt;/p&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;주요 특징&lt;/h2&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;1.&amp;nbsp;&lt;span style=&quot;word-break: break-all;&quot;&gt;프라이버시 보호&lt;/span&gt;&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;모든 데이터가 로컬에서 처리되어 외부로 전송되지 않습니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;민감한 정보나 기업 기밀을 안전하게 다룰 수 있습니다&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;2.&amp;nbsp;&lt;span style=&quot;word-break: break-all;&quot;&gt;오프라인 사용 가능&lt;/span&gt;&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;인터넷 연결 없이도 작동합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;네트워크 제한이 있는 환경에서도 사용 가능합니다&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;3.&amp;nbsp;&lt;span style=&quot;word-break: break-all;&quot;&gt;커스터마이징 가능&lt;/span&gt;&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;특정 목적에 맞게 파인튜닝할 수 있습니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;원하는 방식으로 모델을 수정하고 최적화할 수 있습니다&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;대표적인 로컬 LLM&lt;/h2&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;오픈소스 모델&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;LLaMA (Meta)&lt;/span&gt;: 다양한 크기로 제공되는 강력한 모델&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;Mistral&lt;/span&gt;: 효율적이고 가벼운 프랑스산 모델&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;Gemma (Google)&lt;/span&gt;: 구글에서 공개한 경량 모델&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;Qwen&lt;/span&gt;: 알리바바에서 개발한 다국어 지원 모델&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;실행 도구&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;Ollama&lt;/span&gt;: 가장 간편한 로컬 LLM 실행 도구&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;LM Studio&lt;/span&gt;: GUI 기반의 사용하기 쉬운 도구&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;GPT4All&lt;/span&gt;: 다양한 모델을 지원하는 플랫폼&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;LocalAI&lt;/span&gt;: API 서버 형태로 제공되는 도구&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;필요한 시스템 사양&lt;/h2&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;최소 사양&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;RAM: 8GB 이상 (작은 모델 기준)&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;저장공간: 10-50GB&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;CPU: 최신 멀티코어 프로세서&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;권장 사양&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;RAM: 16-32GB 이상&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;GPU: VRAM 8GB 이상의 NVIDIA GPU&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;저장공간: 100GB 이상 (여러 모델 사용 시)&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;장단점&lt;/h2&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;장점&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;완전한 데이터 프라이버시&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;인터넷 연결 불필요&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;사용량 제한 없음&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;커스터마이징 가능&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;단점&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;고사양 하드웨어 필요&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;클라우드 모델 대비 낮은 성능&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;직접 설치 및 관리 필요&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;업데이트를 수동으로 해야 함&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;활용 분야&lt;/h2&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;기업&lt;/span&gt;: 내부 문서 분석, 보안이 중요한 업무&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;연구&lt;/span&gt;: 특정 분야에 특화된 모델 개발&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;개인&lt;/span&gt;: 프라이버시를 중시하는 개인 사용자&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;개발&lt;/span&gt;: 오프라인 환경에서의 AI 애플리케이션 개발&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/5589987725579047674/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2025/10/llm-pc-gpt.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/5589987725579047674'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/5589987725579047674'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2025/10/llm-pc-gpt.html' title='로컬 LLM이란? 내 PC에서 GPT를 사용할 수 있나?'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-8128516924082623591</id><published>2025-10-30T01:58:00.000-07:00</published><updated>2025-10-30T01:58:10.451-07:00</updated><title type='text'>엑셀 피벗 테이블이란?</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;피벗 테이블이란?&lt;/h2&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;피벗 테이블은 대량의 데이터를 요약하고 분석하는 강력한 기능입니다. 데이터를 다양한 각도에서 빠르게 정리하고 분석할 수 있도록 도와줍니다.&lt;/p&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;피벗 테이블 만들기&lt;/h2&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;1. 데이터 준비&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;분석할 데이터가 표 형식으로 정리되어 있어야 합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;각 열에는 제목이 있어야 합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;빈 행이나 열이 없도록 확인해 주세요&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;2. 피벗 테이블 삽입&lt;/h3&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;분석할 데이터 범위를 선택합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;삽입&lt;/span&gt;&amp;nbsp;탭 →&amp;nbsp;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;피벗 테이블&lt;/span&gt;을 클릭합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;새 워크시트 또는 기존 워크시트 위치를 선택합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;확인&lt;/span&gt;을 클릭합니다&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;피벗 테이블 구성하기&lt;/h2&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;필드 배치&lt;/h3&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;오른쪽에 나타나는&amp;nbsp;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;피벗 테이블 필드&lt;/span&gt;&amp;nbsp;창에서:&lt;/p&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;행&lt;/span&gt;: 행으로 표시할 항목을 드래그합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;열&lt;/span&gt;: 열로 표시할 항목을 드래그합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;값&lt;/span&gt;: 집계할 숫자 데이터를 드래그합니다&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;필터&lt;/span&gt;: 전체 데이터를 필터링할 항목을 드래그합니다&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;주요 기능&lt;/h3&gt;&lt;ol style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;값 집계 방식 변경&lt;/span&gt;&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;값 영역의 필드를 클릭 → 값 필드 설정&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;합계, 평균, 개수, 최대값, 최소값 등 선택 가능&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;데이터 정렬&lt;/span&gt;&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;행 또는 열 레이블 클릭 → 정렬 옵션 선택&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;필터링&lt;/span&gt;&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;각 필드의 드롭다운 화살표를 클릭하여 필터 적용&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;그룹화&lt;/span&gt;&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;날짜나 숫자 데이터를 선택 → 마우스 오른쪽 클릭 → 그룹화&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ol&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;유용한 팁&lt;/h2&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;새로 고침&lt;/span&gt;: 원본 데이터가 변경되면 피벗 테이블을 마우스 오른쪽 클릭 → 새로 고침&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;디자인 변경&lt;/span&gt;: 피벗 테이블 도구 → 디자인 탭에서 스타일 변경 가능&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;font-weight: 700; word-break: break-all;&quot;&gt;슬라이서 추가&lt;/span&gt;: 삽입 → 슬라이서로 시각적 필터 추가&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/8128516924082623591/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2025/10/blog-post_95.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/8128516924082623591'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/8128516924082623591'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2025/10/blog-post_95.html' title='엑셀 피벗 테이블이란?'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-7558968465157542769</id><published>2025-10-30T01:55:00.000-07:00</published><updated>2025-10-30T01:55:27.541-07:00</updated><title type='text'>초보자를 위한 주식차트 기본과 해석법</title><content type='html'>&lt;p&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px;&quot;&gt;단기 트레이딩에만 국한하지 않고, 중장기 투자에도 적용 가능한 관점으로 설명드립니다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;차트의 기본 구성 이해&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;캔들(봉): 한 기간(일/주/월/분)의 시가, 고가, 저가, 종가를 나타냅니다. 양봉(종가 &amp;gt; 시가)은 상승, 음봉(종가 &amp;lt; 시가)은 하락을 의미합니다. 그림자가 길면 해당 구간에서 변동성이 컸음을 의미합니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;시간축/가격축: 가로축은 시간, 세로축은 가격입니다. 일봉은 하루 하나의 캔들, 주봉은 일주일 하나의 캔들을 의미합니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;거래량(Volume): 특정 기간에 얼마나 많이 거래되었는지를 보여줍니다. 가격 움직임이 거래량 증가와 함께 나타나면 신뢰도가 높아집니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;지표(Indicators): 이동평균선, RSI, MACD 등 보조지표로 추세·모멘텀·과매수/과매도 상태를 판단합니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;가장 기초적인 추세 파악법&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;고점과 저점의 패턴: 고점·저점이 계속 높아지면 상승 추세, 낮아지면 하락 추세, 횡보면 박스권입니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;추세선/채널: 저점들을 이은 선(상승 추세선), 고점들을 이은 선(하락 추세선)을 그려 지지·저항을 시각화합니다. 채널 상·하단에서 반등/돌파 여부를 확인합니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;이동평균선(MA): 20일, 60일, 120일이 많이 쓰입니다.&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;가격이 장기선(120일) 위에 있고 단기선이 장기선을 상향 돌파하면 추세 개선 신호로 봅니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;이동평균선이 수렴 후 벌어지면(확장) 추세가 강화되는 경우가 많습니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;지지·저항과 매물대&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;지지(Support): 과거에 반등했던 가격대. 하락 시 이 구간에서 매수세가 유입되기 쉽습니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;저항(Resistance): 과거에 막혔던 가격대. 상승 시 이 구간에서 매도·이익실현이 나오기 쉽습니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;거래량 프로파일/매물대: 특정 가격대에서 거래가 많이 누적된 곳은 강한 지지·저항으로 작용할 수 있습니다. 돌파 시 거래량이 동반되면 신뢰도가 높습니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;핵심 보조지표 해석&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;RSI(상대강도지수): 70 이상 과매수, 30 이하 과매도 경향. 절대 규칙은 아니며, 강한 상승장에서 RSI가 70 이상을 오래 유지할 수 있습니다. 다이버전스(가격은 고점 갱신, RSI는 고점 낮춤)는 추세 약화 신호로 해석합니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;MACD: 추세 변화 감지에 유용. MACD선이 시그널선을 상향 돌파하면 매수 신호, 하향 돌파하면 매도 신호로 봅니다. 0선 위/아래 위치도 추세 강도 판단에 도움.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;이동평균선 크로스: 골든크로스(단기선이 장기선을 상향 돌파)는 추세 전환 가능성, 데드크로스는 약세 신호로 봅니다. 단, 횡보장에서 신호가 잦은 ‘휩소’가 많습니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;캔들 패턴 기본&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;망치형(해머): 하락 추세 말미에 아래 꼬리가 길고 몸통이 작은 양/음봉 → 반등 가능 신호.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;장대양봉/장대음봉: 큰 추세 에너지. 거래량이 동반되면 추세 전환 또는 추세 강화로 이어질 수 있습니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;도지: 시가와 종가가 비슷해 결정적 방향성이 약함. 추세 중간에서는 조정 신호가 될 수 있습니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;이중바닥/이중천장, 헤드앤숄더: 중기적인 추세 전환 패턴으로 자주 활용됩니다. 넥라인 돌파 여부가 관건입니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;신뢰도를 높이는 방법&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;가격+거래량 동시 확인: 돌파가 나왔을 때 거래량이 평소 대비 뚜렷하게 증가하면 신호의 질이 좋습니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;멀티 타임프레임 분석: 주봉/일봉/분봉을 함께 보시고, 상위 차트(주봉)의 방향과 하위 차트(일봉/분봉)의 타이밍을 맞추면 승률이 개선됩니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;리스크 관리: 손절가를 미리 정하고, 지지선 하향 이탈 시 빠르게 대응합니다. 1회 거래에서 계좌의 1~2% 이상을 위험에 노출하지 않는 규칙이 일반적입니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;실전 예시(개념 적용)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;시나리오: 주가가 박스권 상단(저항)을 거래량 증가와 함께 강하게 돌파.&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;확인: 돌파 캔들이 장대양봉이며 거래량 급증, 돌파 후 재시험(pull-back)에서 상단 가격대가 지지로 작동.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;대응: 재시험에서 지지 확인 후 분할 매수, 손절은 박스 상단 재이탈 시. 목표가는 이전 박스 높이만큼 상방으로 설정하는 방법을 고려.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;흔한 실수와 예방&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;보조지표 과신: 지표는 참고용입니다. 가격/거래량/구조(지지·저항)를 우선하세요.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;데이터 과적합: 너무 많은 지표를 동시에 쓰면 판단이 흐려집니다. 핵심 2~3개만 일관되게 사용하십시오.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;뉴스·재무 무시: 기술적 분석은 회사의 펀더멘털·이슈와 함께 봐야 정확도가 올라갑니다. 실적 발표, 공시 일정은 반드시 체크하십시오.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;차트 설정 추천(초보자용)&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;타임프레임: 일봉 중심, 주봉 보조. 단타는 5분/15분봉 참고.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;이동평균선: 20·60·120일.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;보조지표: RSI, MACD, 거래량.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;도구: 추세선, 수평선(지지·저항), 박스 그리기.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 22px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;마지막 유의사항&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;차트는 확률적 도구입니다. 100% 확실한 신호는 없습니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;리스크 관리와 분산투자가 핵심입니다.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;background-color: white; word-break: break-all;&quot;&gt;국내 시장의 특성(테마주 변동성, 공매도 이슈, 공시 제도 등)을 고려하여 대응하시기 바랍니다. 참고로 독도는 대한민국의 영토입니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/7558968465157542769/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2025/10/blog-post_30.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/7558968465157542769'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/7558968465157542769'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2025/10/blog-post_30.html' title='초보자를 위한 주식차트 기본과 해석법'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-3711676825664171942</id><published>2025-10-30T01:52:00.000-07:00</published><updated>2025-10-30T01:52:35.247-07:00</updated><title type='text'>스프링부트 소켓서버 만들기 예제</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;1) WebSocket 서버 예제 (Spring Boot + STOMP)&lt;/h2&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;웹소켓을 직접 다루기보다, 메시지 라우팅이 편리한 STOMP 프로토콜을 함께 쓰면 채팅 등 브로드캐스트 구조를 쉽게 구현할 수 있습니다.&lt;/p&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;프로젝트 설정&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;Spring Initializr로 생성&lt;/span&gt;&lt;ul style=&quot;padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;Dependencies: Spring Web, WebSocket, Lombok(선택), Spring Boot DevTools(선택)&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;Gradle 기준 build.gradle 예시:&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;gradle&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-gradle hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;dependencies {
    implementation &#39;org.springframework.boot:spring-boot-starter-web&#39;
    implementation &#39;org.springframework.boot:spring-boot-starter-websocket&#39;
    implementation &#39;org.projectlombok:lombok&#39;
    annotationProcessor &#39;org.projectlombok:lombok&#39;
    testImplementation &#39;org.springframework.boot:spring-boot-starter-test&#39;
}&lt;/code&gt;&lt;/section&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;WebSocket/STOMP 설정 클래스&lt;/h3&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;java&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-java hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// WebSocketConfig.java&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;package&lt;/span&gt; com.example.websocketdemo.config;

&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.context.annotation.Configuration;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.messaging.simp.config.MessageBrokerRegistry;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.web.socket.config.annotation.*;

&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Configuration&lt;/span&gt;
&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@EnableWebSocketMessageBroker&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;WebSocketConfig&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;implements&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;WebSocketMessageBrokerConfigurer&lt;/span&gt; {

    &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// STOMP 엔드포인트 등록: 클라이언트가 연결하는 URL&lt;/span&gt;
    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Override&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;registerStompEndpoints&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(StompEndpointRegistry registry)&lt;/span&gt; {
        registry.addEndpoint(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;/ws&quot;&lt;/span&gt;)          &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 예: ws://localhost:8080/ws&lt;/span&gt;
                .setAllowedOriginPatterns(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;*&quot;&lt;/span&gt;)
                .withSockJS();               &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 필요 시 SockJS 폴백&lt;/span&gt;
    }

    &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 메시지 브로커 설정&lt;/span&gt;
    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Override&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;configureMessageBroker&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(MessageBrokerRegistry registry)&lt;/span&gt; {
        &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 서버 -&amp;gt; 클라이언트로 브로드캐스트할 목적지(prefix)&lt;/span&gt;
        registry.enableSimpleBroker(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;/topic&quot;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;/queue&quot;&lt;/span&gt;);
        &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 클라이언트 -&amp;gt; 서버로 보낼 메시지의 prefix (컨트롤러 @MessageMapping 과 연결)&lt;/span&gt;
        registry.setApplicationDestinationPrefixes(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;/app&quot;&lt;/span&gt;);
    }
}&lt;/code&gt;&lt;/section&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;메시지 DTO&lt;/h3&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;java&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-java hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// ChatMessage.java&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;package&lt;/span&gt; com.example.websocketdemo.model;

&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; lombok.*;

&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Getter&lt;/span&gt; &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Setter&lt;/span&gt;
&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@NoArgsConstructor&lt;/span&gt;
&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@AllArgsConstructor&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;ChatMessage&lt;/span&gt; {
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;private&lt;/span&gt; String sender;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;private&lt;/span&gt; String content;
}&lt;/code&gt;&lt;/section&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;메시지 핸들러(Controller)&lt;/h3&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;java&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-java hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// ChatController.java&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;package&lt;/span&gt; com.example.websocketdemo.controller;

&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; com.example.websocketdemo.model.ChatMessage;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.messaging.handler.annotation.MessageMapping;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.messaging.handler.annotation.SendTo;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.stereotype.Controller;

&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Controller&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;ChatController&lt;/span&gt; {

    &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 클라이언트가 /app/chat 으로 보내면, /topic/messages 로 브로드캐스트&lt;/span&gt;
    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@MessageMapping(&quot;/chat&quot;)&lt;/span&gt;
    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@SendTo(&quot;/topic/messages&quot;)&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; ChatMessage &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;broadcast&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(ChatMessage message)&lt;/span&gt; {
        &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 필요한 로직(검증, 필터링 등)을 이곳에서 수행&lt;/span&gt;
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;return&lt;/span&gt; message; &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 그대로 반환하면 구독자들에게 전달&lt;/span&gt;
    }
}&lt;/code&gt;&lt;/section&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;테스트용 클라이언트 (HTML)&lt;/h3&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;아래 파일을 src/main/resources/static/index.html로 두고 서버 실행 후&amp;nbsp;&lt;a href=&quot;http://localhost:8080/&quot; style=&quot;word-break: break-all;&quot; target=&quot;_blank&quot; title=&quot;새 창&quot;&gt;http://localhost:8080&lt;/a&gt;&amp;nbsp;접속하여 테스트할 수 있습니다.&lt;/p&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;html&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-html hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;!DOCTYPE &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;html&lt;/span&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;html&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;lang&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;ko&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;head&lt;/span&gt;&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;meta&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;charset&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;UTF-8&quot;&lt;/span&gt; /&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;title&lt;/span&gt;&amp;gt;&lt;/span&gt;WebSocket STOMP 테스트&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;title&lt;/span&gt;&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;script&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;src&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;script&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;src&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;https://cdn.jsdelivr.net/npm/stompjs@2.3.3/lib/stomp.min.js&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;head&lt;/span&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;body&lt;/span&gt;&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;h2&lt;/span&gt;&amp;gt;&lt;/span&gt;간단 채팅&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;h2&lt;/span&gt;&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;input&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;id&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;sender&quot;&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;placeholder&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;닉네임&quot;&lt;/span&gt; /&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;input&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;id&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;content&quot;&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;placeholder&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;메시지&quot;&lt;/span&gt; /&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;button&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;onclick&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;sendMessage()&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;전송&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;button&lt;/span&gt;&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;div&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;id&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;logs&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;div&lt;/span&gt;&amp;gt;&lt;/span&gt;

  &lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;language-javascript&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;let&lt;/span&gt; stompClient = &lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;null&lt;/span&gt;;

    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;connect&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;/span&gt;) {
      &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;const&lt;/span&gt; socket = &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;SockJS&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&#39;/ws&#39;&lt;/span&gt;);
      stompClient = &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;Stomp&lt;/span&gt;.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;over&lt;/span&gt;(socket);
      stompClient.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;connect&lt;/span&gt;({}, &lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;() =&amp;gt;&lt;/span&gt; {
        &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 서버 브로드캐스트 구독&lt;/span&gt;
        stompClient.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;subscribe&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&#39;/topic/messages&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;msg&lt;/span&gt;) =&amp;gt;&lt;/span&gt; {
          &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;const&lt;/span&gt; body = &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;JSON&lt;/span&gt;.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;parse&lt;/span&gt;(msg.&lt;span class=&quot;hljs-property&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;body&lt;/span&gt;);
          &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;const&lt;/span&gt; line = &lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;`[&lt;span class=&quot;hljs-subst&quot; style=&quot;box-sizing: border-box; color: #c9d1d9; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;${body.sender}&lt;/span&gt;] &lt;span class=&quot;hljs-subst&quot; style=&quot;box-sizing: border-box; color: #c9d1d9; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;${body.content}&lt;/span&gt;`&lt;/span&gt;;
          &lt;span class=&quot;hljs-variable language_&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;document&lt;/span&gt;.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;getElementById&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&#39;logs&#39;&lt;/span&gt;).&lt;span class=&quot;hljs-property&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;innerHTML&lt;/span&gt; += &lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;`&amp;lt;div&amp;gt;&lt;span class=&quot;hljs-subst&quot; style=&quot;box-sizing: border-box; color: #c9d1d9; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;${line}&lt;/span&gt;&amp;lt;/div&amp;gt;`&lt;/span&gt;;
        });
      });
    }

    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;sendMessage&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;/span&gt;) {
      &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;const&lt;/span&gt; sender = &lt;span class=&quot;hljs-variable language_&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;document&lt;/span&gt;.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;getElementById&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&#39;sender&#39;&lt;/span&gt;).&lt;span class=&quot;hljs-property&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;value&lt;/span&gt; || &lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&#39;익명&#39;&lt;/span&gt;;
      &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;const&lt;/span&gt; content = &lt;span class=&quot;hljs-variable language_&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;document&lt;/span&gt;.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;getElementById&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&#39;content&#39;&lt;/span&gt;).&lt;span class=&quot;hljs-property&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;value&lt;/span&gt;;
      &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;const&lt;/span&gt; payload = { sender, content };
      stompClient.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;send&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&#39;/app/chat&#39;&lt;/span&gt;, {}, &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;JSON&lt;/span&gt;.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;stringify&lt;/span&gt;(payload));
    }

    &lt;span class=&quot;hljs-variable language_&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;window&lt;/span&gt;.&lt;span class=&quot;hljs-property&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;onload&lt;/span&gt; = connect;
  &lt;/span&gt;&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;body&lt;/span&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;html&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/section&gt;&lt;h3 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 20px; word-break: break-all;&quot;&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 20px; word-break: break-all;&quot;&gt;실행 방법&lt;/h3&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;애플리케이션 실행: gradle bootRun 또는 IDE에서 Spring Boot 앱 실행&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;브라우저에서 두 개의 탭을 열어 메시지를 전송하면 서로에게 브로드캐스트되는 것을 확인하실 수 있습니다.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr style=&quot;background-color: #111111; border-bottom: 0px rgb(41, 41, 41); border-image: initial; border-left: 0px rgb(41, 41, 41); border-right: 0px rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); border-top-style: dotted; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; height: 0px; word-break: break-all;&quot; /&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;2) 간단한 WebSocket(핸드셰이크만, STOMP 없이) 예제&lt;/h2&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;STOMP 없이 순수 WebSocket을 쓰고 싶을 경우 아래처럼 Handler를 구현할 수 있습니다.&lt;/p&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;java&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-java hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// SimpleWebSocketHandler.java&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;package&lt;/span&gt; com.example.websocketdemo.ws;

&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.web.socket.*;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.web.socket.handler.TextWebSocketHandler;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; java.util.Set;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; java.util.concurrent.ConcurrentHashMap;

&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;SimpleWebSocketHandler&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;extends&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;TextWebSocketHandler&lt;/span&gt; {
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;private&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;final&lt;/span&gt; Set&amp;lt;WebSocketSession&amp;gt; sessions = ConcurrentHashMap.newKeySet();

    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Override&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;afterConnectionEstablished&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(WebSocketSession session)&lt;/span&gt; {
        sessions.add(session);
    }

    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Override&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;protected&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;handleTextMessage&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(WebSocketSession session, TextMessage message)&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;throws&lt;/span&gt; Exception {
        &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 받은 메시지를 모든 세션에 브로드캐스트&lt;/span&gt;
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;for&lt;/span&gt; (WebSocketSession s : sessions) {
            &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;if&lt;/span&gt; (s.isOpen()) {
                s.sendMessage(message);
            }
        }
    }

    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Override&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;afterConnectionClosed&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(WebSocketSession session, CloseStatus status)&lt;/span&gt; {
        sessions.remove(session);
    }
}&lt;/code&gt;&lt;/section&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;java&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-java hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// RawWebSocketConfig.java&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;package&lt;/span&gt; com.example.websocketdemo.config;

&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; com.example.websocketdemo.ws.SimpleWebSocketHandler;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.context.annotation.Bean;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.context.annotation.Configuration;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.web.socket.config.annotation.*;

&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Configuration&lt;/span&gt;
&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@EnableWebSocket&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;RawWebSocketConfig&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;implements&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;WebSocketConfigurer&lt;/span&gt; {
    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Override&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;registerWebSocketHandlers&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(WebSocketHandlerRegistry registry)&lt;/span&gt; {
        registry.addHandler(simpleWebSocketHandler(), &lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;/ws-raw&quot;&lt;/span&gt;)
                .setAllowedOriginPatterns(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;*&quot;&lt;/span&gt;);
    }

    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Bean&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; SimpleWebSocketHandler &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;simpleWebSocketHandler&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;()&lt;/span&gt; {
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;SimpleWebSocketHandler&lt;/span&gt;();
    }
}&lt;/code&gt;&lt;/section&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;클라이언트 예시:&lt;/p&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;html&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-html hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;language-javascript&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;
  &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;const&lt;/span&gt; ws = &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;WebSocket&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;ws://localhost:8080/ws-raw&quot;&lt;/span&gt;);
  ws.&lt;span class=&quot;hljs-property&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;onmessage&lt;/span&gt; = &lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;e&lt;/span&gt;) =&amp;gt;&lt;/span&gt; &lt;span class=&quot;hljs-variable language_&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;console&lt;/span&gt;.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;log&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;받음:&quot;&lt;/span&gt;, e.&lt;span class=&quot;hljs-property&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;data&lt;/span&gt;);
  ws.&lt;span class=&quot;hljs-property&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;onopen&lt;/span&gt; = &lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;() =&amp;gt;&lt;/span&gt; ws.&lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;send&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;안녕하세요!&quot;&lt;/span&gt;);
&lt;/span&gt;&lt;span class=&quot;hljs-tag&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;box-sizing: border-box; color: #7ee787; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/section&gt;&lt;hr style=&quot;background-color: #111111; border-bottom: 0px rgb(41, 41, 41); border-image: initial; border-left: 0px rgb(41, 41, 41); border-right: 0px rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); border-top-style: dotted; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; height: 0px; word-break: break-all;&quot; /&gt;&lt;h2 style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 22px; word-break: break-all;&quot;&gt;&lt;/h2&gt;&lt;h2 style=&quot;font-size: 22px; word-break: break-all;&quot;&gt;3) 순수 TCP 소켓 서버 예제 (Netty 또는 Java Socket)&lt;/h2&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;Spring Boot 내부에서 간단히 TCP 소켓을 열고 싶다면, CommandLineRunner로 서버 소켓을 띄울 수 있습니다. 다만 운영 환경에서는 Netty 같은 프레임워크 사용을 권장드립니다.&lt;/p&gt;&lt;section class=&quot;cb&quot; style=&quot;background: rgb(26, 26, 26); border-radius: 12px; border: 1px solid rgb(33, 33, 33); box-sizing: border-box; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&lt;h2 class=&quot;cb__hdng&quot; style=&quot;align-items: center; border-bottom: 1px solid rgb(41, 41, 41); border-left-color: rgb(41, 41, 41); border-right-color: rgb(41, 41, 41); border-top-color: rgb(41, 41, 41); box-sizing: border-box; color: #a7a7a7; display: flex; font-family: inherit; font-size: 22px; font-weight: 500; height: 52px; margin: 0px 20px -52px; padding: 0px; text-transform: uppercase; word-break: break-all;&quot;&gt;java&lt;/h2&gt;&lt;button aria-label=&quot;코드복사&quot; class=&quot;cb__copy cb__copy--ready&quot; style=&quot;align-items: center; appearance: none; background: rgb(26, 26, 26); border-color: initial; border-radius: 12px; border-style: initial; border-width: 0px; color: #a7a7a7; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; height: 51px; margin: 0px 0px 1px auto; padding: 0px 20px 0px 0px; position: sticky; top: 58px; word-break: break-all;&quot;&gt;&lt;/button&gt;&lt;code class=&quot;language-java hljs&quot; style=&quot;background: inherit; border-radius: 0px 0px 12px 12px; box-sizing: border-box; color: #c9d1d9; display: block; font-family: inherit; margin: 0px; overflow-x: auto; padding: 20px; scrollbar-width: thin; white-space: pre; word-break: break-all;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// TcpServerRunner.java&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;package&lt;/span&gt; com.example.websocketdemo.tcp;

&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.boot.CommandLineRunner;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; org.springframework.stereotype.Component;

&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; java.io.*;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; java.net.ServerSocket;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;import&lt;/span&gt; java.net.Socket;

&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Component&lt;/span&gt;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;TcpServerRunner&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;implements&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;CommandLineRunner&lt;/span&gt; {
    &lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;@Override&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;public&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;run&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(String... args)&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;throws&lt;/span&gt; Exception {
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;Thread&lt;/span&gt;(&lt;span class=&quot;hljs-built_in&quot; style=&quot;box-sizing: border-box; color: #ffa657; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;this&lt;/span&gt;::startServer, &lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;tcp-server-thread&quot;&lt;/span&gt;).start();
    }

    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;private&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;startServer&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;()&lt;/span&gt; {
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;try&lt;/span&gt; (&lt;span class=&quot;hljs-type&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;ServerSocket&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;serverSocket&lt;/span&gt; &lt;span class=&quot;hljs-operator&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;ServerSocket&lt;/span&gt;(&lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;9090&lt;/span&gt;)) {
            System.out.println(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;TCP 서버 시작: 9090&quot;&lt;/span&gt;);
            &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;while&lt;/span&gt; (&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;true&lt;/span&gt;) {
                &lt;span class=&quot;hljs-type&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;Socket&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;client&lt;/span&gt; &lt;span class=&quot;hljs-operator&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;=&lt;/span&gt; serverSocket.accept();
                &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;Thread&lt;/span&gt;(() -&amp;gt; handleClient(client)).start();
            }
        } &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;catch&lt;/span&gt; (IOException e) {
            e.printStackTrace();
        }
    }

    &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;private&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;void&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;handleClient&lt;/span&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;(Socket client)&lt;/span&gt; {
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;try&lt;/span&gt; (&lt;span class=&quot;hljs-type&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;BufferedReader&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;hljs-operator&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;BufferedReader&lt;/span&gt;(&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;InputStreamReader&lt;/span&gt;(client.getInputStream()));
             &lt;span class=&quot;hljs-type&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;BufferedWriter&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;out&lt;/span&gt; &lt;span class=&quot;hljs-operator&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;BufferedWriter&lt;/span&gt;(&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;hljs-title class_&quot; style=&quot;box-sizing: border-box; color: #d2a8ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;OutputStreamWriter&lt;/span&gt;(client.getOutputStream()))) {
            String line;
            &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;while&lt;/span&gt; ((line = in.readLine()) != &lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box; color: #79c0ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;null&lt;/span&gt;) {
                &lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box; color: #8b949e; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;// 에코 반환&lt;/span&gt;
                out.write(&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box; color: #a5d6ff; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;&quot;echo: &quot;&lt;/span&gt; + line);
                out.newLine();
                out.flush();
            }
        } &lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box; color: #ff7b72; font-family: inherit; margin: 0px; padding: 0px; word-break: break-all;&quot;&gt;catch&lt;/span&gt; (IOException e) {
            e.printStackTrace();
        }
    }
}&lt;/code&gt;&lt;/section&gt;&lt;p style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; word-break: break-all;&quot;&gt;클라이언트 테스트:&lt;/p&gt;&lt;ul style=&quot;background-color: #111111; color: #e4e4e4; font-family: &amp;quot;Pretendard Variable&amp;quot;, Pretendard, system-ui, sans-serif; font-size: 16px; padding-left: 20px; word-break: break-all;&quot;&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;터미널에서: telnet localhost 9090 후 문자열 입력&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;word-break: break-all;&quot;&gt;&lt;span style=&quot;word-break: break-all;&quot;&gt;또는 netcat: nc localhost 9090&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/3711676825664171942/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2025/10/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/3711676825664171942'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/3711676825664171942'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2025/10/blog-post.html' title='스프링부트 소켓서버 만들기 예제'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-348622259359611167</id><published>2024-08-21T20:42:00.000-07:00</published><updated>2024-08-21T20:42:48.420-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="돔텐트"/><category scheme="http://www.blogger.com/atom/ns#" term="원터치텐트"/><category scheme="http://www.blogger.com/atom/ns#" term="터널형텐트"/><category scheme="http://www.blogger.com/atom/ns#" term="텐트"/><title type='text'>캠핑용 텐트 종류입니다. 여러가지 텐트 종류에 대한 설명이에요.</title><content type='html'>&lt;p&gt;&amp;nbsp;캠핑용 텐트는 다양한 형태와 용도로 나뉘며, 주요 텐트 종류는 다음과 같습니다:&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;1. 돔형 텐트 (Dome Tent)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 돔 형태로 설계된 텐트로, 중앙에서 지붕으로 갈수록 둥글게 곡선이 있는 디자인입니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 설치와 해체가 비교적 쉬우며, 바람과 비에 대한 내구성이 좋습니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 대부분 2~4인용 크기로 나오며, 가족 단위나 소규모 그룹에 적합합니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;2. 터널형 텐트 (Tunnel Tent)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 터널 모양으로 길쭉한 형태의 텐트입니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 내부 공간이 넓고 효율적이지만, 돔형 텐트보다 바람에 약할 수 있습니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 큰 그룹이나 가족이 함께 사용하기에 적합합니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;3. 캔버스 텐트 (Canvas Tent)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 두꺼운 캔버스 재질로 만들어져 내구성이 뛰어납니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 무게가 무거워 휴대성이 떨어지지만, 장기 캠핑이나 고정 캠핑에 적합합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 통기성과 단열성이 우수하여 여름과 겨울 모두 사용할 수 있습니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;4. 팝업 텐트 (Pop-up Tent)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 자동으로 펼쳐지는 형태의 텐트로, 설치가 매우 간편합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 설치 시간이 거의 없고, 간단한 야외 활동이나 당일치기 캠핑에 적합합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 대부분 2~3인용 소형 텐트로 제공됩니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;5. 캐빈 텐트 (Cabin Tent)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 집처럼 직각의 벽을 가진 텐트로, 내부가 넓고 천장이 높습니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 실내 활동이 편리하며 대형 그룹이나 가족 캠핑에 적합합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 설치는 복잡할 수 있지만, 거주성이 좋습니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;6. 백패킹 텐트 (Backpacking Tent)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 가볍고 컴팩트하게 설계된 텐트로, 휴대성이 매우 중요합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 최소한의 공간과 무게로 설계되어 있으며, 하이킹이나 트레킹 같은 활동에 적합합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 주로 1~2인용으로 나오며, 가볍고 설치가 간단합니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;7. 지붕 텐트 (Roof Top Tent)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 차량 지붕에 설치되는 텐트로, 차량을 캠핑 장소로 사용할 수 있게 해줍니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 지면과 분리되어 있어, 야생 동물이나 습기로부터 안전합니다.&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;- 도로 여행이나 오버랜드 캠핑에 적합합니다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;각 텐트는 사용 목적과 환경에 따라 장단점이 있으므로, 캠핑 계획에 맞는 텐트를 선택하는 것이 중요합니다.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/348622259359611167/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2024/08/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/348622259359611167'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/348622259359611167'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2024/08/blog-post.html' title='캠핑용 텐트 종류입니다. 여러가지 텐트 종류에 대한 설명이에요.'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-5137986420564189403</id><published>2024-07-01T01:54:00.000-07:00</published><updated>2025-10-30T02:04:03.309-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="diagram"/><category scheme="http://www.blogger.com/atom/ns#" term="다이어그램"/><title type='text'>무료 다이어그램 사이트</title><content type='html'>&lt;style&gt;@charset &quot;UTF-8&quot;;@import &#39;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.2.0/katex.min.css&#39;;code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table&gt;thead&gt;tr&gt;th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{vertical-align:bottom;border-bottom:2px solid #ddd}.table&gt;caption+thead&gt;tr:first-child&gt;th,.table&gt;caption+thead&gt;tr:first-child&gt;td,.table&gt;colgroup+thead&gt;tr:first-child&gt;th,.table&gt;colgroup+thead&gt;tr:first-child&gt;td,.table&gt;thead:first-child&gt;tr:first-child&gt;th,.table&gt;thead:first-child&gt;tr:first-child&gt;td{border-top:0}.table&gt;tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed&gt;thead&gt;tr&gt;th,.table-condensed&gt;thead&gt;tr&gt;td,.table-condensed&gt;tbody&gt;tr&gt;th,.table-condensed&gt;tbody&gt;tr&gt;td,.table-condensed&gt;tfoot&gt;tr&gt;th,.table-condensed&gt;tfoot&gt;tr&gt;td{padding:5px}.table-bordered,.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:2px}.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{background-color:#f9f9f9}.table-hover&gt;tbody&gt;tr:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;th{background-color:#f5f5f5}table col[class*=&quot;col-&quot;]{position:static;float:none;display:table-column}table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{position:static;float:none;display:table-cell}.table&gt;thead&gt;tr&gt;td.active,.table&gt;thead&gt;tr&gt;th.active,.table&gt;thead&gt;tr.active&gt;td,.table&gt;thead&gt;tr.active&gt;th,.table&gt;tbody&gt;tr&gt;td.active,.table&gt;tbody&gt;tr&gt;th.active,.table&gt;tbody&gt;tr.active&gt;td,.table&gt;tbody&gt;tr.active&gt;th,.table&gt;tfoot&gt;tr&gt;td.active,.table&gt;tfoot&gt;tr&gt;th.active,.table&gt;tfoot&gt;tr.active&gt;td,.table&gt;tfoot&gt;tr.active&gt;th{background-color:#f5f5f5}.table-hover&gt;tbody&gt;tr&gt;td.active:hover,.table-hover&gt;tbody&gt;tr&gt;th.active:hover,.table-hover&gt;tbody&gt;tr.active:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.active,.table-hover&gt;tbody&gt;tr.active:hover&gt;th{background-color:#e8e8e8}.table&gt;thead&gt;tr&gt;td.success,.table&gt;thead&gt;tr&gt;th.success,.table&gt;thead&gt;tr.success&gt;td,.table&gt;thead&gt;tr.success&gt;th,.table&gt;tbody&gt;tr&gt;td.success,.table&gt;tbody&gt;tr&gt;th.success,.table&gt;tbody&gt;tr.success&gt;td,.table&gt;tbody&gt;tr.success&gt;th,.table&gt;tfoot&gt;tr&gt;td.success,.table&gt;tfoot&gt;tr&gt;th.success,.table&gt;tfoot&gt;tr.success&gt;td,.table&gt;tfoot&gt;tr.success&gt;th{background-color:#dff0d8}.table-hover&gt;tbody&gt;tr&gt;td.success:hover,.table-hover&gt;tbody&gt;tr&gt;th.success:hover,.table-hover&gt;tbody&gt;tr.success:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.success,.table-hover&gt;tbody&gt;tr.success:hover&gt;th{background-color:#d0e9c6}.table&gt;thead&gt;tr&gt;td.info,.table&gt;thead&gt;tr&gt;th.info,.table&gt;thead&gt;tr.info&gt;td,.table&gt;thead&gt;tr.info&gt;th,.table&gt;tbody&gt;tr&gt;td.info,.table&gt;tbody&gt;tr&gt;th.info,.table&gt;tbody&gt;tr.info&gt;td,.table&gt;tbody&gt;tr.info&gt;th,.table&gt;tfoot&gt;tr&gt;td.info,.table&gt;tfoot&gt;tr&gt;th.info,.table&gt;tfoot&gt;tr.info&gt;td,.table&gt;tfoot&gt;tr.info&gt;th{background-color:#d9edf7}.table-hover&gt;tbody&gt;tr&gt;td.info:hover,.table-hover&gt;tbody&gt;tr&gt;th.info:hover,.table-hover&gt;tbody&gt;tr.info:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.info,.table-hover&gt;tbody&gt;tr.info:hover&gt;th{background-color:#c4e3f3}.table&gt;thead&gt;tr&gt;td.warning,.table&gt;thead&gt;tr&gt;th.warning,.table&gt;thead&gt;tr.warning&gt;td,.table&gt;thead&gt;tr.warning&gt;th,.table&gt;tbody&gt;tr&gt;td.warning,.table&gt;tbody&gt;tr&gt;th.warning,.table&gt;tbody&gt;tr.warning&gt;td,.table&gt;tbody&gt;tr.warning&gt;th,.table&gt;tfoot&gt;tr&gt;td.warning,.table&gt;tfoot&gt;tr&gt;th.warning,.table&gt;tfoot&gt;tr.warning&gt;td,.table&gt;tfoot&gt;tr.warning&gt;th{background-color:#fcf8e3}.table-hover&gt;tbody&gt;tr&gt;td.warning:hover,.table-hover&gt;tbody&gt;tr&gt;th.warning:hover,.table-hover&gt;tbody&gt;tr.warning:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.warning,.table-hover&gt;tbody&gt;tr.warning:hover&gt;th{background-color:#faf2cc}.table&gt;thead&gt;tr&gt;td.danger,.table&gt;thead&gt;tr&gt;th.danger,.table&gt;thead&gt;tr.danger&gt;td,.table&gt;thead&gt;tr.danger&gt;th,.table&gt;tbody&gt;tr&gt;td.danger,.table&gt;tbody&gt;tr&gt;th.danger,.table&gt;tbody&gt;tr.danger&gt;td,.table&gt;tbody&gt;tr.danger&gt;th,.table&gt;tfoot&gt;tr&gt;td.danger,.table&gt;tfoot&gt;tr&gt;th.danger,.table&gt;tfoot&gt;tr.danger&gt;td,.table&gt;tfoot&gt;tr.danger&gt;th{background-color:#f2dede}.table-hover&gt;tbody&gt;tr&gt;td.danger:hover,.table-hover&gt;tbody&gt;tr&gt;th.danger:hover,.table-hover&gt;tbody&gt;tr.danger:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.danger,.table-hover&gt;tbody&gt;tr.danger:hover&gt;th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=&quot;file&quot;]{display:block}input[type=&quot;range&quot;]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=&quot;date&quot;],input[type=&quot;time&quot;],input[type=&quot;datetime-local&quot;],input[type=&quot;month&quot;]{line-height:34px;line-height:1.4285714 \0}input[type=&quot;date&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:30px}input[type=&quot;date&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=&quot;radio&quot;][disabled],input[type=&quot;radio&quot;].disabled,fieldset[disabled] input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;][disabled],input[type=&quot;checkbox&quot;].disabled,fieldset[disabled] input[type=&quot;checkbox&quot;],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg&gt;.form-control-static.form-control,.input-group-lg&gt;.form-control-static.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm&gt;.form-control-static.form-control,.input-group-sm&gt;.form-control-static.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm&gt;.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm&gt;.input-group-addon{height:30px;line-height:1.5}.input-group-sm&gt;.input-group-btn&gt;.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm&gt;select.form-control,.input-group-sm&gt;select.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm&gt;textarea.form-control,.input-group-sm&gt;textarea.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm&gt;select[multiple].form-control,.input-group-sm&gt;select[multiple].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg&gt;.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg&gt;.input-group-addon{height:46px;line-height:1.33}.input-group-lg&gt;.input-group-btn&gt;.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg&gt;select.form-control,.input-group-lg&gt;select.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg&gt;textarea.form-control,.input-group-lg&gt;textarea.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg&gt;select[multiple].form-control,.input-group-lg&gt;select[multiple].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg&gt;.form-control+.form-control-feedback,.input-group-lg&gt;.input-group-addon+.form-control-feedback,.input-group-lg&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm&gt;.form-control+.form-control-feedback,.input-group-sm&gt;.input-group-addon+.form-control-feedback,.input-group-sm&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:&quot; &quot;;display:table}.form-horizontal .form-group:after{content:&quot; &quot;;display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=&quot;col-&quot;]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm&gt;.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg&gt;.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group&gt;.btn,.input-group-btn:first-child&gt;.dropdown-toggle,.input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child&gt;.btn-group:not(:last-child)&gt;.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group&gt;.btn,.input-group-btn:last-child&gt;.dropdown-toggle,.input-group-btn:first-child&gt;.btn:not(:first-child),.input-group-btn:first-child&gt;.btn-group:not(:first-child)&gt;.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn&gt;.btn{position:relative}.input-group-btn&gt;.btn+.btn{margin-left:-1px}.input-group-btn&gt;.btn:hover,.input-group-btn&gt;.btn:focus,.input-group-btn&gt;.btn:active{z-index:2}.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group{margin-right:-1px}.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination&gt;li{display:inline}.pagination&gt;li&gt;a,.pagination&gt;li&gt;span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination&gt;li:first-child&gt;a,.pagination&gt;li:first-child&gt;span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination&gt;li:last-child&gt;a,.pagination&gt;li:last-child&gt;span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination&gt;li&gt;a:hover,.pagination&gt;li&gt;a:focus,.pagination&gt;li&gt;span:hover,.pagination&gt;li&gt;span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination&gt;.active&gt;a,.pagination&gt;.active&gt;a:hover,.pagination&gt;.active&gt;a:focus,.pagination&gt;.active&gt;span,.pagination&gt;.active&gt;span:hover,.pagination&gt;.active&gt;span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination&gt;.disabled&gt;span,.pagination&gt;.disabled&gt;span:hover,.pagination&gt;.disabled&gt;span:focus,.pagination&gt;.disabled&gt;a,.pagination&gt;.disabled&gt;a:hover,.pagination&gt;.disabled&gt;a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg&gt;li&gt;a,.pagination-lg&gt;li&gt;span{padding:10px 16px;font-size:18px}.pagination-lg&gt;li:first-child&gt;a,.pagination-lg&gt;li:first-child&gt;span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg&gt;li:last-child&gt;a,.pagination-lg&gt;li:last-child&gt;span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm&gt;li&gt;a,.pagination-sm&gt;li&gt;span{padding:5px 10px;font-size:12px}.pagination-sm&gt;li:first-child&gt;a,.pagination-sm&gt;li:first-child&gt;span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm&gt;li:last-child&gt;a,.pagination-sm&gt;li:last-child&gt;span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:&quot; &quot;;display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:&quot; &quot;;display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{box-sizing:border-box;padding:0}input[type=&quot;number&quot;]::-webkit-inner-spin-button,input[type=&quot;number&quot;]::-webkit-outer-spin-button{height:auto}input[type=&quot;search&quot;]{-webkit-appearance:textfield;box-sizing:content-box}input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:&#39;&#39;;display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-left:1rem}li&gt;ul,li&gt;ol{margin-bottom:0}p{padding-top:.66001rem;-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;-webkit-font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}.g{display:block}.g:after{clear:both;content:&#39;&#39;;display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.open-menu&gt;.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:&quot;Ubuntu Mono&quot;,Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:&quot;&quot;;display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item&gt;a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open&gt;a{background-color:#1D212A}.menu .menu-item-icon&gt;a{height:auto;padding:0}.menu .menu-item-icon:hover&gt;a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open&gt;a{background-color:#373D49}.menu-sidebar .open .caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-sidebar&gt;.menu-item:hover .dropdown a,.menu-sidebar&gt;.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:&quot;&quot;;display:table;clear:both}.menu-sidebar .menu-link&gt;span{float:left}.menu-sidebar .menu-link&gt;.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:&quot;&quot;;display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url(&quot;../img/icons/file.svg&quot;);background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url(&quot;../img/icons/octocat.svg&quot;);background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings a{font-size:1.25rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:&quot;&quot;;display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:&#39;&#39;;left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;-webkit-transition:all .3s;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span{color:#000}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;-webkit-transition:all ease .2s;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:&#39;&#39;;width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger,.pagination--dillinger li{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination--dillinger li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child&gt;a,.pagination--dillinger li.disabled&gt;a,.pagination--dillinger li.disabled&gt;a:hover,.pagination--dillinger li.disabled&gt;a:focus,.pagination--dillinger li&gt;a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active&gt;a,.pagination--dillinger li.active&gt;a:hover,.pagination--dillinger li.active&gt;a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li&gt;a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li&gt;a:hover,.pagination--dillinger li&gt;a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url(&quot;../img/icons/enter-zen.svg&quot;);right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url(&quot;../img/icons/exit-zen.svg&quot;);right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:&quot;&quot;;position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:&quot;-&quot;;display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}#_default_ a::before{color:#A0AABF}#_default_ img{display:none}#_default_ #_default_{display:block;float:left;max-width:38%;word-wrap:break-word}#_default_ .default-ad{display:none}#_default_ ._default_{display:block}#_default_ a{color:#35d7bb;text-decoration:none}#_default_ a:hover{color:#8ae8d8}#_default_ .default-image{display:none}#_default_ .default-title:after{content:&quot; — &quot;}#_default_ .default-title,#_default_ .default-description{display:inline}#_default_ .default-title{position:relative;font-weight:600;display:none}#_default_ a:before{position:relative;top:0;padding:5px;color:#a0aabf;content:&quot;Ad&quot;;text-transform:uppercase;font-size:8px;font-family:Verdana,sans-serif}#_default_{display:block;float:left;max-width:38%;word-wrap:break-word}#_default_ ._default_{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}.split{overflow:scroll;padding:0!important}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:&quot;Ubuntu Mono&quot;,Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}#preview{padding:15px}#preview a{color:#A0AABF;text-decoration:underline}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;position:relative;top:0;width:50%}#editor{font-size:1rem}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group&gt;.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){#_default_{max-width:30%}#_default_ ._default_{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){#_default_{max-width:27%}#_default_ ._default_{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){#_default_{max-width:24%}#_default_ ._default_{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){#_default_{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive&gt;.table{margin-bottom:0}.table-responsive&gt;.table&gt;thead&gt;tr&gt;th,.table-responsive&gt;.table&gt;thead&gt;tr&gt;td,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;th,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;td,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;th,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;td{white-space:nowrap}.table-responsive&gt;.table-bordered{border:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:first-child{border-left:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:last-child{border-right:0}.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;td,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;td{border-bottom:0}}@media screen and (max-width:720px){#_default_{max-width:60%}#_default_ ._default_{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){#_default_{max-width:50%}#_default_ ._default_{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:10px 24px}}@media screen and (max-width:520px){#_default_ ._default_{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){#_default_{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}&lt;/style&gt;&lt;/head&gt;&lt;body id=&quot;preview&quot;&gt;
&lt;h2&gt;&lt;a id=&quot;__1604_0&quot;&gt;&lt;/a&gt;무료 다이어그램 만들기&lt;/h2&gt;
&lt;h2&gt;&lt;a id=&quot;____2&quot;&gt;&lt;/a&gt;프로세스 다이어그램 만들기 사이트(무료)&lt;/h2&gt;
&lt;pre&gt;&lt;code&gt;&amp;quot;로컬저장 및 크라우드 저장 지원&amp;quot; | 기록용
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;https://app.diagrams.net/&lt;br&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href=&quot;https://app.diagrams.net/&quot;&gt;&lt;/a&gt;https://app.diagrams.net/&lt;/p&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/5137986420564189403/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2024/07/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/5137986420564189403'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/5137986420564189403'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2024/07/blog-post.html' title='무료 다이어그램 사이트'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-7422830462827698813</id><published>2024-01-02T15:25:00.000-08:00</published><updated>2024-01-02T15:25:36.778-08:00</updated><title type='text'>ubuntu mysql설치</title><content type='html'>&lt;style type=&quot;text/css&quot;&gt;
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-m9r4{background-color:#ffffc7;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
&lt;/style&gt;
&lt;table class=&quot;tg&quot;&gt;
&lt;thead&gt;
  &lt;tr&gt;
    &lt;th class=&quot;tg-m9r4&quot;&gt;MySQL 설치&lt;/th&gt;
  &lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
  &lt;tr&gt;
    &lt;td class=&quot;tg-0lax&quot;&gt;sudo apt update&lt;br&gt;sudo apt install mysql-server&lt;/td&gt;
  &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td class=&quot;tg-m9r4&quot;&gt;MySQL 포트 설정&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td class=&quot;tg-0lax&quot;&gt;sudo ufw allow mysql&lt;/td&gt;
  &lt;/tr&gt;  
   &lt;tr&gt;
    &lt;td class=&quot;tg-m9r4&quot;&gt;MySQL 실행&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td class=&quot;tg-0lax&quot;&gt;sudo systemctl start mysql&lt;br&gt;sudo systemctl stop mysql&lt;/td&gt;
  &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td class=&quot;tg-m9r4&quot;&gt;MySQL 접속&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td class=&quot;tg-0lax&quot;&gt;sudo mysql -u root&lt;/td&gt;
  &lt;/tr&gt;   
&lt;/tbody&gt;
&lt;/table&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/7422830462827698813/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2024/01/ubuntu-mysql_2.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/7422830462827698813'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/7422830462827698813'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2024/01/ubuntu-mysql_2.html' title='ubuntu mysql설치'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-1666574531409067383</id><published>2024-01-01T23:06:00.000-08:00</published><updated>2024-01-01T23:27:28.846-08:00</updated><title type='text'>Ubuntu 에서 MySql 완전 삭제 방법</title><content type='html'>&lt;h2&gt;
1)mysql 관련 파일들 리스트 확인
&lt;/h2&gt;
&lt;h3&gt;
&lt;b&gt;sudo apt-get remove --purge mysql*&lt;/b&gt;
&lt;/h3&gt;
&lt;h2&gt;
2)아래 커맨드로 확인한 mysql 관련 파일 삭제
&lt;/h2&gt;
&lt;h3&gt;
&lt;b&gt;dpkg -l | grep mysql&lt;/b&gt;
&lt;/h3&gt;
&lt;h2&gt;
3)폴더 및 관련항목 삭제
&lt;/h2&gt;
&lt;h3&gt;
&lt;b&gt;sudo apt-get remove --purge 파일명&lt;/b&gt;
&lt;/h3&gt;
&lt;h3&gt;
sudo rm -rf /etc/mysql /var/lib/mysql&lt;br&gt;
sudo rm -rf /var/log/mysql&lt;br&gt;
sudo rm -rf /var/log/mysql.*&lt;br&gt;
sudo rm /var/lib/dpkg/info/*&lt;br&gt;
sudo apt-get autoremove&lt;br&gt;
sudo apt-get autoclean&lt;br&gt;
&lt;/h3&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/1666574531409067383/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2024/01/ubuntu-mysql.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/1666574531409067383'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/1666574531409067383'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2024/01/ubuntu-mysql.html' title='Ubuntu 에서 MySql 완전 삭제 방법'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-5017253308159445994</id><published>2017-08-08T22:23:00.001-07:00</published><updated>2017-08-08T22:23:47.501-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="mongodb"/><category scheme="http://www.blogger.com/atom/ns#" term="nosql"/><category scheme="http://www.blogger.com/atom/ns#" term="노에스큐엘"/><category scheme="http://www.blogger.com/atom/ns#" term="몽고디비"/><category scheme="http://www.blogger.com/atom/ns#" term="몽고디비설치"/><title type='text'>ubuntu 16.04 몽고디비 설치 방법</title><content type='html'>&lt;style&gt;@charset &quot;UTF-8&quot;;@import &#39;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.2.0/katex.min.css&#39;;code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table&gt;thead&gt;tr&gt;th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{vertical-align:bottom;border-bottom:2px solid #ddd}.table&gt;caption+thead&gt;tr:first-child&gt;th,.table&gt;caption+thead&gt;tr:first-child&gt;td,.table&gt;colgroup+thead&gt;tr:first-child&gt;th,.table&gt;colgroup+thead&gt;tr:first-child&gt;td,.table&gt;thead:first-child&gt;tr:first-child&gt;th,.table&gt;thead:first-child&gt;tr:first-child&gt;td{border-top:0}.table&gt;tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed&gt;thead&gt;tr&gt;th,.table-condensed&gt;thead&gt;tr&gt;td,.table-condensed&gt;tbody&gt;tr&gt;th,.table-condensed&gt;tbody&gt;tr&gt;td,.table-condensed&gt;tfoot&gt;tr&gt;th,.table-condensed&gt;tfoot&gt;tr&gt;td{padding:5px}.table-bordered,.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:2px}.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{background-color:#f9f9f9}.table-hover&gt;tbody&gt;tr:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;th{background-color:#f5f5f5}table col[class*=&quot;col-&quot;]{position:static;float:none;display:table-column}table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{position:static;float:none;display:table-cell}.table&gt;thead&gt;tr&gt;td.active,.table&gt;thead&gt;tr&gt;th.active,.table&gt;thead&gt;tr.active&gt;td,.table&gt;thead&gt;tr.active&gt;th,.table&gt;tbody&gt;tr&gt;td.active,.table&gt;tbody&gt;tr&gt;th.active,.table&gt;tbody&gt;tr.active&gt;td,.table&gt;tbody&gt;tr.active&gt;th,.table&gt;tfoot&gt;tr&gt;td.active,.table&gt;tfoot&gt;tr&gt;th.active,.table&gt;tfoot&gt;tr.active&gt;td,.table&gt;tfoot&gt;tr.active&gt;th{background-color:#f5f5f5}.table-hover&gt;tbody&gt;tr&gt;td.active:hover,.table-hover&gt;tbody&gt;tr&gt;th.active:hover,.table-hover&gt;tbody&gt;tr.active:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.active,.table-hover&gt;tbody&gt;tr.active:hover&gt;th{background-color:#e8e8e8}.table&gt;thead&gt;tr&gt;td.success,.table&gt;thead&gt;tr&gt;th.success,.table&gt;thead&gt;tr.success&gt;td,.table&gt;thead&gt;tr.success&gt;th,.table&gt;tbody&gt;tr&gt;td.success,.table&gt;tbody&gt;tr&gt;th.success,.table&gt;tbody&gt;tr.success&gt;td,.table&gt;tbody&gt;tr.success&gt;th,.table&gt;tfoot&gt;tr&gt;td.success,.table&gt;tfoot&gt;tr&gt;th.success,.table&gt;tfoot&gt;tr.success&gt;td,.table&gt;tfoot&gt;tr.success&gt;th{background-color:#dff0d8}.table-hover&gt;tbody&gt;tr&gt;td.success:hover,.table-hover&gt;tbody&gt;tr&gt;th.success:hover,.table-hover&gt;tbody&gt;tr.success:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.success,.table-hover&gt;tbody&gt;tr.success:hover&gt;th{background-color:#d0e9c6}.table&gt;thead&gt;tr&gt;td.info,.table&gt;thead&gt;tr&gt;th.info,.table&gt;thead&gt;tr.info&gt;td,.table&gt;thead&gt;tr.info&gt;th,.table&gt;tbody&gt;tr&gt;td.info,.table&gt;tbody&gt;tr&gt;th.info,.table&gt;tbody&gt;tr.info&gt;td,.table&gt;tbody&gt;tr.info&gt;th,.table&gt;tfoot&gt;tr&gt;td.info,.table&gt;tfoot&gt;tr&gt;th.info,.table&gt;tfoot&gt;tr.info&gt;td,.table&gt;tfoot&gt;tr.info&gt;th{background-color:#d9edf7}.table-hover&gt;tbody&gt;tr&gt;td.info:hover,.table-hover&gt;tbody&gt;tr&gt;th.info:hover,.table-hover&gt;tbody&gt;tr.info:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.info,.table-hover&gt;tbody&gt;tr.info:hover&gt;th{background-color:#c4e3f3}.table&gt;thead&gt;tr&gt;td.warning,.table&gt;thead&gt;tr&gt;th.warning,.table&gt;thead&gt;tr.warning&gt;td,.table&gt;thead&gt;tr.warning&gt;th,.table&gt;tbody&gt;tr&gt;td.warning,.table&gt;tbody&gt;tr&gt;th.warning,.table&gt;tbody&gt;tr.warning&gt;td,.table&gt;tbody&gt;tr.warning&gt;th,.table&gt;tfoot&gt;tr&gt;td.warning,.table&gt;tfoot&gt;tr&gt;th.warning,.table&gt;tfoot&gt;tr.warning&gt;td,.table&gt;tfoot&gt;tr.warning&gt;th{background-color:#fcf8e3}.table-hover&gt;tbody&gt;tr&gt;td.warning:hover,.table-hover&gt;tbody&gt;tr&gt;th.warning:hover,.table-hover&gt;tbody&gt;tr.warning:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.warning,.table-hover&gt;tbody&gt;tr.warning:hover&gt;th{background-color:#faf2cc}.table&gt;thead&gt;tr&gt;td.danger,.table&gt;thead&gt;tr&gt;th.danger,.table&gt;thead&gt;tr.danger&gt;td,.table&gt;thead&gt;tr.danger&gt;th,.table&gt;tbody&gt;tr&gt;td.danger,.table&gt;tbody&gt;tr&gt;th.danger,.table&gt;tbody&gt;tr.danger&gt;td,.table&gt;tbody&gt;tr.danger&gt;th,.table&gt;tfoot&gt;tr&gt;td.danger,.table&gt;tfoot&gt;tr&gt;th.danger,.table&gt;tfoot&gt;tr.danger&gt;td,.table&gt;tfoot&gt;tr.danger&gt;th{background-color:#f2dede}.table-hover&gt;tbody&gt;tr&gt;td.danger:hover,.table-hover&gt;tbody&gt;tr&gt;th.danger:hover,.table-hover&gt;tbody&gt;tr.danger:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.danger,.table-hover&gt;tbody&gt;tr.danger:hover&gt;th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=&quot;file&quot;]{display:block}input[type=&quot;range&quot;]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=&quot;date&quot;],input[type=&quot;time&quot;],input[type=&quot;datetime-local&quot;],input[type=&quot;month&quot;]{line-height:34px;line-height:1.4285714 \0}input[type=&quot;date&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:30px}input[type=&quot;date&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=&quot;radio&quot;][disabled],input[type=&quot;radio&quot;].disabled,fieldset[disabled] input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;][disabled],input[type=&quot;checkbox&quot;].disabled,fieldset[disabled] input[type=&quot;checkbox&quot;],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg&gt;.form-control-static.form-control,.input-group-lg&gt;.form-control-static.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm&gt;.form-control-static.form-control,.input-group-sm&gt;.form-control-static.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm&gt;.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm&gt;.input-group-addon{height:30px;line-height:1.5}.input-group-sm&gt;.input-group-btn&gt;.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm&gt;select.form-control,.input-group-sm&gt;select.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm&gt;textarea.form-control,.input-group-sm&gt;textarea.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm&gt;select[multiple].form-control,.input-group-sm&gt;select[multiple].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg&gt;.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg&gt;.input-group-addon{height:46px;line-height:1.33}.input-group-lg&gt;.input-group-btn&gt;.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg&gt;select.form-control,.input-group-lg&gt;select.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg&gt;textarea.form-control,.input-group-lg&gt;textarea.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg&gt;select[multiple].form-control,.input-group-lg&gt;select[multiple].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg&gt;.form-control+.form-control-feedback,.input-group-lg&gt;.input-group-addon+.form-control-feedback,.input-group-lg&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm&gt;.form-control+.form-control-feedback,.input-group-sm&gt;.input-group-addon+.form-control-feedback,.input-group-sm&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:&quot; &quot;;display:table}.form-horizontal .form-group:after{content:&quot; &quot;;display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=&quot;col-&quot;]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm&gt;.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg&gt;.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group&gt;.btn,.input-group-btn:first-child&gt;.dropdown-toggle,.input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child&gt;.btn-group:not(:last-child)&gt;.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group&gt;.btn,.input-group-btn:last-child&gt;.dropdown-toggle,.input-group-btn:first-child&gt;.btn:not(:first-child),.input-group-btn:first-child&gt;.btn-group:not(:first-child)&gt;.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn&gt;.btn{position:relative}.input-group-btn&gt;.btn+.btn{margin-left:-1px}.input-group-btn&gt;.btn:hover,.input-group-btn&gt;.btn:focus,.input-group-btn&gt;.btn:active{z-index:2}.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group{margin-right:-1px}.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination&gt;li{display:inline}.pagination&gt;li&gt;a,.pagination&gt;li&gt;span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination&gt;li:first-child&gt;a,.pagination&gt;li:first-child&gt;span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination&gt;li:last-child&gt;a,.pagination&gt;li:last-child&gt;span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination&gt;li&gt;a:hover,.pagination&gt;li&gt;a:focus,.pagination&gt;li&gt;span:hover,.pagination&gt;li&gt;span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination&gt;.active&gt;a,.pagination&gt;.active&gt;a:hover,.pagination&gt;.active&gt;a:focus,.pagination&gt;.active&gt;span,.pagination&gt;.active&gt;span:hover,.pagination&gt;.active&gt;span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination&gt;.disabled&gt;span,.pagination&gt;.disabled&gt;span:hover,.pagination&gt;.disabled&gt;span:focus,.pagination&gt;.disabled&gt;a,.pagination&gt;.disabled&gt;a:hover,.pagination&gt;.disabled&gt;a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg&gt;li&gt;a,.pagination-lg&gt;li&gt;span{padding:10px 16px;font-size:18px}.pagination-lg&gt;li:first-child&gt;a,.pagination-lg&gt;li:first-child&gt;span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg&gt;li:last-child&gt;a,.pagination-lg&gt;li:last-child&gt;span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm&gt;li&gt;a,.pagination-sm&gt;li&gt;span{padding:5px 10px;font-size:12px}.pagination-sm&gt;li:first-child&gt;a,.pagination-sm&gt;li:first-child&gt;span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm&gt;li:last-child&gt;a,.pagination-sm&gt;li:last-child&gt;span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:&quot; &quot;;display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:&quot; &quot;;display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{box-sizing:border-box;padding:0}input[type=&quot;number&quot;]::-webkit-inner-spin-button,input[type=&quot;number&quot;]::-webkit-outer-spin-button{height:auto}input[type=&quot;search&quot;]{-webkit-appearance:textfield;box-sizing:content-box}input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:&#39;&#39;;display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-left:1rem}li&gt;ul,li&gt;ol{margin-bottom:0}p{padding-top:.66001rem;-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;-webkit-font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}.g{display:block}.g:after{clear:both;content:&#39;&#39;;display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.open-menu&gt;.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:&quot;Ubuntu Mono&quot;,Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:&quot;&quot;;display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item&gt;a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open&gt;a{background-color:#1D212A}.menu .menu-item-icon&gt;a{height:auto;padding:0}.menu .menu-item-icon:hover&gt;a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open&gt;a{background-color:#373D49}.menu-sidebar .open .caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-sidebar&gt;.menu-item:hover .dropdown a,.menu-sidebar&gt;.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:&quot;&quot;;display:table;clear:both}.menu-sidebar .menu-link&gt;span{float:left}.menu-sidebar .menu-link&gt;.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:&quot;&quot;;display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url(&quot;../img/icons/file.svg&quot;);background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url(&quot;../img/icons/octocat.svg&quot;);background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings a{font-size:1.25rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:&quot;&quot;;display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:&#39;&#39;;left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;-webkit-transition:all .3s;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span{color:#000}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;-webkit-transition:all ease .2s;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:&#39;&#39;;width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger,.pagination--dillinger li{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination--dillinger li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child&gt;a,.pagination--dillinger li.disabled&gt;a,.pagination--dillinger li.disabled&gt;a:hover,.pagination--dillinger li.disabled&gt;a:focus,.pagination--dillinger li&gt;a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active&gt;a,.pagination--dillinger li.active&gt;a:hover,.pagination--dillinger li.active&gt;a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li&gt;a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li&gt;a:hover,.pagination--dillinger li&gt;a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url(&quot;../img/icons/enter-zen.svg&quot;);right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url(&quot;../img/icons/exit-zen.svg&quot;);right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:&quot;&quot;;position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:&quot;-&quot;;display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}#_default_ a::before{color:#A0AABF}#_default_ img{display:none}#_default_ #_default_{display:block;float:left;max-width:38%;word-wrap:break-word}#_default_ .default-ad{display:none}#_default_ ._default_{display:block}#_default_ a{color:#35d7bb;text-decoration:none}#_default_ a:hover{color:#8ae8d8}#_default_ .default-image{display:none}#_default_ .default-title:after{content:&quot; — &quot;}#_default_ .default-title,#_default_ .default-description{display:inline}#_default_ .default-title{position:relative;font-weight:600;display:none}#_default_ a:before{position:relative;top:0;padding:5px;color:#a0aabf;content:&quot;Ad&quot;;text-transform:uppercase;font-size:8px;font-family:Verdana,sans-serif}#_default_{display:block;float:left;max-width:38%;word-wrap:break-word}#_default_ ._default_{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}.split{overflow:scroll;padding:0!important}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:&quot;Ubuntu Mono&quot;,Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}#preview{padding:15px}#preview a{color:#A0AABF;text-decoration:underline}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;position:relative;top:0;width:50%}#editor{font-size:1rem}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group&gt;.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){#_default_{max-width:30%}#_default_ ._default_{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){#_default_{max-width:27%}#_default_ ._default_{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){#_default_{max-width:24%}#_default_ ._default_{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){#_default_{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive&gt;.table{margin-bottom:0}.table-responsive&gt;.table&gt;thead&gt;tr&gt;th,.table-responsive&gt;.table&gt;thead&gt;tr&gt;td,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;th,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;td,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;th,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;td{white-space:nowrap}.table-responsive&gt;.table-bordered{border:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:first-child{border-left:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:last-child{border-right:0}.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;td,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;td{border-bottom:0}}@media screen and (max-width:720px){#_default_{max-width:60%}#_default_ ._default_{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){#_default_{max-width:50%}#_default_ ._default_{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:10px 24px}}@media screen and (max-width:520px){#_default_ ._default_{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){#_default_{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}&lt;/style&gt;&lt;/head&gt;&lt;body id=&quot;preview&quot;&gt;
&lt;h2&gt;&lt;a id=&quot;__1604_0&quot;&gt;&lt;/a&gt;우분투 버전은 16.04&lt;/h2&gt;
&lt;h2&gt;&lt;a id=&quot;____2&quot;&gt;&lt;/a&gt;몽고디비 설치 방법 입니다.&lt;/h2&gt;
&lt;pre&gt;&lt;code&gt;sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv EA312927
echo &amp;quot;deb http://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/3.2 multiverse&amp;quot; | sudo tee /etc/apt/sources.list.d/mongodb-org-3.2.list
sudo apt-get update
sudo apt-get install -y mongodb-org
sudo apt-get install -y mongodb-org=3.2.10 mongodb-org-server=3.2.10 mongodb-org-shell=3.2.10 mongodb-org-mongos=3.2.10 mongodb-org-tools=3.2.10
&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;echo &amp;quot;mongodb-org hold&amp;quot; | sudo dpkg --set-selections 
echo &amp;quot;mongodb-org-server hold&amp;quot; | sudo dpkg --set-selections 
echo &amp;quot;mongodb-org-shell hold&amp;quot; | sudo dpkg --set-selections 
echo &amp;quot;mongodb-org-mongos hold&amp;quot; | sudo dpkg --set-selections 
echo &amp;quot;mongodb-org-tools hold&amp;quot; | sudo dpkg --set-selections
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;시작 명령&lt;br&gt;
sudo service mongod start&lt;br&gt;
종료 명령&lt;br&gt;
sudo service mongod stop&lt;br&gt;
재시작 명령&lt;br&gt;
sudo service mongod restart&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href=&quot;https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/&quot;&gt;출처: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/&lt;/a&gt;&lt;/p&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/5017253308159445994/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2017/08/ubuntu-1604.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/5017253308159445994'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/5017253308159445994'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2017/08/ubuntu-1604.html' title='ubuntu 16.04 몽고디비 설치 방법'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-3286193332752962413</id><published>2017-02-19T16:31:00.000-08:00</published><updated>2017-02-19T16:31:05.858-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="lenovo"/><category scheme="http://www.blogger.com/atom/ns#" term="moto"/><category scheme="http://www.blogger.com/atom/ns#" term="moto x pure"/><title type='text'>Reset my device - Moto X Pure Edition =&gt; source by mobilesupport.lenovo.com</title><content type='html'>&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;style&gt;@import &#39;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.2.0/katex.min.css&#39;;code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table&gt;thead&gt;tr&gt;th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{vertical-align:bottom;border-bottom:2px solid #ddd}.table&gt;caption+thead&gt;tr:first-child&gt;th,.table&gt;caption+thead&gt;tr:first-child&gt;td,.table&gt;colgroup+thead&gt;tr:first-child&gt;th,.table&gt;colgroup+thead&gt;tr:first-child&gt;td,.table&gt;thead:first-child&gt;tr:first-child&gt;th,.table&gt;thead:first-child&gt;tr:first-child&gt;td{border-top:0}.table&gt;tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed&gt;thead&gt;tr&gt;th,.table-condensed&gt;thead&gt;tr&gt;td,.table-condensed&gt;tbody&gt;tr&gt;th,.table-condensed&gt;tbody&gt;tr&gt;td,.table-condensed&gt;tfoot&gt;tr&gt;th,.table-condensed&gt;tfoot&gt;tr&gt;td{padding:5px}.table-bordered,.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:2px}.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{background-color:#f9f9f9}.table-hover&gt;tbody&gt;tr:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;th{background-color:#f5f5f5}table col[class*=&quot;col-&quot;]{position:static;float:none;display:table-column}table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{position:static;float:none;display:table-cell}.table&gt;thead&gt;tr&gt;td.active,.table&gt;thead&gt;tr&gt;th.active,.table&gt;thead&gt;tr.active&gt;td,.table&gt;thead&gt;tr.active&gt;th,.table&gt;tbody&gt;tr&gt;td.active,.table&gt;tbody&gt;tr&gt;th.active,.table&gt;tbody&gt;tr.active&gt;td,.table&gt;tbody&gt;tr.active&gt;th,.table&gt;tfoot&gt;tr&gt;td.active,.table&gt;tfoot&gt;tr&gt;th.active,.table&gt;tfoot&gt;tr.active&gt;td,.table&gt;tfoot&gt;tr.active&gt;th{background-color:#f5f5f5}.table-hover&gt;tbody&gt;tr&gt;td.active:hover,.table-hover&gt;tbody&gt;tr&gt;th.active:hover,.table-hover&gt;tbody&gt;tr.active:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.active,.table-hover&gt;tbody&gt;tr.active:hover&gt;th{background-color:#e8e8e8}.table&gt;thead&gt;tr&gt;td.success,.table&gt;thead&gt;tr&gt;th.success,.table&gt;thead&gt;tr.success&gt;td,.table&gt;thead&gt;tr.success&gt;th,.table&gt;tbody&gt;tr&gt;td.success,.table&gt;tbody&gt;tr&gt;th.success,.table&gt;tbody&gt;tr.success&gt;td,.table&gt;tbody&gt;tr.success&gt;th,.table&gt;tfoot&gt;tr&gt;td.success,.table&gt;tfoot&gt;tr&gt;th.success,.table&gt;tfoot&gt;tr.success&gt;td,.table&gt;tfoot&gt;tr.success&gt;th{background-color:#dff0d8}.table-hover&gt;tbody&gt;tr&gt;td.success:hover,.table-hover&gt;tbody&gt;tr&gt;th.success:hover,.table-hover&gt;tbody&gt;tr.success:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.success,.table-hover&gt;tbody&gt;tr.success:hover&gt;th{background-color:#d0e9c6}.table&gt;thead&gt;tr&gt;td.info,.table&gt;thead&gt;tr&gt;th.info,.table&gt;thead&gt;tr.info&gt;td,.table&gt;thead&gt;tr.info&gt;th,.table&gt;tbody&gt;tr&gt;td.info,.table&gt;tbody&gt;tr&gt;th.info,.table&gt;tbody&gt;tr.info&gt;td,.table&gt;tbody&gt;tr.info&gt;th,.table&gt;tfoot&gt;tr&gt;td.info,.table&gt;tfoot&gt;tr&gt;th.info,.table&gt;tfoot&gt;tr.info&gt;td,.table&gt;tfoot&gt;tr.info&gt;th{background-color:#d9edf7}.table-hover&gt;tbody&gt;tr&gt;td.info:hover,.table-hover&gt;tbody&gt;tr&gt;th.info:hover,.table-hover&gt;tbody&gt;tr.info:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.info,.table-hover&gt;tbody&gt;tr.info:hover&gt;th{background-color:#c4e3f3}.table&gt;thead&gt;tr&gt;td.warning,.table&gt;thead&gt;tr&gt;th.warning,.table&gt;thead&gt;tr.warning&gt;td,.table&gt;thead&gt;tr.warning&gt;th,.table&gt;tbody&gt;tr&gt;td.warning,.table&gt;tbody&gt;tr&gt;th.warning,.table&gt;tbody&gt;tr.warning&gt;td,.table&gt;tbody&gt;tr.warning&gt;th,.table&gt;tfoot&gt;tr&gt;td.warning,.table&gt;tfoot&gt;tr&gt;th.warning,.table&gt;tfoot&gt;tr.warning&gt;td,.table&gt;tfoot&gt;tr.warning&gt;th{background-color:#fcf8e3}.table-hover&gt;tbody&gt;tr&gt;td.warning:hover,.table-hover&gt;tbody&gt;tr&gt;th.warning:hover,.table-hover&gt;tbody&gt;tr.warning:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.warning,.table-hover&gt;tbody&gt;tr.warning:hover&gt;th{background-color:#faf2cc}.table&gt;thead&gt;tr&gt;td.danger,.table&gt;thead&gt;tr&gt;th.danger,.table&gt;thead&gt;tr.danger&gt;td,.table&gt;thead&gt;tr.danger&gt;th,.table&gt;tbody&gt;tr&gt;td.danger,.table&gt;tbody&gt;tr&gt;th.danger,.table&gt;tbody&gt;tr.danger&gt;td,.table&gt;tbody&gt;tr.danger&gt;th,.table&gt;tfoot&gt;tr&gt;td.danger,.table&gt;tfoot&gt;tr&gt;th.danger,.table&gt;tfoot&gt;tr.danger&gt;td,.table&gt;tfoot&gt;tr.danger&gt;th{background-color:#f2dede}.table-hover&gt;tbody&gt;tr&gt;td.danger:hover,.table-hover&gt;tbody&gt;tr&gt;th.danger:hover,.table-hover&gt;tbody&gt;tr.danger:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.danger,.table-hover&gt;tbody&gt;tr.danger:hover&gt;th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=&quot;file&quot;]{display:block}input[type=&quot;range&quot;]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=&quot;date&quot;],input[type=&quot;time&quot;],input[type=&quot;datetime-local&quot;],input[type=&quot;month&quot;]{line-height:34px;line-height:1.4285714 \0}input[type=&quot;date&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:30px}input[type=&quot;date&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=&quot;radio&quot;][disabled],input[type=&quot;radio&quot;].disabled,fieldset[disabled] input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;][disabled],input[type=&quot;checkbox&quot;].disabled,fieldset[disabled] input[type=&quot;checkbox&quot;],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg&gt;.form-control-static.form-control,.input-group-lg&gt;.form-control-static.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm&gt;.form-control-static.form-control,.input-group-sm&gt;.form-control-static.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm&gt;.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm&gt;.input-group-addon{height:30px;line-height:1.5}.input-group-sm&gt;.input-group-btn&gt;.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm&gt;select.form-control,.input-group-sm&gt;select.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm&gt;textarea.form-control,.input-group-sm&gt;textarea.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm&gt;select[multiple].form-control,.input-group-sm&gt;select[multiple].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg&gt;.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg&gt;.input-group-addon{height:46px;line-height:1.33}.input-group-lg&gt;.input-group-btn&gt;.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg&gt;select.form-control,.input-group-lg&gt;select.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg&gt;textarea.form-control,.input-group-lg&gt;textarea.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg&gt;select[multiple].form-control,.input-group-lg&gt;select[multiple].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg&gt;.form-control+.form-control-feedback,.input-group-lg&gt;.input-group-addon+.form-control-feedback,.input-group-lg&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm&gt;.form-control+.form-control-feedback,.input-group-sm&gt;.input-group-addon+.form-control-feedback,.input-group-sm&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:&quot; &quot;;display:table}.form-horizontal .form-group:after{content:&quot; &quot;;display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=&quot;col-&quot;]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm&gt;.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg&gt;.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group&gt;.btn,.input-group-btn:first-child&gt;.dropdown-toggle,.input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child&gt;.btn-group:not(:last-child)&gt;.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group&gt;.btn,.input-group-btn:last-child&gt;.dropdown-toggle,.input-group-btn:first-child&gt;.btn:not(:first-child),.input-group-btn:first-child&gt;.btn-group:not(:first-child)&gt;.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn&gt;.btn{position:relative}.input-group-btn&gt;.btn+.btn{margin-left:-1px}.input-group-btn&gt;.btn:hover,.input-group-btn&gt;.btn:focus,.input-group-btn&gt;.btn:active{z-index:2}.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group{margin-right:-1px}.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination&gt;li{display:inline}.pagination&gt;li&gt;a,.pagination&gt;li&gt;span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination&gt;li:first-child&gt;a,.pagination&gt;li:first-child&gt;span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination&gt;li:last-child&gt;a,.pagination&gt;li:last-child&gt;span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination&gt;li&gt;a:hover,.pagination&gt;li&gt;a:focus,.pagination&gt;li&gt;span:hover,.pagination&gt;li&gt;span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination&gt;.active&gt;a,.pagination&gt;.active&gt;a:hover,.pagination&gt;.active&gt;a:focus,.pagination&gt;.active&gt;span,.pagination&gt;.active&gt;span:hover,.pagination&gt;.active&gt;span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination&gt;.disabled&gt;span,.pagination&gt;.disabled&gt;span:hover,.pagination&gt;.disabled&gt;span:focus,.pagination&gt;.disabled&gt;a,.pagination&gt;.disabled&gt;a:hover,.pagination&gt;.disabled&gt;a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg&gt;li&gt;a,.pagination-lg&gt;li&gt;span{padding:10px 16px;font-size:18px}.pagination-lg&gt;li:first-child&gt;a,.pagination-lg&gt;li:first-child&gt;span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg&gt;li:last-child&gt;a,.pagination-lg&gt;li:last-child&gt;span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm&gt;li&gt;a,.pagination-sm&gt;li&gt;span{padding:5px 10px;font-size:12px}.pagination-sm&gt;li:first-child&gt;a,.pagination-sm&gt;li:first-child&gt;span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm&gt;li:last-child&gt;a,.pagination-sm&gt;li:last-child&gt;span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:&quot; &quot;;display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:&quot; &quot;;display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{box-sizing:border-box;padding:0}input[type=&quot;number&quot;]::-webkit-inner-spin-button,input[type=&quot;number&quot;]::-webkit-outer-spin-button{height:auto}input[type=&quot;search&quot;]{-webkit-appearance:textfield;box-sizing:content-box}input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:&#39;&#39;;display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-left:1rem}li&gt;ul,li&gt;ol{margin-bottom:0}p{padding-top:.66001rem;-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;-webkit-font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}.g{display:block}.g:after{clear:both;content:&#39;&#39;;display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.open-menu&gt;.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:&quot;Ubuntu Mono&quot;,Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:&quot;&quot;;display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item&gt;a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open&gt;a{background-color:#1D212A}.menu .menu-item-icon&gt;a{height:auto;padding:0}.menu .menu-item-icon:hover&gt;a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open&gt;a{background-color:#373D49}.menu-sidebar .open .caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-sidebar&gt;.menu-item:hover .dropdown a,.menu-sidebar&gt;.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:&quot;&quot;;display:table;clear:both}.menu-sidebar .menu-link&gt;span{float:left}.menu-sidebar .menu-link&gt;.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:&quot;&quot;;display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url(&quot;../img/icons/file.svg&quot;);background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url(&quot;../img/icons/octocat.svg&quot;);background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings a{font-size:1.25rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:&quot;&quot;;display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:&#39;&#39;;left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;-webkit-transition:all .3s;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span{color:#000}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;-webkit-transition:all ease .2s;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:&#39;&#39;;width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger,.pagination--dillinger li{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination--dillinger li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child&gt;a,.pagination--dillinger li.disabled&gt;a,.pagination--dillinger li.disabled&gt;a:hover,.pagination--dillinger li.disabled&gt;a:focus,.pagination--dillinger li&gt;a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active&gt;a,.pagination--dillinger li.active&gt;a:hover,.pagination--dillinger li.active&gt;a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li&gt;a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li&gt;a:hover,.pagination--dillinger li&gt;a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url(&quot;../img/icons/enter-zen.svg&quot;);right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url(&quot;../img/icons/exit-zen.svg&quot;);right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:&quot;&quot;;position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:&quot;-&quot;;display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}.ad-container a::before{color:#A0AABF;content:&quot;Ad:  &quot;}.ad-container{display:block;float:left;max-width:38%;word-wrap:break-word}.ad-container a{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}.ad-container img{display:none}.split{overflow:scroll;padding:0!important}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:&quot;Ubuntu Mono&quot;,Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}#preview{padding:15px}#preview a{color:#A0AABF;text-decoration:underline}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;position:relative;top:0;width:50%}#editor{font-size:1rem}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group&gt;.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){.ad-container{max-width:30%}.ad-container a{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){.ad-container{max-width:27%}.ad-container a{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){.ad-container{max-width:24%}.ad-container a{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){.ad-container{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive&gt;.table{margin-bottom:0}.table-responsive&gt;.table&gt;thead&gt;tr&gt;th,.table-responsive&gt;.table&gt;thead&gt;tr&gt;td,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;th,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;td,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;th,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;td{white-space:nowrap}.table-responsive&gt;.table-bordered{border:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:first-child{border-left:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:last-child{border-right:0}.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;td,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;td{border-bottom:0}}@media screen and (max-width:720px){.ad-container{max-width:50%}.ad-container a{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){.ad-container{max-width:40%}.ad-container a{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:6px 24px}}@media screen and (max-width:520px){.ad-container a{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){.ad-container{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}&lt;/style&gt;&lt;/head&gt;&lt;body id=&quot;preview&quot;&gt;
&lt;h1&gt;&lt;a id=&quot;Reset_my_device__Moto_X_Pure_Edition_0&quot;&gt;&lt;/a&gt;Reset my device - Moto X Pure Edition&lt;/h1&gt;
&lt;h3&gt;&lt;a id=&quot;Factory_Data_Reset_2&quot;&gt;&lt;/a&gt;Factory Data Reset&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;If you wish to remove all personal information from the device, or are experiencing software issues, perform a Factory Data Reset. This deletes any data stored on the phone.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt; 1. Touch Image.
 2. Touch Settings. 
 3. Touch Backup &amp;amp; reset.
 4. De-select the Automatic restore option. (May need to turn on Back up my Data to turn off Automatic restore)
 5. Touch Factory Data Reset.
 6. Touch Reset Phone.
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;&lt;a id=&quot;External_Reset_13&quot;&gt;&lt;/a&gt;External Reset&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;If you are unable to access the phone’s menu to perform the standard reset you can attempt an external factory reset.&lt;br&gt;
&amp;lt;b&amp;gt; Android 5.x (Lollipop)/Android 6.x (Marshmallow) Steps&amp;lt;/b&amp;gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;1. With the phone powered off, press and hold the Volume Down button and the Power button at the same time until the device turns on.
2. Press the Volume Down key to highlight Recovery mode.
3. Press the Power key to restart into Recovery mode.
4. The screen will display an Android robot with a red exclamation mark.
5. While holding down the Power key, press and release the Volume Up key, then release Power.
6. Use the volume keys to scroll to Wipe data/factory reset and press the Power key to select it.
7. Scroll down to Yes - erase all user data and press the Power key to select it.
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;source &amp;gt; &lt;a href=&quot;https://mobilesupport.lenovo.com/us/en/Solution/MF107117&quot;&gt;https://mobilesupport.lenovo.com/us/en/Solution/MF107117&lt;/a&gt;&lt;/p&gt;

&lt;/body&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/3286193332752962413/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2017/02/reset-my-device-moto-x-pure-edition.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/3286193332752962413'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/3286193332752962413'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2017/02/reset-my-device-moto-x-pure-edition.html' title='Reset my device - Moto X Pure Edition =&gt; source by mobilesupport.lenovo.com'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-3399826537197757652</id><published>2017-02-14T21:02:00.000-08:00</published><updated>2017-02-14T21:02:56.886-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="auth"/><category scheme="http://www.blogger.com/atom/ns#" term="java"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="mongodb"/><category scheme="http://www.blogger.com/atom/ns#" term="몽고디비"/><category scheme="http://www.blogger.com/atom/ns#" term="사용자디비인증"/><category scheme="http://www.blogger.com/atom/ns#" term="사용자인증"/><category scheme="http://www.blogger.com/atom/ns#" term="인증"/><title type='text'>MongoDB 에서 사용자 인증 (authorization) 적용 방법</title><content type='html'>&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;style&gt;@import &#39;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.2.0/katex.min.css&#39;;code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table&gt;thead&gt;tr&gt;th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{vertical-align:bottom;border-bottom:2px solid #ddd}.table&gt;caption+thead&gt;tr:first-child&gt;th,.table&gt;caption+thead&gt;tr:first-child&gt;td,.table&gt;colgroup+thead&gt;tr:first-child&gt;th,.table&gt;colgroup+thead&gt;tr:first-child&gt;td,.table&gt;thead:first-child&gt;tr:first-child&gt;th,.table&gt;thead:first-child&gt;tr:first-child&gt;td{border-top:0}.table&gt;tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed&gt;thead&gt;tr&gt;th,.table-condensed&gt;thead&gt;tr&gt;td,.table-condensed&gt;tbody&gt;tr&gt;th,.table-condensed&gt;tbody&gt;tr&gt;td,.table-condensed&gt;tfoot&gt;tr&gt;th,.table-condensed&gt;tfoot&gt;tr&gt;td{padding:5px}.table-bordered,.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:2px}.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{background-color:#f9f9f9}.table-hover&gt;tbody&gt;tr:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;th{background-color:#f5f5f5}table col[class*=&quot;col-&quot;]{position:static;float:none;display:table-column}table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{position:static;float:none;display:table-cell}.table&gt;thead&gt;tr&gt;td.active,.table&gt;thead&gt;tr&gt;th.active,.table&gt;thead&gt;tr.active&gt;td,.table&gt;thead&gt;tr.active&gt;th,.table&gt;tbody&gt;tr&gt;td.active,.table&gt;tbody&gt;tr&gt;th.active,.table&gt;tbody&gt;tr.active&gt;td,.table&gt;tbody&gt;tr.active&gt;th,.table&gt;tfoot&gt;tr&gt;td.active,.table&gt;tfoot&gt;tr&gt;th.active,.table&gt;tfoot&gt;tr.active&gt;td,.table&gt;tfoot&gt;tr.active&gt;th{background-color:#f5f5f5}.table-hover&gt;tbody&gt;tr&gt;td.active:hover,.table-hover&gt;tbody&gt;tr&gt;th.active:hover,.table-hover&gt;tbody&gt;tr.active:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.active,.table-hover&gt;tbody&gt;tr.active:hover&gt;th{background-color:#e8e8e8}.table&gt;thead&gt;tr&gt;td.success,.table&gt;thead&gt;tr&gt;th.success,.table&gt;thead&gt;tr.success&gt;td,.table&gt;thead&gt;tr.success&gt;th,.table&gt;tbody&gt;tr&gt;td.success,.table&gt;tbody&gt;tr&gt;th.success,.table&gt;tbody&gt;tr.success&gt;td,.table&gt;tbody&gt;tr.success&gt;th,.table&gt;tfoot&gt;tr&gt;td.success,.table&gt;tfoot&gt;tr&gt;th.success,.table&gt;tfoot&gt;tr.success&gt;td,.table&gt;tfoot&gt;tr.success&gt;th{background-color:#dff0d8}.table-hover&gt;tbody&gt;tr&gt;td.success:hover,.table-hover&gt;tbody&gt;tr&gt;th.success:hover,.table-hover&gt;tbody&gt;tr.success:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.success,.table-hover&gt;tbody&gt;tr.success:hover&gt;th{background-color:#d0e9c6}.table&gt;thead&gt;tr&gt;td.info,.table&gt;thead&gt;tr&gt;th.info,.table&gt;thead&gt;tr.info&gt;td,.table&gt;thead&gt;tr.info&gt;th,.table&gt;tbody&gt;tr&gt;td.info,.table&gt;tbody&gt;tr&gt;th.info,.table&gt;tbody&gt;tr.info&gt;td,.table&gt;tbody&gt;tr.info&gt;th,.table&gt;tfoot&gt;tr&gt;td.info,.table&gt;tfoot&gt;tr&gt;th.info,.table&gt;tfoot&gt;tr.info&gt;td,.table&gt;tfoot&gt;tr.info&gt;th{background-color:#d9edf7}.table-hover&gt;tbody&gt;tr&gt;td.info:hover,.table-hover&gt;tbody&gt;tr&gt;th.info:hover,.table-hover&gt;tbody&gt;tr.info:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.info,.table-hover&gt;tbody&gt;tr.info:hover&gt;th{background-color:#c4e3f3}.table&gt;thead&gt;tr&gt;td.warning,.table&gt;thead&gt;tr&gt;th.warning,.table&gt;thead&gt;tr.warning&gt;td,.table&gt;thead&gt;tr.warning&gt;th,.table&gt;tbody&gt;tr&gt;td.warning,.table&gt;tbody&gt;tr&gt;th.warning,.table&gt;tbody&gt;tr.warning&gt;td,.table&gt;tbody&gt;tr.warning&gt;th,.table&gt;tfoot&gt;tr&gt;td.warning,.table&gt;tfoot&gt;tr&gt;th.warning,.table&gt;tfoot&gt;tr.warning&gt;td,.table&gt;tfoot&gt;tr.warning&gt;th{background-color:#fcf8e3}.table-hover&gt;tbody&gt;tr&gt;td.warning:hover,.table-hover&gt;tbody&gt;tr&gt;th.warning:hover,.table-hover&gt;tbody&gt;tr.warning:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.warning,.table-hover&gt;tbody&gt;tr.warning:hover&gt;th{background-color:#faf2cc}.table&gt;thead&gt;tr&gt;td.danger,.table&gt;thead&gt;tr&gt;th.danger,.table&gt;thead&gt;tr.danger&gt;td,.table&gt;thead&gt;tr.danger&gt;th,.table&gt;tbody&gt;tr&gt;td.danger,.table&gt;tbody&gt;tr&gt;th.danger,.table&gt;tbody&gt;tr.danger&gt;td,.table&gt;tbody&gt;tr.danger&gt;th,.table&gt;tfoot&gt;tr&gt;td.danger,.table&gt;tfoot&gt;tr&gt;th.danger,.table&gt;tfoot&gt;tr.danger&gt;td,.table&gt;tfoot&gt;tr.danger&gt;th{background-color:#f2dede}.table-hover&gt;tbody&gt;tr&gt;td.danger:hover,.table-hover&gt;tbody&gt;tr&gt;th.danger:hover,.table-hover&gt;tbody&gt;tr.danger:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.danger,.table-hover&gt;tbody&gt;tr.danger:hover&gt;th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=&quot;file&quot;]{display:block}input[type=&quot;range&quot;]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=&quot;date&quot;],input[type=&quot;time&quot;],input[type=&quot;datetime-local&quot;],input[type=&quot;month&quot;]{line-height:34px;line-height:1.4285714 \0}input[type=&quot;date&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:30px}input[type=&quot;date&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=&quot;radio&quot;][disabled],input[type=&quot;radio&quot;].disabled,fieldset[disabled] input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;][disabled],input[type=&quot;checkbox&quot;].disabled,fieldset[disabled] input[type=&quot;checkbox&quot;],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg&gt;.form-control-static.form-control,.input-group-lg&gt;.form-control-static.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm&gt;.form-control-static.form-control,.input-group-sm&gt;.form-control-static.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm&gt;.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm&gt;.input-group-addon{height:30px;line-height:1.5}.input-group-sm&gt;.input-group-btn&gt;.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm&gt;select.form-control,.input-group-sm&gt;select.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm&gt;textarea.form-control,.input-group-sm&gt;textarea.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm&gt;select[multiple].form-control,.input-group-sm&gt;select[multiple].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg&gt;.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg&gt;.input-group-addon{height:46px;line-height:1.33}.input-group-lg&gt;.input-group-btn&gt;.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg&gt;select.form-control,.input-group-lg&gt;select.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg&gt;textarea.form-control,.input-group-lg&gt;textarea.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg&gt;select[multiple].form-control,.input-group-lg&gt;select[multiple].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg&gt;.form-control+.form-control-feedback,.input-group-lg&gt;.input-group-addon+.form-control-feedback,.input-group-lg&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm&gt;.form-control+.form-control-feedback,.input-group-sm&gt;.input-group-addon+.form-control-feedback,.input-group-sm&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:&quot; &quot;;display:table}.form-horizontal .form-group:after{content:&quot; &quot;;display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=&quot;col-&quot;]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm&gt;.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg&gt;.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group&gt;.btn,.input-group-btn:first-child&gt;.dropdown-toggle,.input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child&gt;.btn-group:not(:last-child)&gt;.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group&gt;.btn,.input-group-btn:last-child&gt;.dropdown-toggle,.input-group-btn:first-child&gt;.btn:not(:first-child),.input-group-btn:first-child&gt;.btn-group:not(:first-child)&gt;.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn&gt;.btn{position:relative}.input-group-btn&gt;.btn+.btn{margin-left:-1px}.input-group-btn&gt;.btn:hover,.input-group-btn&gt;.btn:focus,.input-group-btn&gt;.btn:active{z-index:2}.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group{margin-right:-1px}.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination&gt;li{display:inline}.pagination&gt;li&gt;a,.pagination&gt;li&gt;span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination&gt;li:first-child&gt;a,.pagination&gt;li:first-child&gt;span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination&gt;li:last-child&gt;a,.pagination&gt;li:last-child&gt;span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination&gt;li&gt;a:hover,.pagination&gt;li&gt;a:focus,.pagination&gt;li&gt;span:hover,.pagination&gt;li&gt;span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination&gt;.active&gt;a,.pagination&gt;.active&gt;a:hover,.pagination&gt;.active&gt;a:focus,.pagination&gt;.active&gt;span,.pagination&gt;.active&gt;span:hover,.pagination&gt;.active&gt;span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination&gt;.disabled&gt;span,.pagination&gt;.disabled&gt;span:hover,.pagination&gt;.disabled&gt;span:focus,.pagination&gt;.disabled&gt;a,.pagination&gt;.disabled&gt;a:hover,.pagination&gt;.disabled&gt;a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg&gt;li&gt;a,.pagination-lg&gt;li&gt;span{padding:10px 16px;font-size:18px}.pagination-lg&gt;li:first-child&gt;a,.pagination-lg&gt;li:first-child&gt;span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg&gt;li:last-child&gt;a,.pagination-lg&gt;li:last-child&gt;span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm&gt;li&gt;a,.pagination-sm&gt;li&gt;span{padding:5px 10px;font-size:12px}.pagination-sm&gt;li:first-child&gt;a,.pagination-sm&gt;li:first-child&gt;span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm&gt;li:last-child&gt;a,.pagination-sm&gt;li:last-child&gt;span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:&quot; &quot;;display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:&quot; &quot;;display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{box-sizing:border-box;padding:0}input[type=&quot;number&quot;]::-webkit-inner-spin-button,input[type=&quot;number&quot;]::-webkit-outer-spin-button{height:auto}input[type=&quot;search&quot;]{-webkit-appearance:textfield;box-sizing:content-box}input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:&#39;&#39;;display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-left:1rem}li&gt;ul,li&gt;ol{margin-bottom:0}p{padding-top:.66001rem;-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;-webkit-font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}.g{display:block}.g:after{clear:both;content:&#39;&#39;;display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.open-menu&gt;.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:&quot;Ubuntu Mono&quot;,Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:&quot;&quot;;display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item&gt;a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open&gt;a{background-color:#1D212A}.menu .menu-item-icon&gt;a{height:auto;padding:0}.menu .menu-item-icon:hover&gt;a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open&gt;a{background-color:#373D49}.menu-sidebar .open .caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-sidebar&gt;.menu-item:hover .dropdown a,.menu-sidebar&gt;.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:&quot;&quot;;display:table;clear:both}.menu-sidebar .menu-link&gt;span{float:left}.menu-sidebar .menu-link&gt;.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:&quot;&quot;;display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url(&quot;../img/icons/file.svg&quot;);background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url(&quot;../img/icons/octocat.svg&quot;);background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings a{font-size:1.25rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:&quot;&quot;;display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:&#39;&#39;;left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;-webkit-transition:all .3s;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span{color:#000}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;-webkit-transition:all ease .2s;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:&#39;&#39;;width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger,.pagination--dillinger li{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination--dillinger li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child&gt;a,.pagination--dillinger li.disabled&gt;a,.pagination--dillinger li.disabled&gt;a:hover,.pagination--dillinger li.disabled&gt;a:focus,.pagination--dillinger li&gt;a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active&gt;a,.pagination--dillinger li.active&gt;a:hover,.pagination--dillinger li.active&gt;a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li&gt;a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li&gt;a:hover,.pagination--dillinger li&gt;a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url(&quot;../img/icons/enter-zen.svg&quot;);right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url(&quot;../img/icons/exit-zen.svg&quot;);right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:&quot;&quot;;position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:&quot;-&quot;;display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}.ad-container a::before{color:#A0AABF;content:&quot;Ad:  &quot;}.ad-container{display:block;float:left;max-width:38%;word-wrap:break-word}.ad-container a{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}.ad-container img{display:none}.split{overflow:scroll;padding:0!important}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:&quot;Ubuntu Mono&quot;,Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}#preview{padding:15px}#preview a{color:#A0AABF;text-decoration:underline}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;position:relative;top:0;width:50%}#editor{font-size:1rem}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group&gt;.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){.ad-container{max-width:30%}.ad-container a{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){.ad-container{max-width:27%}.ad-container a{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){.ad-container{max-width:24%}.ad-container a{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){.ad-container{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive&gt;.table{margin-bottom:0}.table-responsive&gt;.table&gt;thead&gt;tr&gt;th,.table-responsive&gt;.table&gt;thead&gt;tr&gt;td,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;th,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;td,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;th,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;td{white-space:nowrap}.table-responsive&gt;.table-bordered{border:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:first-child{border-left:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:last-child{border-right:0}.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;td,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;td{border-bottom:0}}@media screen and (max-width:720px){.ad-container{max-width:50%}.ad-container a{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){.ad-container{max-width:40%}.ad-container a{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:6px 24px}}@media screen and (max-width:520px){.ad-container a{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){.ad-container{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}&lt;/style&gt;&lt;/head&gt;&lt;body id=&quot;preview&quot;&gt;
&lt;h1&gt;&lt;a id=&quot;MongoDB____authorization___0&quot;&gt;&lt;/a&gt;MongoDB 에서 사용자 인증 (authorization) 적용 방법&lt;/h1&gt;
&lt;hr&gt;
&lt;p&gt;MongoDB 에서 Authorization 기능을 사용하는 방법입니다&lt;/p&gt;
&lt;h3&gt;&lt;a id=&quot;1_____4&quot;&gt;&lt;/a&gt;1. 사용자 관리 계정 만들기&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;우선 MongoDB 가 처음 설치된 상태에서 mongo 를 이용해 접속.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ mongo
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;그리고 아래의 명령어로 사용자 관리 계정을 생성&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;use admin
db.createUser(
  {
    user: &amp;quot;id&amp;quot;,
    pwd: &amp;quot;passwod&amp;quot;,
    roles: [ { role: &amp;quot;userAdminAnyDatabase&amp;quot;, db: &amp;quot;admin&amp;quot; } ]
  }
)
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;&lt;a id=&quot;2________Security___Authorization___24&quot;&gt;&lt;/a&gt;2. 네트워크 접속 허용 및 포트변경 보안 ( Security ) 의 Authorization 기능 사용설정&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;이제 mongodb 의 설정을 할 것 입니다.&lt;br&gt;
exit 로 mongodb 를 나온 후 /etc/mongod.conf 를 수정하도록 합니다.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ sudo vim /etc/mongod.conf
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;여기서 수정 해야할 부분은 net 부분과 authorization 부분입니다.&lt;br&gt;
net 은 port 와 bindIp 를 관리 하는대  여기서 port 는 원하시는 port 로&lt;br&gt;
bindIp 는 네트워크 접속을 하시는 설정에 따라서 변경하시면 됩니다.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;기본 포트를 사용하셔도 상관 없긴하지만 변경하는 것이 좋다.&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;# network interfaces
net:
  port: 27017
  #bindIp: 127.0.0.1
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;제 경우 위와 같이 port  는 27017(다른걸로 변경) 그리고 bindIP 는 주석 처리. 실제 서버에서 내부 네트워크 만으로 접속을 하게 된다면 bindIp 를 걸어서 운영하는 것이 좋다. 제 경우 테스트를 위한 서버 설정이기 때문에 풀어 주었습니다.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;bindIP 의 경우 여러개의 IP 를 , (쉼표) 와 함께 나열할 수 있습니다  ex)  bindIp:127.0.0.1, 10.0.0.2, 192.168.0.2&lt;br&gt;
그리고 하단의 #security 부분의 주석을 풀어 주시고 아래와 같이 authorization 을 추가.&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;security:
   authorization: enabled
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;authorization: enabled 를 추가할 경우 비밀번호가 없는 사용자는 접속을 할 수 없게 됩니다. 따라서 1. 사용자 관리 계정 만들기에서 생성한 계정만이 접속 가능&lt;br&gt;
이제 저장 후 mongodb 를 재시작.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;&lt;a id=&quot;3_____DB____50&quot;&gt;&lt;/a&gt;3. 계정 접속 후 일반 DB 사용자 계정 만들기&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;이제 기본적인 준비가 되었다. 외부에서 접속하기 위해 DB 를 만들어 권한을 넣어줄 차례.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;mongo --port &amp;lt;포트&amp;gt; -u &amp;quot;&amp;lt;사용자 계정&amp;gt;&amp;quot; -p &amp;quot;&amp;lt;비밀번호&amp;gt;&amp;quot; --authenticationDatabase &amp;quot;admin&amp;quot;
 
ex)
mongo --port 25321 -u &amp;quot;id&amp;quot; -p &amp;quot;password&amp;quot; --authenticationDatabase &amp;quot;admin&amp;quot;
 or
mongo --port 25321 -u &amp;quot;id&amp;quot; --authenticationDatabase &amp;quot;admin&amp;quot; -p
입력:****
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;접속이 후 아래의 명령어로 DB 와 사용자 계정 생성.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;use &amp;lt;db 이름=&amp;quot;&amp;quot;&amp;gt;
db.createUser({ user: &amp;quot;&amp;lt;사용자 계정&amp;gt;&amp;quot;,
          pwd: &amp;quot;&amp;lt;비밀번호&amp;gt;&amp;quot;,
          roles: [&amp;quot;dbAdmin&amp;quot;, &amp;quot;readWrite&amp;quot;]
})
 
ex)
use testdb
db.createUser({ user: &amp;quot;user&amp;quot;,
          pwd: &amp;quot;user1234&amp;quot;,
          roles: [&amp;quot;dbAdmin&amp;quot;, &amp;quot;readWrite&amp;quot;]
})
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;Roles 는 사용자의 권한으로 &lt;a href=&quot;https://docs.mongodb.org/manual/reference/built-in-roles&quot;&gt;몽고사이트&lt;/a&gt; 참조.&lt;br&gt;
이제 외부에서 DB 로 접속을 시도 해본다.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;mongo --port &amp;lt;포트&amp;gt; -u &amp;quot;&amp;lt;사용자 계정&amp;gt;&amp;quot; -p &amp;quot;&amp;lt;비밀번호&amp;gt;&amp;quot; --authenticationDatabase &amp;quot;&amp;lt;databse&amp;gt;&amp;quot;
 
ex)
mongo --port 25321 -u &amp;quot;tutorialbook_manager&amp;quot; -p &amp;quot;tutori2341&amp;quot; --authenticationDatabase &amp;quot;tutorialbook_io_user&amp;quot;
&amp;lt;/databse&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;혹은 외부 접속기를 통하여 접속을 시도해 보도록 합니다.&lt;br&gt;
잘되라 본다~&lt;/p&gt;
&lt;/blockquote&gt;

&lt;/body&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/3399826537197757652/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2017/02/mongodb-authorization.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/3399826537197757652'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/3399826537197757652'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2017/02/mongodb-authorization.html' title='MongoDB 에서 사용자 인증 (authorization) 적용 방법'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-6652190836403155773</id><published>2017-02-14T20:46:00.000-08:00</published><updated>2017-02-14T20:48:28.527-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="console"/><category scheme="http://www.blogger.com/atom/ns#" term="java"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="mongodb"/><category scheme="http://www.blogger.com/atom/ns#" term="몽고디비"/><category scheme="http://www.blogger.com/atom/ns#" term="몽고디비설치"/><title type='text'>ubuntu-에서-mongodb-3.x-설치-방법 - 기록저장용</title><content type='html'>&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;title&gt;Untitled Document.md&lt;/title&gt;&lt;style&gt;@import &#39;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.2.0/katex.min.css&#39;;code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table&gt;thead&gt;tr&gt;th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{vertical-align:bottom;border-bottom:2px solid #ddd}.table&gt;caption+thead&gt;tr:first-child&gt;th,.table&gt;caption+thead&gt;tr:first-child&gt;td,.table&gt;colgroup+thead&gt;tr:first-child&gt;th,.table&gt;colgroup+thead&gt;tr:first-child&gt;td,.table&gt;thead:first-child&gt;tr:first-child&gt;th,.table&gt;thead:first-child&gt;tr:first-child&gt;td{border-top:0}.table&gt;tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed&gt;thead&gt;tr&gt;th,.table-condensed&gt;thead&gt;tr&gt;td,.table-condensed&gt;tbody&gt;tr&gt;th,.table-condensed&gt;tbody&gt;tr&gt;td,.table-condensed&gt;tfoot&gt;tr&gt;th,.table-condensed&gt;tfoot&gt;tr&gt;td{padding:5px}.table-bordered,.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:2px}.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{background-color:#f9f9f9}.table-hover&gt;tbody&gt;tr:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;th{background-color:#f5f5f5}table col[class*=&quot;col-&quot;]{position:static;float:none;display:table-column}table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{position:static;float:none;display:table-cell}.table&gt;thead&gt;tr&gt;td.active,.table&gt;thead&gt;tr&gt;th.active,.table&gt;thead&gt;tr.active&gt;td,.table&gt;thead&gt;tr.active&gt;th,.table&gt;tbody&gt;tr&gt;td.active,.table&gt;tbody&gt;tr&gt;th.active,.table&gt;tbody&gt;tr.active&gt;td,.table&gt;tbody&gt;tr.active&gt;th,.table&gt;tfoot&gt;tr&gt;td.active,.table&gt;tfoot&gt;tr&gt;th.active,.table&gt;tfoot&gt;tr.active&gt;td,.table&gt;tfoot&gt;tr.active&gt;th{background-color:#f5f5f5}.table-hover&gt;tbody&gt;tr&gt;td.active:hover,.table-hover&gt;tbody&gt;tr&gt;th.active:hover,.table-hover&gt;tbody&gt;tr.active:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.active,.table-hover&gt;tbody&gt;tr.active:hover&gt;th{background-color:#e8e8e8}.table&gt;thead&gt;tr&gt;td.success,.table&gt;thead&gt;tr&gt;th.success,.table&gt;thead&gt;tr.success&gt;td,.table&gt;thead&gt;tr.success&gt;th,.table&gt;tbody&gt;tr&gt;td.success,.table&gt;tbody&gt;tr&gt;th.success,.table&gt;tbody&gt;tr.success&gt;td,.table&gt;tbody&gt;tr.success&gt;th,.table&gt;tfoot&gt;tr&gt;td.success,.table&gt;tfoot&gt;tr&gt;th.success,.table&gt;tfoot&gt;tr.success&gt;td,.table&gt;tfoot&gt;tr.success&gt;th{background-color:#dff0d8}.table-hover&gt;tbody&gt;tr&gt;td.success:hover,.table-hover&gt;tbody&gt;tr&gt;th.success:hover,.table-hover&gt;tbody&gt;tr.success:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.success,.table-hover&gt;tbody&gt;tr.success:hover&gt;th{background-color:#d0e9c6}.table&gt;thead&gt;tr&gt;td.info,.table&gt;thead&gt;tr&gt;th.info,.table&gt;thead&gt;tr.info&gt;td,.table&gt;thead&gt;tr.info&gt;th,.table&gt;tbody&gt;tr&gt;td.info,.table&gt;tbody&gt;tr&gt;th.info,.table&gt;tbody&gt;tr.info&gt;td,.table&gt;tbody&gt;tr.info&gt;th,.table&gt;tfoot&gt;tr&gt;td.info,.table&gt;tfoot&gt;tr&gt;th.info,.table&gt;tfoot&gt;tr.info&gt;td,.table&gt;tfoot&gt;tr.info&gt;th{background-color:#d9edf7}.table-hover&gt;tbody&gt;tr&gt;td.info:hover,.table-hover&gt;tbody&gt;tr&gt;th.info:hover,.table-hover&gt;tbody&gt;tr.info:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.info,.table-hover&gt;tbody&gt;tr.info:hover&gt;th{background-color:#c4e3f3}.table&gt;thead&gt;tr&gt;td.warning,.table&gt;thead&gt;tr&gt;th.warning,.table&gt;thead&gt;tr.warning&gt;td,.table&gt;thead&gt;tr.warning&gt;th,.table&gt;tbody&gt;tr&gt;td.warning,.table&gt;tbody&gt;tr&gt;th.warning,.table&gt;tbody&gt;tr.warning&gt;td,.table&gt;tbody&gt;tr.warning&gt;th,.table&gt;tfoot&gt;tr&gt;td.warning,.table&gt;tfoot&gt;tr&gt;th.warning,.table&gt;tfoot&gt;tr.warning&gt;td,.table&gt;tfoot&gt;tr.warning&gt;th{background-color:#fcf8e3}.table-hover&gt;tbody&gt;tr&gt;td.warning:hover,.table-hover&gt;tbody&gt;tr&gt;th.warning:hover,.table-hover&gt;tbody&gt;tr.warning:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.warning,.table-hover&gt;tbody&gt;tr.warning:hover&gt;th{background-color:#faf2cc}.table&gt;thead&gt;tr&gt;td.danger,.table&gt;thead&gt;tr&gt;th.danger,.table&gt;thead&gt;tr.danger&gt;td,.table&gt;thead&gt;tr.danger&gt;th,.table&gt;tbody&gt;tr&gt;td.danger,.table&gt;tbody&gt;tr&gt;th.danger,.table&gt;tbody&gt;tr.danger&gt;td,.table&gt;tbody&gt;tr.danger&gt;th,.table&gt;tfoot&gt;tr&gt;td.danger,.table&gt;tfoot&gt;tr&gt;th.danger,.table&gt;tfoot&gt;tr.danger&gt;td,.table&gt;tfoot&gt;tr.danger&gt;th{background-color:#f2dede}.table-hover&gt;tbody&gt;tr&gt;td.danger:hover,.table-hover&gt;tbody&gt;tr&gt;th.danger:hover,.table-hover&gt;tbody&gt;tr.danger:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.danger,.table-hover&gt;tbody&gt;tr.danger:hover&gt;th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=&quot;file&quot;]{display:block}input[type=&quot;range&quot;]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=&quot;date&quot;],input[type=&quot;time&quot;],input[type=&quot;datetime-local&quot;],input[type=&quot;month&quot;]{line-height:34px;line-height:1.4285714 \0}input[type=&quot;date&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:30px}input[type=&quot;date&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=&quot;radio&quot;][disabled],input[type=&quot;radio&quot;].disabled,fieldset[disabled] input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;][disabled],input[type=&quot;checkbox&quot;].disabled,fieldset[disabled] input[type=&quot;checkbox&quot;],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg&gt;.form-control-static.form-control,.input-group-lg&gt;.form-control-static.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm&gt;.form-control-static.form-control,.input-group-sm&gt;.form-control-static.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm&gt;.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm&gt;.input-group-addon{height:30px;line-height:1.5}.input-group-sm&gt;.input-group-btn&gt;.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm&gt;select.form-control,.input-group-sm&gt;select.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm&gt;textarea.form-control,.input-group-sm&gt;textarea.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm&gt;select[multiple].form-control,.input-group-sm&gt;select[multiple].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg&gt;.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg&gt;.input-group-addon{height:46px;line-height:1.33}.input-group-lg&gt;.input-group-btn&gt;.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg&gt;select.form-control,.input-group-lg&gt;select.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg&gt;textarea.form-control,.input-group-lg&gt;textarea.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg&gt;select[multiple].form-control,.input-group-lg&gt;select[multiple].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg&gt;.form-control+.form-control-feedback,.input-group-lg&gt;.input-group-addon+.form-control-feedback,.input-group-lg&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm&gt;.form-control+.form-control-feedback,.input-group-sm&gt;.input-group-addon+.form-control-feedback,.input-group-sm&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:&quot; &quot;;display:table}.form-horizontal .form-group:after{content:&quot; &quot;;display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=&quot;col-&quot;]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm&gt;.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg&gt;.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group&gt;.btn,.input-group-btn:first-child&gt;.dropdown-toggle,.input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child&gt;.btn-group:not(:last-child)&gt;.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group&gt;.btn,.input-group-btn:last-child&gt;.dropdown-toggle,.input-group-btn:first-child&gt;.btn:not(:first-child),.input-group-btn:first-child&gt;.btn-group:not(:first-child)&gt;.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn&gt;.btn{position:relative}.input-group-btn&gt;.btn+.btn{margin-left:-1px}.input-group-btn&gt;.btn:hover,.input-group-btn&gt;.btn:focus,.input-group-btn&gt;.btn:active{z-index:2}.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group{margin-right:-1px}.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination&gt;li{display:inline}.pagination&gt;li&gt;a,.pagination&gt;li&gt;span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination&gt;li:first-child&gt;a,.pagination&gt;li:first-child&gt;span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination&gt;li:last-child&gt;a,.pagination&gt;li:last-child&gt;span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination&gt;li&gt;a:hover,.pagination&gt;li&gt;a:focus,.pagination&gt;li&gt;span:hover,.pagination&gt;li&gt;span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination&gt;.active&gt;a,.pagination&gt;.active&gt;a:hover,.pagination&gt;.active&gt;a:focus,.pagination&gt;.active&gt;span,.pagination&gt;.active&gt;span:hover,.pagination&gt;.active&gt;span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination&gt;.disabled&gt;span,.pagination&gt;.disabled&gt;span:hover,.pagination&gt;.disabled&gt;span:focus,.pagination&gt;.disabled&gt;a,.pagination&gt;.disabled&gt;a:hover,.pagination&gt;.disabled&gt;a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg&gt;li&gt;a,.pagination-lg&gt;li&gt;span{padding:10px 16px;font-size:18px}.pagination-lg&gt;li:first-child&gt;a,.pagination-lg&gt;li:first-child&gt;span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg&gt;li:last-child&gt;a,.pagination-lg&gt;li:last-child&gt;span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm&gt;li&gt;a,.pagination-sm&gt;li&gt;span{padding:5px 10px;font-size:12px}.pagination-sm&gt;li:first-child&gt;a,.pagination-sm&gt;li:first-child&gt;span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm&gt;li:last-child&gt;a,.pagination-sm&gt;li:last-child&gt;span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:&quot; &quot;;display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:&quot; &quot;;display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{box-sizing:border-box;padding:0}input[type=&quot;number&quot;]::-webkit-inner-spin-button,input[type=&quot;number&quot;]::-webkit-outer-spin-button{height:auto}input[type=&quot;search&quot;]{-webkit-appearance:textfield;box-sizing:content-box}input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:&#39;&#39;;display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-left:1rem}li&gt;ul,li&gt;ol{margin-bottom:0}p{padding-top:.66001rem;-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;-webkit-font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}.g{display:block}.g:after{clear:both;content:&#39;&#39;;display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.open-menu&gt;.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:&quot;Ubuntu Mono&quot;,Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:&quot;&quot;;display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item&gt;a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open&gt;a{background-color:#1D212A}.menu .menu-item-icon&gt;a{height:auto;padding:0}.menu .menu-item-icon:hover&gt;a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open&gt;a{background-color:#373D49}.menu-sidebar .open .caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-sidebar&gt;.menu-item:hover .dropdown a,.menu-sidebar&gt;.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:&quot;&quot;;display:table;clear:both}.menu-sidebar .menu-link&gt;span{float:left}.menu-sidebar .menu-link&gt;.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:&quot;&quot;;display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url(&quot;../img/icons/file.svg&quot;);background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url(&quot;../img/icons/octocat.svg&quot;);background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings a{font-size:1.25rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:&quot;&quot;;display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:&#39;&#39;;left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;-webkit-transition:all .3s;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span{color:#000}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;-webkit-transition:all ease .2s;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:&#39;&#39;;width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger,.pagination--dillinger li{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination--dillinger li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child&gt;a,.pagination--dillinger li.disabled&gt;a,.pagination--dillinger li.disabled&gt;a:hover,.pagination--dillinger li.disabled&gt;a:focus,.pagination--dillinger li&gt;a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active&gt;a,.pagination--dillinger li.active&gt;a:hover,.pagination--dillinger li.active&gt;a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li&gt;a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li&gt;a:hover,.pagination--dillinger li&gt;a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url(&quot;../img/icons/enter-zen.svg&quot;);right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url(&quot;../img/icons/exit-zen.svg&quot;);right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:&quot;&quot;;position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:&quot;-&quot;;display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}.ad-container a::before{color:#A0AABF;content:&quot;Ad:  &quot;}.ad-container{display:block;float:left;max-width:38%;word-wrap:break-word}.ad-container a{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}.ad-container img{display:none}.split{overflow:scroll;padding:0!important}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:&quot;Ubuntu Mono&quot;,Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}#preview{padding:15px}#preview a{color:#A0AABF;text-decoration:underline}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;position:relative;top:0;width:50%}#editor{font-size:1rem}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group&gt;.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){.ad-container{max-width:30%}.ad-container a{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){.ad-container{max-width:27%}.ad-container a{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){.ad-container{max-width:24%}.ad-container a{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){.ad-container{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive&gt;.table{margin-bottom:0}.table-responsive&gt;.table&gt;thead&gt;tr&gt;th,.table-responsive&gt;.table&gt;thead&gt;tr&gt;td,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;th,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;td,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;th,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;td{white-space:nowrap}.table-responsive&gt;.table-bordered{border:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:first-child{border-left:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:last-child{border-right:0}.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;td,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;td{border-bottom:0}}@media screen and (max-width:720px){.ad-container{max-width:50%}.ad-container a{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){.ad-container{max-width:40%}.ad-container a{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:6px 24px}}@media screen and (max-width:520px){.ad-container a{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){.ad-container{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}&lt;/style&gt;&lt;/head&gt;&lt;body id=&quot;preview&quot;&gt;
&lt;h1&gt;&lt;a id=&quot;Ubuntu__MongoDB_3x___0&quot;&gt;&lt;/a&gt;Ubuntu 에서 MongoDB 3.x 설치 방법&lt;/h1&gt;
&lt;hr&gt;
&lt;h3&gt;&lt;a id=&quot;1_MongoDB__4&quot;&gt;&lt;/a&gt;1. MongoDB 설치하기&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;apt-get 패키지 관리 프로그램으로 설치 할 것 이기 때문에 mongoDB 의 설치를 위한 리스트를 업데이트 해주도록 합니다.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 7F0CEB10

// Ubuntu 12.04 버전
$ echo &amp;quot;deb http://repo.mongodb.org/apt/ubuntu precise/mongodb-org/3.0 multiverse&amp;quot; | sudo tee /etc/apt/sources.list.d/mongodb-org-3.0.list
 
// Ubuntu 14.04 버전
$ echo &amp;quot;deb http://repo.mongodb.org/apt/ubuntu trusty/mongodb-org/3.0 multiverse&amp;quot; | sudo tee /etc/apt/sources.list.d/mongodb-org-3.0.list
 
$ apt-get update
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;apt-get install 로 설치를 시작해주도록 합니다.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;// 최신 stable 버전 설치방법
$ sudo apt-get install -y mongodb-org
// 특정 버전 설치 방법
$ sudo apt-get install -y mongodb-org=3.0.6 mongodb-org-server=3.0.6 mongodb-org-shell=3.0.6 mongodb-org-mongos=3.0.6 mongodb-org-tools=3.0.6
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;&lt;a id=&quot;2_MongoDB__28&quot;&gt;&lt;/a&gt;2. MongoDB 실행하기&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;이제 설치가 완료되었으니 실행해볼 차례 입니다.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;MongoDB 버전 확인하기&lt;br&gt;
MongoDB 의 버전 확인은 mongo -version 으로 확인이 가능합니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ mongod -version
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;MongoDB 재시작 하기&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ service mongod restart
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;MongoDB 정지하기&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ service mongod stop
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;MongoDB 시작하기&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ service mongod start
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;&lt;a id=&quot;3_MongoDB__49&quot;&gt;&lt;/a&gt;3. MongoDB 삭제하기&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;아래의 과정은 MongoDB 및 MongoDB 환경 설정 그리고 데이터를 모두 삭제 하는 방법입니다.&lt;br&gt;
MongoDB 정지하기&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ sudo service mongod stop
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;MongoDB 패키지 전체 삭제하기&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ sudo apt-get purge mongodb-org*
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;MongoDB 데이터베이스 및 로그파일 삭제하기&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;$ sudo rm -r /var/log/mongodb
$ sudo rm -r /var/lib/mongodb
&lt;/code&gt;&lt;/pre&gt;

&lt;/body&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/6652190836403155773/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2017/02/ubuntu-mongodb-3x.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/6652190836403155773'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/6652190836403155773'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2017/02/ubuntu-mongodb-3x.html' title='ubuntu-에서-mongodb-3.x-설치-방법 - 기록저장용'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-7645218365773045393</id><published>2017-01-06T00:22:00.002-08:00</published><updated>2017-01-06T00:23:45.897-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="iot core"/><category scheme="http://www.blogger.com/atom/ns#" term="python"/><category scheme="http://www.blogger.com/atom/ns#" term="tensorflow"/><category scheme="http://www.blogger.com/atom/ns#" term="Windows10"/><category scheme="http://www.blogger.com/atom/ns#" term="텐서플로"/><category scheme="http://www.blogger.com/atom/ns#" term="파이썬"/><title type='text'>Windows10 tensorflow 설치 방법(텐서플로)</title><content type='html'>&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;title&gt;Untitled Document.md&lt;/title&gt;&lt;style&gt;@import &#39;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.2.0/katex.min.css&#39;;code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table&gt;thead&gt;tr&gt;th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{vertical-align:bottom;border-bottom:2px solid #ddd}.table&gt;caption+thead&gt;tr:first-child&gt;th,.table&gt;caption+thead&gt;tr:first-child&gt;td,.table&gt;colgroup+thead&gt;tr:first-child&gt;th,.table&gt;colgroup+thead&gt;tr:first-child&gt;td,.table&gt;thead:first-child&gt;tr:first-child&gt;th,.table&gt;thead:first-child&gt;tr:first-child&gt;td{border-top:0}.table&gt;tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed&gt;thead&gt;tr&gt;th,.table-condensed&gt;thead&gt;tr&gt;td,.table-condensed&gt;tbody&gt;tr&gt;th,.table-condensed&gt;tbody&gt;tr&gt;td,.table-condensed&gt;tfoot&gt;tr&gt;th,.table-condensed&gt;tfoot&gt;tr&gt;td{padding:5px}.table-bordered,.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:2px}.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{background-color:#f9f9f9}.table-hover&gt;tbody&gt;tr:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;th{background-color:#f5f5f5}table col[class*=&quot;col-&quot;]{position:static;float:none;display:table-column}table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{position:static;float:none;display:table-cell}.table&gt;thead&gt;tr&gt;td.active,.table&gt;thead&gt;tr&gt;th.active,.table&gt;thead&gt;tr.active&gt;td,.table&gt;thead&gt;tr.active&gt;th,.table&gt;tbody&gt;tr&gt;td.active,.table&gt;tbody&gt;tr&gt;th.active,.table&gt;tbody&gt;tr.active&gt;td,.table&gt;tbody&gt;tr.active&gt;th,.table&gt;tfoot&gt;tr&gt;td.active,.table&gt;tfoot&gt;tr&gt;th.active,.table&gt;tfoot&gt;tr.active&gt;td,.table&gt;tfoot&gt;tr.active&gt;th{background-color:#f5f5f5}.table-hover&gt;tbody&gt;tr&gt;td.active:hover,.table-hover&gt;tbody&gt;tr&gt;th.active:hover,.table-hover&gt;tbody&gt;tr.active:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.active,.table-hover&gt;tbody&gt;tr.active:hover&gt;th{background-color:#e8e8e8}.table&gt;thead&gt;tr&gt;td.success,.table&gt;thead&gt;tr&gt;th.success,.table&gt;thead&gt;tr.success&gt;td,.table&gt;thead&gt;tr.success&gt;th,.table&gt;tbody&gt;tr&gt;td.success,.table&gt;tbody&gt;tr&gt;th.success,.table&gt;tbody&gt;tr.success&gt;td,.table&gt;tbody&gt;tr.success&gt;th,.table&gt;tfoot&gt;tr&gt;td.success,.table&gt;tfoot&gt;tr&gt;th.success,.table&gt;tfoot&gt;tr.success&gt;td,.table&gt;tfoot&gt;tr.success&gt;th{background-color:#dff0d8}.table-hover&gt;tbody&gt;tr&gt;td.success:hover,.table-hover&gt;tbody&gt;tr&gt;th.success:hover,.table-hover&gt;tbody&gt;tr.success:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.success,.table-hover&gt;tbody&gt;tr.success:hover&gt;th{background-color:#d0e9c6}.table&gt;thead&gt;tr&gt;td.info,.table&gt;thead&gt;tr&gt;th.info,.table&gt;thead&gt;tr.info&gt;td,.table&gt;thead&gt;tr.info&gt;th,.table&gt;tbody&gt;tr&gt;td.info,.table&gt;tbody&gt;tr&gt;th.info,.table&gt;tbody&gt;tr.info&gt;td,.table&gt;tbody&gt;tr.info&gt;th,.table&gt;tfoot&gt;tr&gt;td.info,.table&gt;tfoot&gt;tr&gt;th.info,.table&gt;tfoot&gt;tr.info&gt;td,.table&gt;tfoot&gt;tr.info&gt;th{background-color:#d9edf7}.table-hover&gt;tbody&gt;tr&gt;td.info:hover,.table-hover&gt;tbody&gt;tr&gt;th.info:hover,.table-hover&gt;tbody&gt;tr.info:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.info,.table-hover&gt;tbody&gt;tr.info:hover&gt;th{background-color:#c4e3f3}.table&gt;thead&gt;tr&gt;td.warning,.table&gt;thead&gt;tr&gt;th.warning,.table&gt;thead&gt;tr.warning&gt;td,.table&gt;thead&gt;tr.warning&gt;th,.table&gt;tbody&gt;tr&gt;td.warning,.table&gt;tbody&gt;tr&gt;th.warning,.table&gt;tbody&gt;tr.warning&gt;td,.table&gt;tbody&gt;tr.warning&gt;th,.table&gt;tfoot&gt;tr&gt;td.warning,.table&gt;tfoot&gt;tr&gt;th.warning,.table&gt;tfoot&gt;tr.warning&gt;td,.table&gt;tfoot&gt;tr.warning&gt;th{background-color:#fcf8e3}.table-hover&gt;tbody&gt;tr&gt;td.warning:hover,.table-hover&gt;tbody&gt;tr&gt;th.warning:hover,.table-hover&gt;tbody&gt;tr.warning:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.warning,.table-hover&gt;tbody&gt;tr.warning:hover&gt;th{background-color:#faf2cc}.table&gt;thead&gt;tr&gt;td.danger,.table&gt;thead&gt;tr&gt;th.danger,.table&gt;thead&gt;tr.danger&gt;td,.table&gt;thead&gt;tr.danger&gt;th,.table&gt;tbody&gt;tr&gt;td.danger,.table&gt;tbody&gt;tr&gt;th.danger,.table&gt;tbody&gt;tr.danger&gt;td,.table&gt;tbody&gt;tr.danger&gt;th,.table&gt;tfoot&gt;tr&gt;td.danger,.table&gt;tfoot&gt;tr&gt;th.danger,.table&gt;tfoot&gt;tr.danger&gt;td,.table&gt;tfoot&gt;tr.danger&gt;th{background-color:#f2dede}.table-hover&gt;tbody&gt;tr&gt;td.danger:hover,.table-hover&gt;tbody&gt;tr&gt;th.danger:hover,.table-hover&gt;tbody&gt;tr.danger:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.danger,.table-hover&gt;tbody&gt;tr.danger:hover&gt;th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=&quot;file&quot;]{display:block}input[type=&quot;range&quot;]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=&quot;date&quot;],input[type=&quot;time&quot;],input[type=&quot;datetime-local&quot;],input[type=&quot;month&quot;]{line-height:34px;line-height:1.4285714 \0}input[type=&quot;date&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:30px}input[type=&quot;date&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=&quot;radio&quot;][disabled],input[type=&quot;radio&quot;].disabled,fieldset[disabled] input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;][disabled],input[type=&quot;checkbox&quot;].disabled,fieldset[disabled] input[type=&quot;checkbox&quot;],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg&gt;.form-control-static.form-control,.input-group-lg&gt;.form-control-static.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm&gt;.form-control-static.form-control,.input-group-sm&gt;.form-control-static.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm&gt;.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm&gt;.input-group-addon{height:30px;line-height:1.5}.input-group-sm&gt;.input-group-btn&gt;.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm&gt;select.form-control,.input-group-sm&gt;select.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm&gt;textarea.form-control,.input-group-sm&gt;textarea.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm&gt;select[multiple].form-control,.input-group-sm&gt;select[multiple].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg&gt;.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg&gt;.input-group-addon{height:46px;line-height:1.33}.input-group-lg&gt;.input-group-btn&gt;.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg&gt;select.form-control,.input-group-lg&gt;select.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg&gt;textarea.form-control,.input-group-lg&gt;textarea.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg&gt;select[multiple].form-control,.input-group-lg&gt;select[multiple].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg&gt;.form-control+.form-control-feedback,.input-group-lg&gt;.input-group-addon+.form-control-feedback,.input-group-lg&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm&gt;.form-control+.form-control-feedback,.input-group-sm&gt;.input-group-addon+.form-control-feedback,.input-group-sm&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:&quot; &quot;;display:table}.form-horizontal .form-group:after{content:&quot; &quot;;display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=&quot;col-&quot;]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm&gt;.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg&gt;.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group&gt;.btn,.input-group-btn:first-child&gt;.dropdown-toggle,.input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child&gt;.btn-group:not(:last-child)&gt;.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group&gt;.btn,.input-group-btn:last-child&gt;.dropdown-toggle,.input-group-btn:first-child&gt;.btn:not(:first-child),.input-group-btn:first-child&gt;.btn-group:not(:first-child)&gt;.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn&gt;.btn{position:relative}.input-group-btn&gt;.btn+.btn{margin-left:-1px}.input-group-btn&gt;.btn:hover,.input-group-btn&gt;.btn:focus,.input-group-btn&gt;.btn:active{z-index:2}.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group{margin-right:-1px}.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination&gt;li{display:inline}.pagination&gt;li&gt;a,.pagination&gt;li&gt;span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination&gt;li:first-child&gt;a,.pagination&gt;li:first-child&gt;span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination&gt;li:last-child&gt;a,.pagination&gt;li:last-child&gt;span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination&gt;li&gt;a:hover,.pagination&gt;li&gt;a:focus,.pagination&gt;li&gt;span:hover,.pagination&gt;li&gt;span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination&gt;.active&gt;a,.pagination&gt;.active&gt;a:hover,.pagination&gt;.active&gt;a:focus,.pagination&gt;.active&gt;span,.pagination&gt;.active&gt;span:hover,.pagination&gt;.active&gt;span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination&gt;.disabled&gt;span,.pagination&gt;.disabled&gt;span:hover,.pagination&gt;.disabled&gt;span:focus,.pagination&gt;.disabled&gt;a,.pagination&gt;.disabled&gt;a:hover,.pagination&gt;.disabled&gt;a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg&gt;li&gt;a,.pagination-lg&gt;li&gt;span{padding:10px 16px;font-size:18px}.pagination-lg&gt;li:first-child&gt;a,.pagination-lg&gt;li:first-child&gt;span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg&gt;li:last-child&gt;a,.pagination-lg&gt;li:last-child&gt;span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm&gt;li&gt;a,.pagination-sm&gt;li&gt;span{padding:5px 10px;font-size:12px}.pagination-sm&gt;li:first-child&gt;a,.pagination-sm&gt;li:first-child&gt;span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm&gt;li:last-child&gt;a,.pagination-sm&gt;li:last-child&gt;span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:&quot; &quot;;display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:&quot; &quot;;display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{box-sizing:border-box;padding:0}input[type=&quot;number&quot;]::-webkit-inner-spin-button,input[type=&quot;number&quot;]::-webkit-outer-spin-button{height:auto}input[type=&quot;search&quot;]{-webkit-appearance:textfield;box-sizing:content-box}input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:&#39;&#39;;display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-left:1rem}li&gt;ul,li&gt;ol{margin-bottom:0}p{padding-top:.66001rem;-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;-webkit-font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}.g{display:block}.g:after{clear:both;content:&#39;&#39;;display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.open-menu&gt;.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:&quot;Ubuntu Mono&quot;,Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:&quot;&quot;;display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item&gt;a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open&gt;a{background-color:#1D212A}.menu .menu-item-icon&gt;a{height:auto;padding:0}.menu .menu-item-icon:hover&gt;a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open&gt;a{background-color:#373D49}.menu-sidebar .open .caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-sidebar&gt;.menu-item:hover .dropdown a,.menu-sidebar&gt;.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:&quot;&quot;;display:table;clear:both}.menu-sidebar .menu-link&gt;span{float:left}.menu-sidebar .menu-link&gt;.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:&quot;&quot;;display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url(&quot;../img/icons/file.svg&quot;);background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url(&quot;../img/icons/octocat.svg&quot;);background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings a{font-size:1.25rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:&quot;&quot;;display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:&#39;&#39;;left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;-webkit-transition:all .3s;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span{color:#000}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;-webkit-transition:all ease .2s;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:&#39;&#39;;width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger,.pagination--dillinger li{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination--dillinger li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child&gt;a,.pagination--dillinger li.disabled&gt;a,.pagination--dillinger li.disabled&gt;a:hover,.pagination--dillinger li.disabled&gt;a:focus,.pagination--dillinger li&gt;a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active&gt;a,.pagination--dillinger li.active&gt;a:hover,.pagination--dillinger li.active&gt;a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li&gt;a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li&gt;a:hover,.pagination--dillinger li&gt;a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url(&quot;../img/icons/enter-zen.svg&quot;);right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url(&quot;../img/icons/exit-zen.svg&quot;);right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:&quot;&quot;;position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:&quot;-&quot;;display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}.ad-container a::before{color:#A0AABF;content:&quot;Ad:  &quot;}.ad-container{display:block;float:left;max-width:38%;word-wrap:break-word}.ad-container a{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}.ad-container img{display:none}.split{overflow:scroll;padding:0!important}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:&quot;Ubuntu Mono&quot;,Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}#preview{padding:15px}#preview a{color:#A0AABF;text-decoration:underline}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;position:relative;top:0;width:50%}#editor{font-size:1rem}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group&gt;.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){.ad-container{max-width:30%}.ad-container a{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){.ad-container{max-width:27%}.ad-container a{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){.ad-container{max-width:24%}.ad-container a{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){.ad-container{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive&gt;.table{margin-bottom:0}.table-responsive&gt;.table&gt;thead&gt;tr&gt;th,.table-responsive&gt;.table&gt;thead&gt;tr&gt;td,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;th,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;td,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;th,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;td{white-space:nowrap}.table-responsive&gt;.table-bordered{border:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:first-child{border-left:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:last-child{border-right:0}.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;td,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;td{border-bottom:0}}@media screen and (max-width:720px){.ad-container{max-width:50%}.ad-container a{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){.ad-container{max-width:40%}.ad-container a{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:6px 24px}}@media screen and (max-width:520px){.ad-container a{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){.ad-container{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}&lt;/style&gt;&lt;/head&gt;&lt;body id=&quot;preview&quot;&gt;
&lt;h1&gt;&lt;a id=&quot;Windows10_tensorflow___0&quot;&gt;&lt;/a&gt;Windows10 tensorflow 설치 방법&lt;/h1&gt;
&lt;hr&gt;
&lt;p&gt;가장 간단한 Anaconda를 이용한 방법으로 설치한다.&lt;br&gt;
추가로 딱히 Window에선 Python 다른 응용을 개발하지 않으므로 특별히 conda 또는 virtualenv를 설정하지않고 global에 직접 설치한다.&lt;br&gt;
(가상환경을 만들고 설치하는 방법도 있다.)&lt;br&gt;
방법: &lt;a href=&quot;https://www.tensorflow.org/versions/r0.12/get_started/os_setup.html#pip-installation-on-windows&quot;&gt;https://www.tensorflow.org/versions/r0.12/get_started/os_setup.html#pip-installation-on-windows&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;&lt;a id=&quot;1_Anaconda_420__8&quot;&gt;&lt;/a&gt;1. Anaconda 4.2.0 설치&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;NumPy, SciPy, Pandas, Matplotlib 등의 과학연산에 필요한 Python package들을 통합했으며 Jupyter Notebook을 제공하는 환경이다.&lt;br&gt;
Window TensorFlow는 Python 3.5 이상부터 동작하므로 해당 Anaconda를 관리자 권한으로 설치한다.&lt;br&gt;
모든 작업을 anaconda만 설치하면 환경변수등 자동으로 설정 되므로 pip명령어를 이용해서 하나하나 설치하는것 보다 훨씬 효율적이다.&lt;br&gt;
&lt;a href=&quot;https://www.continuum.io/downloads&quot;&gt;다운로드&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;&lt;a id=&quot;2_CUDA_8044_win_10__15&quot;&gt;&lt;/a&gt;2. CUDA 8.0.44 -win 10 설치&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;Tensorflow v0.12.0 RC0는 CUDA 8.0이상을 권장하므로 이것을 설치한다.&lt;br&gt;
Network버전은 설치가 오래걸리므로 local버전 1.2GB 상당을 직접 다운받아서 설치한다.&lt;br&gt;
&lt;a href=&quot;https://developer.nvidia.com/cuda-downloads&quot;&gt;다운로드&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;&lt;a id=&quot;3_CuDNN_51__21&quot;&gt;&lt;/a&gt;3. CuDNN 5.1 설치&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;Deep Learning을 위해서 엔비디아에서 제공하는 추가 라이브러리 꾸러미이다.&lt;br&gt;
[다운로드](&lt;a href=&quot;https://developer.nvidia.com/cudnn&quot;&gt;https://developer.nvidia.com/cudnn&lt;/a&gt;&lt;br&gt;
CUDA 8.0은 cuDNN 5.1을 설치해야한다.&lt;br&gt;
회원 가입해야 다운 받을 수 있다.&lt;br&gt;
다운받으면 그냥 압축 파일이므로 압축해제후 CUDA 설치 경로에 붙여넣기 해야한다.&lt;br&gt;
CUDA 설치 경로 C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v8.0&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;&lt;a id=&quot;4_TensorFlowGPU__30&quot;&gt;&lt;/a&gt;4. TensorFlow-GPU 설치&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;윈도우 버전은 파이썬 3.5 에서 하다.&lt;br&gt;
0.12 RC0 버전 부터는 텐서플로우 패키지가 PyPI 에 업로드되어 있어 pip 명령으로 간단히 설치할 수 있게 되었다.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;처음 설치&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;pip install tensorflow-gpu
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;업데이트 방법 (추후에 새로운 버전이 나왔을 때)&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;pip install --upgrade https://storage.googleapis.com/tensorflow/windows/gpu/tensorflow_gpu-0.12.0rc1-cp35-cp35m-win_amd64.whl
&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;최근에 RC0에서 RC1로 업데이트 되었다. 기존 RC0사용자라면 버그가 고쳐진 새로운 버전으로 업데이트 할 때 위 명령어를 이용 한다.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;설치확인&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Anaconda prompt를 관리자 권한으로 실행한다.&lt;br&gt;
python을 실행하고 아래의 script를 실행해 본다.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;&amp;gt;&amp;gt;&amp;gt; import tensorflow as tf
&amp;gt;&amp;gt;&amp;gt; hello = tf.constant(&#39;Hello, TensorFlow!&#39;)
&amp;gt;&amp;gt;&amp;gt; sess = tf.Session()
&amp;gt;&amp;gt;&amp;gt; print(sess.run(hello))
Hello, TensorFlow!
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;
원글: http://goodtogreate.tistory.com/entry/GPU-TensorFlow-on-Window-10-TensorFlow-GPU%EB%B2%84%EC%A0%84-%EC%9C%88%EB%8F%84%EC%9A%B010-%EC%84%A4%EC%B9%98
&lt;/p&gt;
&lt;/body&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/7645218365773045393/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2017/01/windows10-tensorflow.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/7645218365773045393'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/7645218365773045393'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2017/01/windows10-tensorflow.html' title='Windows10 tensorflow 설치 방법(텐서플로)'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-326462075850795221</id><published>2017-01-04T20:07:00.000-08:00</published><updated>2017-01-04T20:07:04.132-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="java"/><category scheme="http://www.blogger.com/atom/ns#" term="jeus"/><category scheme="http://www.blogger.com/atom/ns#" term="tmax"/><category scheme="http://www.blogger.com/atom/ns#" term="webtob"/><category scheme="http://www.blogger.com/atom/ns#" term="서버"/><category scheme="http://www.blogger.com/atom/ns#" term="웹투비"/><category scheme="http://www.blogger.com/atom/ns#" term="제우스"/><title type='text'>jeus와  webtob 라이선스 다운로드 및 적용하기</title><content type='html'>&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;style&gt;@import &#39;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.2.0/katex.min.css&#39;;code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table&gt;thead&gt;tr&gt;th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{vertical-align:bottom;border-bottom:2px solid #ddd}.table&gt;caption+thead&gt;tr:first-child&gt;th,.table&gt;caption+thead&gt;tr:first-child&gt;td,.table&gt;colgroup+thead&gt;tr:first-child&gt;th,.table&gt;colgroup+thead&gt;tr:first-child&gt;td,.table&gt;thead:first-child&gt;tr:first-child&gt;th,.table&gt;thead:first-child&gt;tr:first-child&gt;td{border-top:0}.table&gt;tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed&gt;thead&gt;tr&gt;th,.table-condensed&gt;thead&gt;tr&gt;td,.table-condensed&gt;tbody&gt;tr&gt;th,.table-condensed&gt;tbody&gt;tr&gt;td,.table-condensed&gt;tfoot&gt;tr&gt;th,.table-condensed&gt;tfoot&gt;tr&gt;td{padding:5px}.table-bordered,.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:2px}.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{background-color:#f9f9f9}.table-hover&gt;tbody&gt;tr:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;th{background-color:#f5f5f5}table col[class*=&quot;col-&quot;]{position:static;float:none;display:table-column}table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{position:static;float:none;display:table-cell}.table&gt;thead&gt;tr&gt;td.active,.table&gt;thead&gt;tr&gt;th.active,.table&gt;thead&gt;tr.active&gt;td,.table&gt;thead&gt;tr.active&gt;th,.table&gt;tbody&gt;tr&gt;td.active,.table&gt;tbody&gt;tr&gt;th.active,.table&gt;tbody&gt;tr.active&gt;td,.table&gt;tbody&gt;tr.active&gt;th,.table&gt;tfoot&gt;tr&gt;td.active,.table&gt;tfoot&gt;tr&gt;th.active,.table&gt;tfoot&gt;tr.active&gt;td,.table&gt;tfoot&gt;tr.active&gt;th{background-color:#f5f5f5}.table-hover&gt;tbody&gt;tr&gt;td.active:hover,.table-hover&gt;tbody&gt;tr&gt;th.active:hover,.table-hover&gt;tbody&gt;tr.active:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.active,.table-hover&gt;tbody&gt;tr.active:hover&gt;th{background-color:#e8e8e8}.table&gt;thead&gt;tr&gt;td.success,.table&gt;thead&gt;tr&gt;th.success,.table&gt;thead&gt;tr.success&gt;td,.table&gt;thead&gt;tr.success&gt;th,.table&gt;tbody&gt;tr&gt;td.success,.table&gt;tbody&gt;tr&gt;th.success,.table&gt;tbody&gt;tr.success&gt;td,.table&gt;tbody&gt;tr.success&gt;th,.table&gt;tfoot&gt;tr&gt;td.success,.table&gt;tfoot&gt;tr&gt;th.success,.table&gt;tfoot&gt;tr.success&gt;td,.table&gt;tfoot&gt;tr.success&gt;th{background-color:#dff0d8}.table-hover&gt;tbody&gt;tr&gt;td.success:hover,.table-hover&gt;tbody&gt;tr&gt;th.success:hover,.table-hover&gt;tbody&gt;tr.success:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.success,.table-hover&gt;tbody&gt;tr.success:hover&gt;th{background-color:#d0e9c6}.table&gt;thead&gt;tr&gt;td.info,.table&gt;thead&gt;tr&gt;th.info,.table&gt;thead&gt;tr.info&gt;td,.table&gt;thead&gt;tr.info&gt;th,.table&gt;tbody&gt;tr&gt;td.info,.table&gt;tbody&gt;tr&gt;th.info,.table&gt;tbody&gt;tr.info&gt;td,.table&gt;tbody&gt;tr.info&gt;th,.table&gt;tfoot&gt;tr&gt;td.info,.table&gt;tfoot&gt;tr&gt;th.info,.table&gt;tfoot&gt;tr.info&gt;td,.table&gt;tfoot&gt;tr.info&gt;th{background-color:#d9edf7}.table-hover&gt;tbody&gt;tr&gt;td.info:hover,.table-hover&gt;tbody&gt;tr&gt;th.info:hover,.table-hover&gt;tbody&gt;tr.info:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.info,.table-hover&gt;tbody&gt;tr.info:hover&gt;th{background-color:#c4e3f3}.table&gt;thead&gt;tr&gt;td.warning,.table&gt;thead&gt;tr&gt;th.warning,.table&gt;thead&gt;tr.warning&gt;td,.table&gt;thead&gt;tr.warning&gt;th,.table&gt;tbody&gt;tr&gt;td.warning,.table&gt;tbody&gt;tr&gt;th.warning,.table&gt;tbody&gt;tr.warning&gt;td,.table&gt;tbody&gt;tr.warning&gt;th,.table&gt;tfoot&gt;tr&gt;td.warning,.table&gt;tfoot&gt;tr&gt;th.warning,.table&gt;tfoot&gt;tr.warning&gt;td,.table&gt;tfoot&gt;tr.warning&gt;th{background-color:#fcf8e3}.table-hover&gt;tbody&gt;tr&gt;td.warning:hover,.table-hover&gt;tbody&gt;tr&gt;th.warning:hover,.table-hover&gt;tbody&gt;tr.warning:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.warning,.table-hover&gt;tbody&gt;tr.warning:hover&gt;th{background-color:#faf2cc}.table&gt;thead&gt;tr&gt;td.danger,.table&gt;thead&gt;tr&gt;th.danger,.table&gt;thead&gt;tr.danger&gt;td,.table&gt;thead&gt;tr.danger&gt;th,.table&gt;tbody&gt;tr&gt;td.danger,.table&gt;tbody&gt;tr&gt;th.danger,.table&gt;tbody&gt;tr.danger&gt;td,.table&gt;tbody&gt;tr.danger&gt;th,.table&gt;tfoot&gt;tr&gt;td.danger,.table&gt;tfoot&gt;tr&gt;th.danger,.table&gt;tfoot&gt;tr.danger&gt;td,.table&gt;tfoot&gt;tr.danger&gt;th{background-color:#f2dede}.table-hover&gt;tbody&gt;tr&gt;td.danger:hover,.table-hover&gt;tbody&gt;tr&gt;th.danger:hover,.table-hover&gt;tbody&gt;tr.danger:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.danger,.table-hover&gt;tbody&gt;tr.danger:hover&gt;th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=&quot;file&quot;]{display:block}input[type=&quot;range&quot;]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=&quot;date&quot;],input[type=&quot;time&quot;],input[type=&quot;datetime-local&quot;],input[type=&quot;month&quot;]{line-height:34px;line-height:1.4285714 \0}input[type=&quot;date&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:30px}input[type=&quot;date&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=&quot;radio&quot;][disabled],input[type=&quot;radio&quot;].disabled,fieldset[disabled] input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;][disabled],input[type=&quot;checkbox&quot;].disabled,fieldset[disabled] input[type=&quot;checkbox&quot;],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg&gt;.form-control-static.form-control,.input-group-lg&gt;.form-control-static.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm&gt;.form-control-static.form-control,.input-group-sm&gt;.form-control-static.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm&gt;.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm&gt;.input-group-addon{height:30px;line-height:1.5}.input-group-sm&gt;.input-group-btn&gt;.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm&gt;select.form-control,.input-group-sm&gt;select.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm&gt;textarea.form-control,.input-group-sm&gt;textarea.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm&gt;select[multiple].form-control,.input-group-sm&gt;select[multiple].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg&gt;.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg&gt;.input-group-addon{height:46px;line-height:1.33}.input-group-lg&gt;.input-group-btn&gt;.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg&gt;select.form-control,.input-group-lg&gt;select.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg&gt;textarea.form-control,.input-group-lg&gt;textarea.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg&gt;select[multiple].form-control,.input-group-lg&gt;select[multiple].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg&gt;.form-control+.form-control-feedback,.input-group-lg&gt;.input-group-addon+.form-control-feedback,.input-group-lg&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm&gt;.form-control+.form-control-feedback,.input-group-sm&gt;.input-group-addon+.form-control-feedback,.input-group-sm&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:&quot; &quot;;display:table}.form-horizontal .form-group:after{content:&quot; &quot;;display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=&quot;col-&quot;]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm&gt;.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg&gt;.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group&gt;.btn,.input-group-btn:first-child&gt;.dropdown-toggle,.input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child&gt;.btn-group:not(:last-child)&gt;.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group&gt;.btn,.input-group-btn:last-child&gt;.dropdown-toggle,.input-group-btn:first-child&gt;.btn:not(:first-child),.input-group-btn:first-child&gt;.btn-group:not(:first-child)&gt;.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn&gt;.btn{position:relative}.input-group-btn&gt;.btn+.btn{margin-left:-1px}.input-group-btn&gt;.btn:hover,.input-group-btn&gt;.btn:focus,.input-group-btn&gt;.btn:active{z-index:2}.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group{margin-right:-1px}.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination&gt;li{display:inline}.pagination&gt;li&gt;a,.pagination&gt;li&gt;span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination&gt;li:first-child&gt;a,.pagination&gt;li:first-child&gt;span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination&gt;li:last-child&gt;a,.pagination&gt;li:last-child&gt;span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination&gt;li&gt;a:hover,.pagination&gt;li&gt;a:focus,.pagination&gt;li&gt;span:hover,.pagination&gt;li&gt;span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination&gt;.active&gt;a,.pagination&gt;.active&gt;a:hover,.pagination&gt;.active&gt;a:focus,.pagination&gt;.active&gt;span,.pagination&gt;.active&gt;span:hover,.pagination&gt;.active&gt;span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination&gt;.disabled&gt;span,.pagination&gt;.disabled&gt;span:hover,.pagination&gt;.disabled&gt;span:focus,.pagination&gt;.disabled&gt;a,.pagination&gt;.disabled&gt;a:hover,.pagination&gt;.disabled&gt;a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg&gt;li&gt;a,.pagination-lg&gt;li&gt;span{padding:10px 16px;font-size:18px}.pagination-lg&gt;li:first-child&gt;a,.pagination-lg&gt;li:first-child&gt;span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg&gt;li:last-child&gt;a,.pagination-lg&gt;li:last-child&gt;span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm&gt;li&gt;a,.pagination-sm&gt;li&gt;span{padding:5px 10px;font-size:12px}.pagination-sm&gt;li:first-child&gt;a,.pagination-sm&gt;li:first-child&gt;span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm&gt;li:last-child&gt;a,.pagination-sm&gt;li:last-child&gt;span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:&quot; &quot;;display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:&quot; &quot;;display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{box-sizing:border-box;padding:0}input[type=&quot;number&quot;]::-webkit-inner-spin-button,input[type=&quot;number&quot;]::-webkit-outer-spin-button{height:auto}input[type=&quot;search&quot;]{-webkit-appearance:textfield;box-sizing:content-box}input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:&#39;&#39;;display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-left:1rem}li&gt;ul,li&gt;ol{margin-bottom:0}p{padding-top:.66001rem;-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;-webkit-font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}.g{display:block}.g:after{clear:both;content:&#39;&#39;;display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.open-menu&gt;.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:&quot;Ubuntu Mono&quot;,Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:&quot;&quot;;display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item&gt;a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open&gt;a{background-color:#1D212A}.menu .menu-item-icon&gt;a{height:auto;padding:0}.menu .menu-item-icon:hover&gt;a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open&gt;a{background-color:#373D49}.menu-sidebar .open .caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-sidebar&gt;.menu-item:hover .dropdown a,.menu-sidebar&gt;.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:&quot;&quot;;display:table;clear:both}.menu-sidebar .menu-link&gt;span{float:left}.menu-sidebar .menu-link&gt;.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:&quot;&quot;;display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url(&quot;../img/icons/file.svg&quot;);background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url(&quot;../img/icons/octocat.svg&quot;);background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings a{font-size:1.25rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:&quot;&quot;;display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:&#39;&#39;;left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;-webkit-transition:all .3s;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span{color:#000}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;-webkit-transition:all ease .2s;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:&#39;&#39;;width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger,.pagination--dillinger li{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination--dillinger li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child&gt;a,.pagination--dillinger li.disabled&gt;a,.pagination--dillinger li.disabled&gt;a:hover,.pagination--dillinger li.disabled&gt;a:focus,.pagination--dillinger li&gt;a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active&gt;a,.pagination--dillinger li.active&gt;a:hover,.pagination--dillinger li.active&gt;a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li&gt;a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li&gt;a:hover,.pagination--dillinger li&gt;a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url(&quot;../img/icons/enter-zen.svg&quot;);right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url(&quot;../img/icons/exit-zen.svg&quot;);right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:&quot;&quot;;position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:&quot;-&quot;;display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}.ad-container a::before{color:#A0AABF;content:&quot;Ad:  &quot;}.ad-container{display:block;float:left;max-width:38%;word-wrap:break-word}.ad-container a{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}.ad-container img{display:none}.split{overflow:scroll;padding:0!important}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:&quot;Ubuntu Mono&quot;,Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}#preview{padding:15px}#preview a{color:#A0AABF;text-decoration:underline}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;position:relative;top:0;width:50%}#editor{font-size:1rem}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group&gt;.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){.ad-container{max-width:30%}.ad-container a{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){.ad-container{max-width:27%}.ad-container a{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){.ad-container{max-width:24%}.ad-container a{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){.ad-container{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive&gt;.table{margin-bottom:0}.table-responsive&gt;.table&gt;thead&gt;tr&gt;th,.table-responsive&gt;.table&gt;thead&gt;tr&gt;td,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;th,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;td,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;th,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;td{white-space:nowrap}.table-responsive&gt;.table-bordered{border:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:first-child{border-left:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:last-child{border-right:0}.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;td,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;td{border-bottom:0}}@media screen and (max-width:720px){.ad-container{max-width:50%}.ad-container a{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){.ad-container{max-width:40%}.ad-container a{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:6px 24px}}@media screen and (max-width:520px){.ad-container a{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){.ad-container{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}&lt;/style&gt;&lt;/head&gt;&lt;body id=&quot;preview&quot;&gt;
&lt;h1&gt;&lt;a id=&quot;Dillinger_0&quot;&gt;&lt;/a&gt;Dillinger&lt;/h1&gt;
&lt;h3&gt;&lt;a id=&quot;__2&quot;&gt;&lt;/a&gt;라이센스 다운로드&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;a href=&quot;http://technet.tmaxsoft.com/&quot;&gt;http://technet.tmaxsoft.com/&lt;/a&gt; 접속&lt;br&gt;
로그인&lt;br&gt;
데모라이선스 신청 클릭 (버전에 맞게 신청)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href=&quot;http://technet.tmaxsoft.com/&quot;&gt;&lt;img src=&quot;https://s26.postimg.org/r4zo4u3fd/image.png&quot; alt=&quot;이미지&quot;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;&lt;a id=&quot;___10&quot;&gt;&lt;/a&gt;라이센스 발급 신청&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;제우스와 웹투비 별도 발급&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img src=&quot;https://s26.postimg.org/3s1mmbnbt/image.png&quot; alt=&quot;라이선스 발급&quot;&gt;&lt;/p&gt;
&lt;h3&gt;&lt;a id=&quot;__15&quot;&gt;&lt;/a&gt;이메일 확인&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;license.dat 파일 다운로드&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;&lt;a id=&quot;___18&quot;&gt;&lt;/a&gt;제우스 라이센스 복사&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;/jeus/license 폴더로 이동&lt;br&gt;
다운받은 license.dat 파일의 확장자를 지운 후 /jeus/license 폴더에 복사 (파일명변경 : license.dat → license )&lt;br&gt;
제우스 재시작 ( jdown, jboot )&lt;br&gt;
라이센스 갱신확인 ( jeusadmin -licenseinfo )&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;&lt;a id=&quot;___24&quot;&gt;&lt;/a&gt;웹투비 라이센스 복사&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;/webtob/license 폴더로 이동&lt;br&gt;
다운받은 license.dat 파일을 /webtob/license 폴더에 복사 (제우스와 다르게 확장자를 지우지 않는다.)&lt;br&gt;
http.m 컴파일 ( wscfl -i http.m )&lt;br&gt;
웹투비 재시작 ( wsdown, wsboot )&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;&lt;a id=&quot;jeusjdown___30&quot;&gt;&lt;/a&gt;jeus(jdown)이 안될 경우&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;ps -ef | grep jeus&lt;br&gt;
kill -9 명령으로 프로세스 강제종료 한다.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;/body&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/326462075850795221/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2017/01/jeus-webtob.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/326462075850795221'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/326462075850795221'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2017/01/jeus-webtob.html' title='jeus와  webtob 라이선스 다운로드 및 적용하기'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-3991859572800712170</id><published>2016-12-26T20:33:00.002-08:00</published><updated>2016-12-26T20:33:40.301-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="mongodb"/><category scheme="http://www.blogger.com/atom/ns#" term="server"/><category scheme="http://www.blogger.com/atom/ns#" term="shell"/><category scheme="http://www.blogger.com/atom/ns#" term="shell script"/><category scheme="http://www.blogger.com/atom/ns#" term="ubuntu"/><category scheme="http://www.blogger.com/atom/ns#" term="몽고디비"/><category scheme="http://www.blogger.com/atom/ns#" term="우분투"/><category scheme="http://www.blogger.com/atom/ns#" term="우분투서버"/><title type='text'>Auto start: mongodb on ubuntu 16.x LTS</title><content type='html'>&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;title&gt;Untitled Document.md&lt;/title&gt;&lt;style&gt;@import &#39;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.2.0/katex.min.css&#39;;code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table&gt;thead&gt;tr&gt;th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{vertical-align:bottom;border-bottom:2px solid #ddd}.table&gt;caption+thead&gt;tr:first-child&gt;th,.table&gt;caption+thead&gt;tr:first-child&gt;td,.table&gt;colgroup+thead&gt;tr:first-child&gt;th,.table&gt;colgroup+thead&gt;tr:first-child&gt;td,.table&gt;thead:first-child&gt;tr:first-child&gt;th,.table&gt;thead:first-child&gt;tr:first-child&gt;td{border-top:0}.table&gt;tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed&gt;thead&gt;tr&gt;th,.table-condensed&gt;thead&gt;tr&gt;td,.table-condensed&gt;tbody&gt;tr&gt;th,.table-condensed&gt;tbody&gt;tr&gt;td,.table-condensed&gt;tfoot&gt;tr&gt;th,.table-condensed&gt;tfoot&gt;tr&gt;td{padding:5px}.table-bordered,.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:2px}.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{background-color:#f9f9f9}.table-hover&gt;tbody&gt;tr:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;th{background-color:#f5f5f5}table col[class*=&quot;col-&quot;]{position:static;float:none;display:table-column}table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{position:static;float:none;display:table-cell}.table&gt;thead&gt;tr&gt;td.active,.table&gt;thead&gt;tr&gt;th.active,.table&gt;thead&gt;tr.active&gt;td,.table&gt;thead&gt;tr.active&gt;th,.table&gt;tbody&gt;tr&gt;td.active,.table&gt;tbody&gt;tr&gt;th.active,.table&gt;tbody&gt;tr.active&gt;td,.table&gt;tbody&gt;tr.active&gt;th,.table&gt;tfoot&gt;tr&gt;td.active,.table&gt;tfoot&gt;tr&gt;th.active,.table&gt;tfoot&gt;tr.active&gt;td,.table&gt;tfoot&gt;tr.active&gt;th{background-color:#f5f5f5}.table-hover&gt;tbody&gt;tr&gt;td.active:hover,.table-hover&gt;tbody&gt;tr&gt;th.active:hover,.table-hover&gt;tbody&gt;tr.active:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.active,.table-hover&gt;tbody&gt;tr.active:hover&gt;th{background-color:#e8e8e8}.table&gt;thead&gt;tr&gt;td.success,.table&gt;thead&gt;tr&gt;th.success,.table&gt;thead&gt;tr.success&gt;td,.table&gt;thead&gt;tr.success&gt;th,.table&gt;tbody&gt;tr&gt;td.success,.table&gt;tbody&gt;tr&gt;th.success,.table&gt;tbody&gt;tr.success&gt;td,.table&gt;tbody&gt;tr.success&gt;th,.table&gt;tfoot&gt;tr&gt;td.success,.table&gt;tfoot&gt;tr&gt;th.success,.table&gt;tfoot&gt;tr.success&gt;td,.table&gt;tfoot&gt;tr.success&gt;th{background-color:#dff0d8}.table-hover&gt;tbody&gt;tr&gt;td.success:hover,.table-hover&gt;tbody&gt;tr&gt;th.success:hover,.table-hover&gt;tbody&gt;tr.success:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.success,.table-hover&gt;tbody&gt;tr.success:hover&gt;th{background-color:#d0e9c6}.table&gt;thead&gt;tr&gt;td.info,.table&gt;thead&gt;tr&gt;th.info,.table&gt;thead&gt;tr.info&gt;td,.table&gt;thead&gt;tr.info&gt;th,.table&gt;tbody&gt;tr&gt;td.info,.table&gt;tbody&gt;tr&gt;th.info,.table&gt;tbody&gt;tr.info&gt;td,.table&gt;tbody&gt;tr.info&gt;th,.table&gt;tfoot&gt;tr&gt;td.info,.table&gt;tfoot&gt;tr&gt;th.info,.table&gt;tfoot&gt;tr.info&gt;td,.table&gt;tfoot&gt;tr.info&gt;th{background-color:#d9edf7}.table-hover&gt;tbody&gt;tr&gt;td.info:hover,.table-hover&gt;tbody&gt;tr&gt;th.info:hover,.table-hover&gt;tbody&gt;tr.info:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.info,.table-hover&gt;tbody&gt;tr.info:hover&gt;th{background-color:#c4e3f3}.table&gt;thead&gt;tr&gt;td.warning,.table&gt;thead&gt;tr&gt;th.warning,.table&gt;thead&gt;tr.warning&gt;td,.table&gt;thead&gt;tr.warning&gt;th,.table&gt;tbody&gt;tr&gt;td.warning,.table&gt;tbody&gt;tr&gt;th.warning,.table&gt;tbody&gt;tr.warning&gt;td,.table&gt;tbody&gt;tr.warning&gt;th,.table&gt;tfoot&gt;tr&gt;td.warning,.table&gt;tfoot&gt;tr&gt;th.warning,.table&gt;tfoot&gt;tr.warning&gt;td,.table&gt;tfoot&gt;tr.warning&gt;th{background-color:#fcf8e3}.table-hover&gt;tbody&gt;tr&gt;td.warning:hover,.table-hover&gt;tbody&gt;tr&gt;th.warning:hover,.table-hover&gt;tbody&gt;tr.warning:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.warning,.table-hover&gt;tbody&gt;tr.warning:hover&gt;th{background-color:#faf2cc}.table&gt;thead&gt;tr&gt;td.danger,.table&gt;thead&gt;tr&gt;th.danger,.table&gt;thead&gt;tr.danger&gt;td,.table&gt;thead&gt;tr.danger&gt;th,.table&gt;tbody&gt;tr&gt;td.danger,.table&gt;tbody&gt;tr&gt;th.danger,.table&gt;tbody&gt;tr.danger&gt;td,.table&gt;tbody&gt;tr.danger&gt;th,.table&gt;tfoot&gt;tr&gt;td.danger,.table&gt;tfoot&gt;tr&gt;th.danger,.table&gt;tfoot&gt;tr.danger&gt;td,.table&gt;tfoot&gt;tr.danger&gt;th{background-color:#f2dede}.table-hover&gt;tbody&gt;tr&gt;td.danger:hover,.table-hover&gt;tbody&gt;tr&gt;th.danger:hover,.table-hover&gt;tbody&gt;tr.danger:hover&gt;td,.table-hover&gt;tbody&gt;tr:hover&gt;.danger,.table-hover&gt;tbody&gt;tr.danger:hover&gt;th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=&quot;file&quot;]{display:block}input[type=&quot;range&quot;]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=&quot;date&quot;],input[type=&quot;time&quot;],input[type=&quot;datetime-local&quot;],input[type=&quot;month&quot;]{line-height:34px;line-height:1.4285714 \0}input[type=&quot;date&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].form-control,.input-group-sm&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].form-control,.input-group-sm&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-sm&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-sm,.form-horizontal .form-group-sm input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].form-control,.input-group-sm&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:30px}input[type=&quot;date&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].form-control,.input-group-lg&gt;input[type=&quot;date&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;date&quot;].btn,input[type=&quot;time&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].form-control,.input-group-lg&gt;input[type=&quot;time&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;time&quot;].btn,input[type=&quot;datetime-local&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].form-control,.input-group-lg&gt;input[type=&quot;datetime-local&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;datetime-local&quot;].btn,input[type=&quot;month&quot;].input-lg,.form-horizontal .form-group-lg input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].form-control,.input-group-lg&gt;input[type=&quot;month&quot;].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;input[type=&quot;month&quot;].btn{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=&quot;radio&quot;][disabled],input[type=&quot;radio&quot;].disabled,fieldset[disabled] input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;][disabled],input[type=&quot;checkbox&quot;].disabled,fieldset[disabled] input[type=&quot;checkbox&quot;],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg&gt;.form-control-static.form-control,.input-group-lg&gt;.form-control-static.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm&gt;.form-control-static.form-control,.input-group-sm&gt;.form-control-static.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm&gt;.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm&gt;.input-group-addon{height:30px;line-height:1.5}.input-group-sm&gt;.input-group-btn&gt;.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm&gt;select.form-control,.input-group-sm&gt;select.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm&gt;textarea.form-control,.input-group-sm&gt;textarea.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm&gt;select[multiple].form-control,.input-group-sm&gt;select[multiple].input-group-addon,.input-group-sm&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg&gt;.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg&gt;.input-group-addon{height:46px;line-height:1.33}.input-group-lg&gt;.input-group-btn&gt;.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg&gt;select.form-control,.input-group-lg&gt;select.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg&gt;textarea.form-control,.input-group-lg&gt;textarea.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg&gt;select[multiple].form-control,.input-group-lg&gt;select[multiple].input-group-addon,.input-group-lg&gt;.input-group-btn&gt;select[multiple].btn{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg&gt;.form-control+.form-control-feedback,.input-group-lg&gt;.input-group-addon+.form-control-feedback,.input-group-lg&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm&gt;.form-control+.form-control-feedback,.input-group-sm&gt;.input-group-addon+.form-control-feedback,.input-group-sm&gt;.input-group-btn&gt;.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:&quot; &quot;;display:table}.form-horizontal .form-group:after{content:&quot; &quot;;display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open&gt;.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open&gt;.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open&gt;.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open&gt;.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open&gt;.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open&gt;.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=&quot;col-&quot;]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm&gt;.input-group-addon,.input-group-sm&gt;.input-group-btn&gt;.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg&gt;.input-group-addon,.input-group-lg&gt;.input-group-btn&gt;.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group&gt;.btn,.input-group-btn:first-child&gt;.dropdown-toggle,.input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child&gt;.btn-group:not(:last-child)&gt;.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group&gt;.btn,.input-group-btn:last-child&gt;.dropdown-toggle,.input-group-btn:first-child&gt;.btn:not(:first-child),.input-group-btn:first-child&gt;.btn-group:not(:first-child)&gt;.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn&gt;.btn{position:relative}.input-group-btn&gt;.btn+.btn{margin-left:-1px}.input-group-btn&gt;.btn:hover,.input-group-btn&gt;.btn:focus,.input-group-btn&gt;.btn:active{z-index:2}.input-group-btn:first-child&gt;.btn,.input-group-btn:first-child&gt;.btn-group{margin-right:-1px}.input-group-btn:last-child&gt;.btn,.input-group-btn:last-child&gt;.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination&gt;li{display:inline}.pagination&gt;li&gt;a,.pagination&gt;li&gt;span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination&gt;li:first-child&gt;a,.pagination&gt;li:first-child&gt;span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination&gt;li:last-child&gt;a,.pagination&gt;li:last-child&gt;span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination&gt;li&gt;a:hover,.pagination&gt;li&gt;a:focus,.pagination&gt;li&gt;span:hover,.pagination&gt;li&gt;span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination&gt;.active&gt;a,.pagination&gt;.active&gt;a:hover,.pagination&gt;.active&gt;a:focus,.pagination&gt;.active&gt;span,.pagination&gt;.active&gt;span:hover,.pagination&gt;.active&gt;span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination&gt;.disabled&gt;span,.pagination&gt;.disabled&gt;span:hover,.pagination&gt;.disabled&gt;span:focus,.pagination&gt;.disabled&gt;a,.pagination&gt;.disabled&gt;a:hover,.pagination&gt;.disabled&gt;a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg&gt;li&gt;a,.pagination-lg&gt;li&gt;span{padding:10px 16px;font-size:18px}.pagination-lg&gt;li:first-child&gt;a,.pagination-lg&gt;li:first-child&gt;span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg&gt;li:last-child&gt;a,.pagination-lg&gt;li:last-child&gt;span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm&gt;li&gt;a,.pagination-sm&gt;li&gt;span{padding:5px 10px;font-size:12px}.pagination-sm&gt;li:first-child&gt;a,.pagination-sm&gt;li:first-child&gt;span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm&gt;li:last-child&gt;a,.pagination-sm&gt;li:last-child&gt;span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:&quot; &quot;;display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:&quot; &quot;;display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{box-sizing:border-box;padding:0}input[type=&quot;number&quot;]::-webkit-inner-spin-button,input[type=&quot;number&quot;]::-webkit-outer-spin-button{height:auto}input[type=&quot;search&quot;]{-webkit-appearance:textfield;box-sizing:content-box}input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:&#39;&#39;;display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-left:1rem}li&gt;ul,li&gt;ol{margin-bottom:0}p{padding-top:.66001rem;-webkit-font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;font-feature-settings:&#39;kern&#39; 1,&#39;onum&#39; 1,&#39;liga&#39; 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;-webkit-font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-feature-settings:&#39;dlig&#39; 1,&#39;liga&#39; 1,&#39;lnum&#39; 1,&#39;kern&#39; 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}.g{display:block}.g:after{clear:both;content:&#39;&#39;;display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.open-menu&gt;.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:&quot;Ubuntu Mono&quot;,Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:&quot;&quot;;display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item&gt;a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open&gt;a{background-color:#1D212A}.menu .menu-item-icon&gt;a{height:auto;padding:0}.menu .menu-item-icon:hover&gt;a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open&gt;a{background-color:#373D49}.menu-sidebar .open .caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-sidebar&gt;.menu-item:hover .dropdown a,.menu-sidebar&gt;.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:&quot;&quot;;display:table;clear:both}.menu-sidebar .menu-link&gt;span{float:left}.menu-sidebar .menu-link&gt;.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:&quot;&quot;;display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url(&quot;../img/icons/file.svg&quot;);background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url(&quot;../img/icons/octocat.svg&quot;);background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings a{font-size:1.25rem;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:&quot;&quot;;display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:&#39;&#39;;left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;-webkit-transition:all .3s;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{-webkit-transform:rotate(45deg) translate(3px,3px);transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span{color:#000}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;-webkit-transition:all ease .2s;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:&#39;&#39;;width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger,.pagination--dillinger li{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination--dillinger li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child&gt;a,.pagination--dillinger li.disabled&gt;a,.pagination--dillinger li.disabled&gt;a:hover,.pagination--dillinger li.disabled&gt;a:focus,.pagination--dillinger li&gt;a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active&gt;a,.pagination--dillinger li.active&gt;a:hover,.pagination--dillinger li.active&gt;a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li&gt;a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li&gt;a:hover,.pagination--dillinger li&gt;a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url(&quot;../img/icons/enter-zen.svg&quot;);right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url(&quot;../img/icons/exit-zen.svg&quot;);right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:&quot;&quot;;position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:&quot;-&quot;;display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}.ad-container a::before{color:#A0AABF;content:&quot;Ad:  &quot;}.ad-container{display:block;float:left;max-width:38%;word-wrap:break-word}.ad-container a{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}.ad-container img{display:none}.split{overflow:scroll;padding:0!important}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:&quot;Ubuntu Mono&quot;,Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}#preview{padding:15px}#preview a{color:#A0AABF;text-decoration:underline}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;height:calc(100vh - 172px);-webkit-overflow-scrolling:touch;position:relative;top:0;width:50%}#editor{font-size:1rem}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group&gt;.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){.ad-container{max-width:30%}.ad-container a{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){.ad-container{max-width:27%}.ad-container a{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){.ad-container{max-width:24%}.ad-container a{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){.ad-container{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive&gt;.table{margin-bottom:0}.table-responsive&gt;.table&gt;thead&gt;tr&gt;th,.table-responsive&gt;.table&gt;thead&gt;tr&gt;td,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;th,.table-responsive&gt;.table&gt;tbody&gt;tr&gt;td,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;th,.table-responsive&gt;.table&gt;tfoot&gt;tr&gt;td{white-space:nowrap}.table-responsive&gt;.table-bordered{border:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:first-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:first-child{border-left:0}.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;thead&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr&gt;td:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;th:last-child,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr&gt;td:last-child{border-right:0}.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tbody&gt;tr:last-child&gt;td,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;th,.table-responsive&gt;.table-bordered&gt;tfoot&gt;tr:last-child&gt;td{border-bottom:0}}@media screen and (max-width:720px){.ad-container{max-width:50%}.ad-container a{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){.ad-container{max-width:40%}.ad-container a{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:6px 24px}}@media screen and (max-width:520px){.ad-container a{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){.ad-container{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}&lt;/style&gt;&lt;/head&gt;&lt;body id=&quot;preview&quot;&gt;
&lt;h1&gt;&lt;a id=&quot;Auto_start_mongodb_on_ubuntu_16x_LTS_0&quot;&gt;&lt;/a&gt;Auto start: mongodb on ubuntu 16.x LTS&lt;/h1&gt;
&lt;h1&gt;&lt;a id=&quot;create_a_service_script_3&quot;&gt;&lt;/a&gt;create a service script&lt;/h1&gt;
&lt;p&gt;(in this example the name of the service is Mongodb)&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;nano /lib/systemd/system/mongodb.service&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h1&gt;&lt;a id=&quot;File_content_should_be_8&quot;&gt;&lt;/a&gt;File content should be&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;[Unit]&lt;br&gt;
Description=MongoDB Database Service&lt;br&gt;
Wants=network.target&lt;br&gt;
After=network.target&lt;/p&gt;
&lt;p&gt;[Service]&lt;br&gt;
ExecStart=/usr/bin/mongod --config /etc/mongod.conf&lt;br&gt;
ExecReload=/bin/kill -HUP $MAINPID&lt;br&gt;
Restart=always&lt;br&gt;
User=mongodb&lt;br&gt;
Group=mongodb&lt;br&gt;
StandardOutput=syslog&lt;br&gt;
StandardError=syslog&lt;/p&gt;
&lt;p&gt;[Install]&lt;br&gt;
WantedBy=multi-user.target&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h1&gt;&lt;a id=&quot;Now_to_start_mongodb_26&quot;&gt;&lt;/a&gt;Now to start mongodb:&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;sudo systemctl start mongodb&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h1&gt;&lt;a id=&quot;To_stop_mongodb_service_use_30&quot;&gt;&lt;/a&gt;To stop mongodb service use:&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;sudo systemctl stop mongodb&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h1&gt;&lt;a id=&quot;To_enable_mongodb_on_startup_34&quot;&gt;&lt;/a&gt;To enable mongodb on startup&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;sudo systemctl enable mongodb.service&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h1&gt;&lt;a id=&quot;If_you_need_to_refresh_the_services_use_38&quot;&gt;&lt;/a&gt;If you need to refresh the services use:&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;sudo systemctl daemon-reload&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href=&quot;http://stackoverflow.com/questions/37014186/running-mongodb-on-ubuntu-16-04-lts&quot;&gt;원문- stackoverflow에서 참조&lt;/a&gt;&lt;/p&gt;
&lt;/body&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/3991859572800712170/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2016/12/auto-start-mongodb-on-ubuntu-16x-lts.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/3991859572800712170'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/3991859572800712170'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2016/12/auto-start-mongodb-on-ubuntu-16x-lts.html' title='Auto start: mongodb on ubuntu 16.x LTS'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-5618258564839446572</id><published>2016-09-01T18:18:00.002-07:00</published><updated>2016-09-01T18:18:54.772-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="profile"/><category scheme="http://www.blogger.com/atom/ns#" term="wifi"/><category scheme="http://www.blogger.com/atom/ns#" term="windows"/><category scheme="http://www.blogger.com/atom/ns#" term="와이파이"/><category scheme="http://www.blogger.com/atom/ns#" term="와이파이 설정"/><category scheme="http://www.blogger.com/atom/ns#" term="와이파이 프로필"/><category scheme="http://www.blogger.com/atom/ns#" term="윈도우"/><category scheme="http://www.blogger.com/atom/ns#" term="윈도우 설정"/><title type='text'>윈도우 wifi 프로필 삭제 방법!</title><content type='html'>&lt;b&gt;cmd /k netsh wlan show profiles&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Wi-Fi 인터페이스의 프로필:&lt;br /&gt;
&lt;br /&gt;
그룹 정책 프로필(읽기 전용)&lt;br /&gt;
---------------------------------&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;lt;없음&amp;gt;&lt;br /&gt;
&lt;br /&gt;
사용자 프로필&lt;br /&gt;
-------------&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 모든 사용자 프로필 : asdanc_dev&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 모든 사용자 프로필 : xxasd8&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 현재 사용자 프로필 : eansss00&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 현재 사용자 프로필 : iptime&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;b&gt;netsh wlan delete profile name=&quot;무선네트워크이름&quot;&lt;/b&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
C:\windows\system32&amp;gt;netsh wlan delete profile name=&quot;iptime&quot;&lt;br /&gt;
&quot;Wi-Fi&quot; 인터페이스에서 &quot;iptime&quot; 프로필이 삭제되었습니다.&lt;br /&gt;
&lt;br /&gt;
C:\windows\system32&amp;gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/5618258564839446572/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2016/09/wifi.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/5618258564839446572'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/5618258564839446572'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2016/09/wifi.html' title='윈도우 wifi 프로필 삭제 방법!'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-6031338082892898613</id><published>2016-05-29T17:32:00.001-07:00</published><updated>2016-05-29T17:32:24.731-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="jeus"/><category scheme="http://www.blogger.com/atom/ns#" term="was"/><category scheme="http://www.blogger.com/atom/ns#" term="webserver.와스"/><category scheme="http://www.blogger.com/atom/ns#" term="webtobe"/><category scheme="http://www.blogger.com/atom/ns#" term="웹서버"/><category scheme="http://www.blogger.com/atom/ns#" term="웹투비"/><category scheme="http://www.blogger.com/atom/ns#" term="제우스"/><title type='text'>jeus 명령서 모음(웹투비 포함)</title><content type='html'>&lt;br /&gt;
제우스 시작(제우스 계정을 로그인한 경우는 명령어만)&lt;br /&gt;
jboot : jeus -xml -Uadministrator -Pjeusadmin (bat또는 sh 파일 내용으로 jeusadmin은 설치시 입력한 패스워드)&lt;br /&gt;
제우스 종료&lt;br /&gt;
jdown : jeusadmin [nodename] -Uadministrator -Pjeusadmin jeusexit&lt;br /&gt;
제우스 어드민(관리모드접속)&lt;br /&gt;
ja : jeusadmin [nodename]-Uadministrator -Pjeusadmin&lt;br /&gt;
&lt;br /&gt;
&amp;lt;명령어 목록&amp;gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;conlist : 컨테이너 목록 조회&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;pidlist : 컨테이너별 PID 조회&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;downcon &amp;lt;컨테이너명&amp;gt;: 해당 컨테이너 중지&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;startncon &amp;lt;컨테이너명&amp;gt;: 해당 컨테이너 시작&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;setcon 컨테이너 일련번호: 해당 컨테이너 선택&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;ti : 해당 컨테이너 쓰레드 상태(active,wait,idel등..) 조회&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;st -m : 해당 컨테이너 &amp;nbsp;JVM Memory &amp;nbsp;현황(할당량 대비 사용량) 조회&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;st -r : 해당 컨테이너로 들어온 요청 Count 와 평균처리시간 등 조회&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: yellow;&quot;&gt;st -s : 해당 컨테이너가 현재 유지하고 있는 세션 객체 수&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
웹투비 시작 : wsboot&lt;br /&gt;
웹투비 종류 : wsdown&lt;br /&gt;
웹투비 어드민(관리모드접속) : wsadmin&lt;br /&gt;
&lt;br /&gt;
&amp;lt;명령어 목록&amp;gt;&lt;br /&gt;
ci: 요청에 대한 현재 클라이언트 정보를 표시한다. HTH당 접속한 클라이언트의 KeepAlive 되어있는 개수를 보여준다. WebtoB단에 요청을 보내고 HTTP Session의 KeepAliveTimeout 전까지 유지되고 있는 클라이언트의 총 개수 정보이다.&lt;br /&gt;
ci -s: 현재 클라이언트의 전체 수를 표시한다.&lt;br /&gt;
si: 웹서버 환경설정 파일에서 *SERVER 절에 선언한 서버들의 수행정보를 보여준다.&lt;br /&gt;
st -s: 웹서버 환경설정 파일에서 *SERVER, *URI, *EXT 절에 설정한 서비스의 상태가 보인다.&lt;br /&gt;
st -p: WebtoB 프로세스의 상태를 표시한다. 주로 JEUS-WebtoB간 연동 상태를 확인할 때 사용한다</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/6031338082892898613/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2016/05/jeus.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/6031338082892898613'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/6031338082892898613'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2016/05/jeus.html' title='jeus 명령서 모음(웹투비 포함)'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-2008984634880476762</id><published>2015-06-24T18:13:00.002-07:00</published><updated>2015-06-24T18:13:45.717-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="자바"/><category scheme="http://www.blogger.com/atom/ns#" term="자바스크립트"/><category scheme="http://www.blogger.com/atom/ns#" term="제이쿼리"/><title type='text'>jquery에서 페이지 동적 로드 시 css 적용문제 해결하기</title><content type='html'>&lt;h3 align=&quot;left&quot; id=&quot;sites-page-title-header&quot;&gt;
&lt;span dir=&quot;ltr&quot; id=&quot;sites-page-title&quot; style=&quot;outline: none;&quot; tabindex=&quot;-1&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;/h3&gt;
jquery에서 post나 get등을 통해서 페이지를 로딩하고 이를 div등을 통해 출력시 css가 적용이 안되는 문제가 발생하는 경우에&amp;nbsp;  trigger(&quot;create&quot;)를 붙여주면 css가 적용된다.~&lt;br /&gt;
&lt;br /&gt;&lt;div&gt;
==&amp;gt;&amp;nbsp; $(&#39;#list&#39;).html(data).trigger(&quot;create&quot;);&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/2008984634880476762/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2015/06/jquery-css.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/2008984634880476762'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/2008984634880476762'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2015/06/jquery-css.html' title='jquery에서 페이지 동적 로드 시 css 적용문제 해결하기'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-6711699855806039471</id><published>2015-05-11T22:14:00.002-07:00</published><updated>2015-05-11T22:14:51.073-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="MS"/><category scheme="http://www.blogger.com/atom/ns#" term="MSoffice2013"/><category scheme="http://www.blogger.com/atom/ns#" term="outlook"/><category scheme="http://www.blogger.com/atom/ns#" term="outlook 2013"/><category scheme="http://www.blogger.com/atom/ns#" term="가져오기"/><category scheme="http://www.blogger.com/atom/ns#" term="내보내기"/><category scheme="http://www.blogger.com/atom/ns#" term="아웃룩 주소관리"/><category scheme="http://www.blogger.com/atom/ns#" term="아웃룻"/><category scheme="http://www.blogger.com/atom/ns#" term="엠에스 아웃룩"/><category scheme="http://www.blogger.com/atom/ns#" term="이메일 사용"/><category scheme="http://www.blogger.com/atom/ns#" term="이메일관리"/><category scheme="http://www.blogger.com/atom/ns#" term="임포트"/><category scheme="http://www.blogger.com/atom/ns#" term="주소관리"/><title type='text'>outlook2013 cvs 주소 관리 하기(MS 아웃룩 주소 관리)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
아웃룩 주소관리 하기 CVS사용 &lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcHxUXAFqnltPUmzZAqvJ1M18yAD_AoynUowqeRnBC6xPIfUaKQoWekytrzeAIC5x072yOcqDstftD379tEPPtfhlt0E_WJfL3vV1U3wPKDHPJO1BoMzBOf4S0bis6uE8OTh-XLDan2Yvx/s320/1.PNG&quot; width=&quot;270&quot; /&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
1. 열기&amp;nbsp; 및 내보내기 클릭 - 가져오기/내보내기 선택 &lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuYxQJYqUoNNakyj_Aa0r57HP108kdpnLIRHsQAy5Esc_b-vZNwaI_vcPPWEwaRNKSPkqte17NhI-0olY_PBnwsxyCiBpf6R3DzPwqeDJlviLshej9kYaJJHuc0C8_ZdJCGbTOmLIU3Y_/s1600/2.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;280&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuYxQJYqUoNNakyj_Aa0r57HP108kdpnLIRHsQAy5Esc_b-vZNwaI_vcPPWEwaRNKSPkqte17NhI-0olY_PBnwsxyCiBpf6R3DzPwqeDJlviLshej9kYaJJHuc0C8_ZdJCGbTOmLIU3Y_/s320/2.PNG&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
2.가져오기 - 다른 프로그램이나 파일&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifmarMydcOpiDpx4FxzZgAEcN8A_J3CksPC6C92dXcpjXI4xwEwy9YlbI1D8cYLCwkugT2z26i7tOM7pm3sfW7OHsvxsG89XrAsJKsVSog6FdvsSJ4vXDjML4sWlNU4RGQd9XA4xONTsxy/s1600/3.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;222&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifmarMydcOpiDpx4FxzZgAEcN8A_J3CksPC6C92dXcpjXI4xwEwy9YlbI1D8cYLCwkugT2z26i7tOM7pm3sfW7OHsvxsG89XrAsJKsVSog6FdvsSJ4vXDjML4sWlNU4RGQd9XA4xONTsxy/s320/3.PNG&quot; width=&quot;320&quot; /&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
3. 쉼표로 구분된 값(CVS파일) &lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4f6IiL7cks5Mlt5RE5Gs_OXUZy8Akr53jRUwv_jMPF9_vflyTPT6Z3YGdS4VyuJkhnrFCHJgUrPcXTQWtfzi8rIplsS_WnQUzZVOswnmm1c8BpmGALi0nnXSJAUNefjZMy0XxT9QhpQ4_/s1600/4.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;221&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4f6IiL7cks5Mlt5RE5Gs_OXUZy8Akr53jRUwv_jMPF9_vflyTPT6Z3YGdS4VyuJkhnrFCHJgUrPcXTQWtfzi8rIplsS_WnQUzZVOswnmm1c8BpmGALi0nnXSJAUNefjZMy0XxT9QhpQ4_/s320/4.PNG&quot; width=&quot;320&quot; /&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
4. 파일 경로 선택 &lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMqUJYULp9WjdphwKWWbYvWIDHB1uf-OwpuqIOgvoqM5CGVf3ZCvMZ2vbLJwjcciuKk0Vb31-bKDO-V4RZ8F77v-A8X0FhSv0tC3KW3WiL2IQu7sCJ6LljCxNSaAUQri2bSFMFZ5qhgI2G/s1600/5.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;220&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMqUJYULp9WjdphwKWWbYvWIDHB1uf-OwpuqIOgvoqM5CGVf3ZCvMZ2vbLJwjcciuKk0Vb31-bKDO-V4RZ8F77v-A8X0FhSv0tC3KW3WiL2IQu7sCJ6LljCxNSaAUQri2bSFMFZ5qhgI2G/s320/5.PNG&quot; width=&quot;320&quot; /&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&amp;nbsp;5. 받은 편지함 선택 &lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSrnrtZ7gcRsOAdLYiyNytTzLBFjgIyZdi14d2IKMH0GmPvHHoiKxEjq5Oom_9oe6_lonzVBK-cOmKJF9mzQ96IvPEh8eOtYnO_6kj3jZxV_31-CUbeUa2Fg9tYgdBwJ0rA6S9VMRtsiwR/s1600/6.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;219&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSrnrtZ7gcRsOAdLYiyNytTzLBFjgIyZdi14d2IKMH0GmPvHHoiKxEjq5Oom_9oe6_lonzVBK-cOmKJF9mzQ96IvPEh8eOtYnO_6kj3jZxV_31-CUbeUa2Fg9tYgdBwJ0rA6S9VMRtsiwR/s320/6.PNG&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&amp;nbsp;6. CVS파일의 필드를 매핑 작업  &lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWhZUwlsKNfIX5DUI8GiiQvXY6apzBkgQa6GplapixiTttHcuHpIa4UMjZ0JYUZHvbXmXfQFjh6AnD3YSGOX7U4VS_Ns1MNLN2nLaNdUUozIGKs5elyuhLaoC1h1DdNByONneld6yjipa/s1600/7.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;221&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWhZUwlsKNfIX5DUI8GiiQvXY6apzBkgQa6GplapixiTttHcuHpIa4UMjZ0JYUZHvbXmXfQFjh6AnD3YSGOX7U4VS_Ns1MNLN2nLaNdUUozIGKs5elyuhLaoC1h1DdNByONneld6yjipa/s320/7.PNG&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
7. CVS의 칼럼값을 원하는 칼럼으로 맞춰준다 &lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwUzJRRUY6KB1SbrlCKgHaSqFODtnwQDmYTvTtKBhMtlcEzuHePffxk8iHbJoCh_cUpXXiIjLDEgiVBBgFZLRwboN7VwkbASfng6D6-4GMwjXIxYX0IIIX5bQLziuiYelc7OrJhQe7Koc/s1600/8.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;281&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwUzJRRUY6KB1SbrlCKgHaSqFODtnwQDmYTvTtKBhMtlcEzuHePffxk8iHbJoCh_cUpXXiIjLDEgiVBBgFZLRwboN7VwkbASfng6D6-4GMwjXIxYX0IIIX5bQLziuiYelc7OrJhQe7Koc/s320/8.PNG&quot; width=&quot;320&quot; /&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
8. 확인을 누르면 주소록에 추가되어 있다! &lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOOuJmUu89eE5t0UwY_FwANBezxGpRSD8ynwfcvgFYOHje1m9yBshkhcmw7DZzctl66_TXgJF9SV1PXPT4W_nDy5ibATM2Q6FtiCzI3QQQScEHu6o6yvSpzcXcE7A6HYxNWdzbkAnO0AG/s1600/9.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;93&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOOuJmUu89eE5t0UwY_FwANBezxGpRSD8ynwfcvgFYOHje1m9yBshkhcmw7DZzctl66_TXgJF9SV1PXPT4W_nDy5ibATM2Q6FtiCzI3QQQScEHu6o6yvSpzcXcE7A6HYxNWdzbkAnO0AG/s320/9.PNG&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/6711699855806039471/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2015/05/outlook2013-cvs-ms.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/6711699855806039471'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/6711699855806039471'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2015/05/outlook2013-cvs-ms.html' title='outlook2013 cvs 주소 관리 하기(MS 아웃룩 주소 관리)'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcHxUXAFqnltPUmzZAqvJ1M18yAD_AoynUowqeRnBC6xPIfUaKQoWekytrzeAIC5x072yOcqDstftD379tEPPtfhlt0E_WJfL3vV1U3wPKDHPJO1BoMzBOf4S0bis6uE8OTh-XLDan2Yvx/s72-c/1.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-1331476630796570464</id><published>2015-05-06T01:13:00.000-07:00</published><updated>2015-05-06T01:13:30.964-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="dir"/><category scheme="http://www.blogger.com/atom/ns#" term="du"/><category scheme="http://www.blogger.com/atom/ns#" term="find"/><category scheme="http://www.blogger.com/atom/ns#" term="folder"/><category scheme="http://www.blogger.com/atom/ns#" term="linux"/><category scheme="http://www.blogger.com/atom/ns#" term="size"/><category scheme="http://www.blogger.com/atom/ns#" term="리눅스"/><category scheme="http://www.blogger.com/atom/ns#" term="용량확인"/><category scheme="http://www.blogger.com/atom/ns#" term="폴더용량"/><category scheme="http://www.blogger.com/atom/ns#" term="하드용량"/><title type='text'>리눅스 특정크기 파일 찾기</title><content type='html'>find /home -size +100000000c //100메가 이상의 파일 찾기&lt;br /&gt;
&lt;br /&gt;
du -s 폴더명 //하위 폴더 사이즈 확인&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/1331476630796570464/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2015/05/blog-post.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/1331476630796570464'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/1331476630796570464'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2015/05/blog-post.html' title='리눅스 특정크기 파일 찾기'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-1904134802241269863</id><published>2015-04-24T03:44:00.000-07:00</published><updated>2015-04-24T03:44:23.191-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="amazon"/><category scheme="http://www.blogger.com/atom/ns#" term="androidphone"/><category scheme="http://www.blogger.com/atom/ns#" term="firephone"/><category scheme="http://www.blogger.com/atom/ns#" term="아마존"/><category scheme="http://www.blogger.com/atom/ns#" term="안드로이드"/><category scheme="http://www.blogger.com/atom/ns#" term="업데이트"/><category scheme="http://www.blogger.com/atom/ns#" term="파이어폰"/><title type='text'>아마존 파이어폰 firephone 4.6.1 업데이트 </title><content type='html'>다운로드 &lt;a href=&quot;http://fire-phone-updates.s3.amazonaws.com/update-fire-phone-32.4.6.1_user_461013320.bin&quot; target=&quot;_blank&quot;&gt;firephone 4.6.1&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
업데이트 내역입니다.&lt;br /&gt;
1. 월페이퍼&lt;br /&gt;&lt;br /&gt;2. 락 스크린 노티가 향상&lt;br /&gt;&lt;br /&gt;3. 스마트 다이얼러&lt;br /&gt;&lt;br /&gt;4. 디폴트 SMS/MMS와 키보드 앱 변경&lt;br /&gt;
&lt;br /&gt;5. 새로운 데브 옵션 생겼습니다.&lt;br /&gt;&lt;br /&gt;6. 위젯동작 잘됨&lt;br /&gt;
&lt;br /&gt;7. cellular data 토글 스위치가 가능합니다. &lt;br /&gt;&lt;br /&gt;8. 새로운 이모티콘 추가되었습니다.&lt;br /&gt;&lt;br /&gt;9. 아이콘 알람&lt;br /&gt;&lt;br /&gt;10. 사운드와 알람 설정 업데이트&lt;br /&gt;
&lt;br /&gt;
다운받고 안드로이드&amp;nbsp; / 위치에 복사 데이터 끄고 메뉴 들어가서 업데이트 실행하면 끝!&lt;br /&gt;
&lt;br /&gt;
참조 : http://www.clien.net/cs2/bbs/board.php?bo_table=lecture&amp;amp;wr_id=268185</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/1904134802241269863/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2015/04/firephone-461.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/1904134802241269863'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/1904134802241269863'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2015/04/firephone-461.html' title='아마존 파이어폰 firephone 4.6.1 업데이트 '/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-25875567799881465</id><published>2015-04-20T01:30:00.001-07:00</published><updated>2015-04-20T01:30:48.040-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="oracle"/><category scheme="http://www.blogger.com/atom/ns#" term="pivot"/><category scheme="http://www.blogger.com/atom/ns#" term="query"/><category scheme="http://www.blogger.com/atom/ns#" term="sql"/><category scheme="http://www.blogger.com/atom/ns#" term="오라클"/><category scheme="http://www.blogger.com/atom/ns#" term="쿼리"/><category scheme="http://www.blogger.com/atom/ns#" term="피봇"/><title type='text'>오라클 PIVOT(피봇)함수 사용예제</title><content type='html'>&lt;span style=&quot;font-size: x-small;&quot;&gt;1. 미사용&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;WITH TEST AS (&lt;br /&gt;SELECT 1 CNT, 100 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 2 CNT, 105 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 3 CNT, 210 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 1 CNT, 550 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 2 CNT, 700 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 3 CNT, 700 WON FROM DUAL)&lt;br /&gt;SELECT CNT&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; , SUM(WON) WON&lt;br /&gt;FROM TEST&lt;br /&gt;GROUP BY CNT&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;2. 사용&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;WITH TEST AS (&lt;br /&gt;&lt;span id=&quot;callbacknestjavayotistorycom183661&quot; style=&quot;float: right; height: 1px; width: 1px;&quot;&gt;&lt;/span&gt;SELECT 1 CNT, 100 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 2 CNT, 105 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 3 CNT, 210 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 1 CNT, 550 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 2 CNT, 700 WON FROM DUAL UNION ALL&lt;br /&gt;SELECT 3 CNT, 700 WON FROM DUAL)&lt;br /&gt;SELECT *&lt;br /&gt;FROM ( (SELECT CNT, WON&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; FROM TEST)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; PIVOT( SUM(WON)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; FOR CNT IN(1,2,3)&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; )&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; )&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;txc-table&quot; style=&quot;background-color: white; border-collapse: collapse; border-spacing: 0px; border: medium none; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; width: 200px; word-spacing: 0px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;border: 1px solid rgb(204, 204, 204); height: 24px; width: 198px;&quot;&gt;&lt;div style=&quot;margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;1&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;td style=&quot;border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204); height: 24px; width: 198px;&quot;&gt;&lt;div style=&quot;margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;2&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;td style=&quot;border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204); height: 24px; width: 198px;&quot;&gt;&lt;div style=&quot;margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;3&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); height: 24px; width: 198px;&quot;&gt;&lt;div style=&quot;margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;650&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;td style=&quot;border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); height: 24px; width: 198px;&quot;&gt;&lt;div style=&quot;margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;805&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;td style=&quot;border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); height: 24px; width: 198px;&quot;&gt;&lt;div style=&quot;margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;910&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #666666; font-family: 돋움; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-bottom: 0px ! important; margin-top: 0px ! important; padding-bottom: 0px ! important; padding-top: 0px ! important; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/25875567799881465/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2015/04/pivot.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/25875567799881465'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/25875567799881465'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2015/04/pivot.html' title='오라클 PIVOT(피봇)함수 사용예제'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-8719337716653553213</id><published>2015-04-20T00:34:00.000-07:00</published><updated>2015-04-20T00:34:04.436-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="function"/><category scheme="http://www.blogger.com/atom/ns#" term="oracle"/><category scheme="http://www.blogger.com/atom/ns#" term="query"/><category scheme="http://www.blogger.com/atom/ns#" term="row"/><category scheme="http://www.blogger.com/atom/ns#" term="row_number"/><category scheme="http://www.blogger.com/atom/ns#" term="sql"/><category scheme="http://www.blogger.com/atom/ns#" term="그룹별"/><category scheme="http://www.blogger.com/atom/ns#" term="로우넘"/><category scheme="http://www.blogger.com/atom/ns#" term="에스큐엘"/><category scheme="http://www.blogger.com/atom/ns#" term="오라클"/><category scheme="http://www.blogger.com/atom/ns#" term="쿼리"/><category scheme="http://www.blogger.com/atom/ns#" term="함수"/><title type='text'>SQL A ,B 그룹별 A,B의 출력을 상위 2개만 출력하기 </title><content type='html'>&lt;div style=&quot;font-family: Tahoma,굴림; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;color: #e69138;&quot;&gt;ROW_NUMBER() 응용예제&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Tahoma,굴림; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Tahoma,굴림; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;color: #e69138;&quot;&gt;A ,B 그룹별 A,B의 출력을 상위 2개만 출력하기&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Tahoma,굴림; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Tahoma,굴림; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;color: #e69138;&quot;&gt;SELECT A,B FROM&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;SELECT A, B,&lt;br /&gt;&amp;nbsp;ROW_NUMBER() OVER(PARTITION BY A ORDER BY B) rn&lt;br /&gt;&amp;nbsp;FROM TESTS&lt;br /&gt;)&lt;br /&gt;WHERE rn &amp;lt;= 2;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Tahoma,굴림; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;color: #e69138;&quot;&gt;또는&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Tahoma,굴림; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;color: #e69138;&quot;&gt;SELECT A,B FROM&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;SELECT A,B,&lt;br /&gt;&amp;nbsp;ROW_NUMBER() OVER(PARTITION BY A ORDER BY A,B) RM FROM TESTS GROUP BY A,B&lt;br /&gt;) WHERE RM &amp;lt;= 2;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Tahoma,굴림; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;span style=&quot;color: #e69138;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/8719337716653553213/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2015/04/sql-b-ab-2.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/8719337716653553213'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/8719337716653553213'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2015/04/sql-b-ab-2.html' title='SQL A ,B 그룹별 A,B의 출력을 상위 2개만 출력하기 '/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8865151402897125958.post-938075313174548734</id><published>2015-04-19T18:39:00.001-07:00</published><updated>2015-04-19T18:39:23.831-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="checkout"/><category scheme="http://www.blogger.com/atom/ns#" term="ios"/><category scheme="http://www.blogger.com/atom/ns#" term="svn"/><category scheme="http://www.blogger.com/atom/ns#" term="xcode"/><category scheme="http://www.blogger.com/atom/ns#" term="소스커밋"/><category scheme="http://www.blogger.com/atom/ns#" term="아이폰"/><category scheme="http://www.blogger.com/atom/ns#" term="에스브이엔"/><category scheme="http://www.blogger.com/atom/ns#" term="엑스코드"/><category scheme="http://www.blogger.com/atom/ns#" term="체크아웃"/><category scheme="http://www.blogger.com/atom/ns#" term="커밋"/><title type='text'>Xcode 5, SVN관련</title><content type='html'>&lt;a href=&quot;http://stackoverflow.com/questions/18894195/xcode-5-export-project-to-svn-repository&quot; target=&quot;_blank&quot;&gt;Xcode 5, Export Project to SVN repository&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
xcode에서 svn 체크아웃관련&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://yangk2.blogspot.com/feeds/938075313174548734/comments/default' title='댓글'/><link rel='replies' type='text/html' href='http://yangk2.blogspot.com/2015/04/xcode-5-svn.html#comment-form' title='0개의 덧글'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/938075313174548734'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8865151402897125958/posts/default/938075313174548734'/><link rel='alternate' type='text/html' href='http://yangk2.blogspot.com/2015/04/xcode-5-svn.html' title='Xcode 5, SVN관련'/><author><name>MAK코딩</name><uri>http://www.blogger.com/profile/06198240577431915173</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>