@charset "UTF-8";

div.callbacker { position: fixed; z-index: 100000; background: rgba(255, 255, 255, 0.3); left: 0; right: 0; top: 0; bottom: 0; }
div.callbacker > div.previewer { display: none; }
div.callbacker > div.mini { display: none; }
div.callbacker > div.maxi { position: absolute; left: 0.45rem; right:0.45rem; top: 0.45rem; bottom: 0.45rem; }
div.callbacker > div div.caption { background-color: #1276c6; border-radius: 0.25rem; overflow: hidden; padding: 0.5rem; height: 2rem; line-height: 2rem; text-align: center; box-shadow: 0px 0px 5px #222222; }
div.callbacker > div div.caption > a { position: absolute; display: block; right: 0; top: 0; width: 1.7rem; height: 1.7rem; background: center center no-repeat url('close.png'); background-size: 0.55rem 0.55rem; cursor: pointer; pointer-events: visiblePainted; }
div.callbacker > div div.caption > a:HOVER { background-image: url('close-a.png'); }
div.callbacker > div div.caption div { display: inline-block; vertical-align: middle; line-height: 2rem; }
div.callbacker > div div.caption div h1 { margin: 0; padding: 0; color: white; font-size: 0.8rem; line-height: 1rem; font-weight: 400; }
div.callbacker > div div.caption div h2 { display: none; }

div.callbacker > div div.content { background-color: white; border-radius: 0.25rem; overflow: hidden; position: absolute; left: 0; right: 0; top: 3.5rem; bottom: 0; box-shadow: 0 0 0.25rem #222222; }
div.callbacker > div div.content div.menu { position: absolute; margin: 0; padding: 0; left: 0; right: 0; top: 0; height: 1.5rem; overflow: hidden; text-align: center; }
div.callbacker > div div.content div.menu ul { margin: 0; padding: 0; display: inline-block; list-style: none; }
div.callbacker > div div.content div.menu ul li { display: inline-block; padding: 0; margin: 0.3rem 0.3rem 0.3rem 0.3rem; width: 0.5rem; height: 0.5rem; border: 1px solid #e0e0e0; background-color: white; border-radius: 0.25rem; box-shadow: 0px 0px 5px #222222; }
div.callbacker > div div.content div.menu ul li.active { border: 1px solid #0d548e; background-color: #1276C6; }
div.callbacker > div div.content div.menu ul li.required { border: 1px solid #ff8888; background-color: #ffb7b7; }
div.callbacker > div div.content div.menu ul li.active.required { border: 1px solid #b90000; background-color: #f00000; }
div.callbacker > div div.content div.menu ul li label { display: none; }
div.callbacker > div div.content div.menu ul li span { display: none; }
div.callbacker > div div.content div.menu ul li a { display: none; }

div.callbacker > div div.content div.tabs { position: absolute; left: 0; right: 0; top: 1.5rem; bottom: 0; }
div.callbacker > div div.content div.tabs > div { display: none; }
div.callbacker > div div.content div.tabs > div.active { display: block; width: 100%; height: 100%; position: relative; font-size: 0.8rem; }
div.callbacker > div div.content div.tabs > div > div:first-child { position: absolute; left: 0.5rem; right: 0.5rem; top: 0.5rem; bottom: 2.2rem; overflow-y: auto; }
div.callbacker > div div.content div.tabs > div > div:last-child { position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0.5rem; height: 1.7rem; line-height: 1.7rem; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
div.callbacker > div div.content div.tabs > div > div:last-child a { display: block; color: white; background-color: #1276C6; cursor: pointer; width: 49%; border-radius: 5px; font-size: 1rem; text-align: center; vertical-align: middle; }
div.callbacker > div div.content div.tabs > div > div:last-child a:first-child { float: left; }
div.callbacker > div div.content div.tabs > div > div:last-child a:last-child { float: right; }

div.callbacker > div div.content div.tabs h1 { margin: 0.25rem 0 0.25rem 0; padding: 0; font-size: 1.1rem; font-weight: 500; color: #1276C6; text-align: center; white-space: pre-wrap; }
div.callbacker > div div.content div.tabs h1.comm { font-size: 0.7rem; font-weight: 400; text-align: justify; color: #3e3e3e; }
div.callbacker > div div.content div.tabs h2 { margin: 0.5rem 0 0.25rem 0; padding: 0; font-size: 0.9rem; font-weight: 400; color: #1276C6; text-align: left; white-space: pre-wrap; }
div.callbacker > div div.content div.tabs h2 span { color: red; margin: 0 0.25rem 0 0.25rem; }
div.callbacker > div div.content div.tabs h3 { margin: 0.25rem 0 0.25rem 0; padding: 0; font-size: 0.7rem; line-height: 0.9rem; font-weight: 400; color: #3e3e3e; text-align: justify; white-space: pre-wrap; }
div.callbacker > div div.content div.tabs h3.hid { position: relative; height: 0.9rem; overflow: hidden; }
div.callbacker > div div.content div.tabs h3.hid:after { display: block; content: ""; height: 0.9rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #ffffff 80%); }

div.callbacker > div div.content div.window { display: none; }

div.callbacker > div div.content div.answer { display: none; flex: auto; -webkit-flex: auto; position: relative; width: 100%; height: 100%; }
div.callbacker > div div.content div.answer img.loader { display: block; position: absolute; width: 3rem; height: 3rem; top: 50%; left: 50%; margin: -1.5rem 0 0 -1.5rem; }
div.callbacker > div div.content div.answer > div:first-child { position: absolute; left: 0.5rem; right: 0.5rem; top: 0.5rem; bottom: 2.2rem; overflow-y: auto; }
div.callbacker > div div.content div.answer > div:first-child > h1 { margin: 0.25rem 0 0.5rem 0; padding: 0; font-size: 1.1rem; font-weight: 500; color: #1276C6; text-align: center; white-space: pre-wrap; }
div.callbacker > div div.content div.answer > div:first-child > p { margin: 0.5rem 0 0.5rem 0; padding: 0; font-size: 0.9rem; white-space: pre-wrap; text-align: justify; }
div.callbacker > div div.content div.answer > div:last-child { position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0.5rem; height: 1.7rem; text-align: right; line-height: 1.7rem; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
div.callbacker > div div.content div.answer > div:last-child a { margin: 0 0.5rem 0 0.5rem; font-size: 1rem; padding: 0 1rem 0 1rem; color: #1276C6; cursor: pointer; }

div.callbacker.minimize { position: fixed; z-index: 10000; background: none; left: 0.45rem; right: 0.45rem; top: 0.5rem; height: 2.5rem; }
div.callbacker.minimize > div.mini { position: relative; display: block; border-radius: 0.25rem; overflow: hidden; box-shadow: 0px 0px 0.25rem #222222; background-color: #1276c6; }
div.callbacker.minimize > div.mini h1 { display: block; margin: 0 2rem 0 0; padding: 0.25rem; line-height: 1.5rem; text-align: center; color: white; font-size: 0.8rem; font-weight: 400; }
div.callbacker.minimize > div.mini a { position: absolute; display: block; right: 0; top: 0; width: 1.7rem; height: 1.7rem; background: center center no-repeat url('close.png'); cursor: pointer; pointer-events: visiblePainted; }
div.callbacker.minimize > div.mini a:HOVER { background-image: url('close-a.png'); }
div.callbacker.minimize > div.maxi { display: none; }

div.callbacker input[type=text] { width: 100%; border: 0; font-size: 0.8rem; color: black; height: 1.1rem; }
div.callbacker input[type=text]:focus { border: 0; outline: 0; }
div.callbacker textarea { width: 100%; border: 0; font-size: 0.8rem; color: black; resize: none; height: 1.1rem; }
div.callbacker textarea:focus { border: 0; outline: 0; }
div.callbacker textarea.line2 { height: 2.2rem; }
div.callbacker textarea.line3 { height: 3.3rem; }
div.callbacker textarea.line4 { height: 4.4rem; }
div.callbacker textarea.line5 { height: 5.5rem; }
div.callbacker textarea.line6 { height: 6.6rem; }
div.callbacker > div div.content div.tabs div.wide { margin: 0.1rem; border: 1px solid #a8a8a8; }
div.callbacker > div div.content div.tabs div.wide div { margin: 0.2rem; }
div.callbacker > div div.content div.tabs div.wide.req { border: 1px solid red; }

div.callbacker.preview > div.previewer { display: block; position: absolute; left: 0.45rem; right:0.45rem; top: 0.45rem; bottom: 0.45rem; }
div.callbacker.preview > div.mini { display: none; }
div.callbacker.preview > div.maxi { display: none; }

div.callbacker > div.previewer > div.content > div:first-child { position: absolute; left: 0.5rem; right: 0.5rem; top: 0.5rem; bottom: 2.2rem; }
div.callbacker > div.previewer > div.content > div:last-child { position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0.5rem; height: 1.7rem; line-height: 1.7rem; text-align: center; vertical-align: middle; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
div.callbacker > div.previewer > div.content > div:last-child > a { display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 50%; font-size: 1rem; text-align: center; vertical-align: middle; color: white; background-color: #1276C6; border-radius: 5px; cursor: pointer; }
div.callbacker > div.previewer > div.content > div:last-child p { display: none; }