@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: 50%; margin-left: -500px; width: 1000px; top: 10%; bottom: 10%; }
div.callbacker > div div.caption { background-color: #1276c6; border-radius: 10px; overflow: hidden; padding: 10px; height: 80px; line-height: 80px; text-align: center; box-shadow: 0 0 5px #222222; }
div.callbacker > div div.caption > a { position: absolute; display: block; right: 0; top: 0; width: 34px; height: 34px; background: center center no-repeat url('close.png'); 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: 24px; }
div.callbacker > div div.caption div h1 { margin: 0; padding: 0; color: white; font-size: 22px; font-weight: 500; }
div.callbacker > div div.caption div h2 { margin: 0; padding: 0; color: white; font-size: 16px; }

div.callbacker > div div.content { background-color: white; border-radius: 10px; overflow: hidden; position: absolute; left: 0; right: 0; top: 110px; bottom: 0; box-shadow: 0 0 5px #222222; display: -ms-flex; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
div.callbacker > div div.content div.menu { border-right: 1px solid #a8a8a8; padding: 20px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: auto; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
div.callbacker > div div.content div.menu ul { font-size: 16px; margin: 0; padding: 0 0 0 20px; }
div.callbacker > div div.content div.menu ul li { color: black; position: relative; padding: 5px 40px 5px 0; margin: 5px 0 5px 0; cursor: pointer; }
div.callbacker > div div.content div.menu ul li span { color: red; font-weight: bold; margin: 5px; }
div.callbacker > div div.content div.menu ul li a { position: absolute; background-color: #1276C6; color: white; right: 0; top: 10px; padding: 2px 5px 2px 5px; font-size: 12px; border-radius: 5px; display: none; }
div.callbacker > div div.content div.menu ul li a.filled { display: inline-block; }
div.callbacker > div div.content div.menu ul li.active { color: #1276C6; }
div.callbacker > div div.content div.menu ul li.required { border-bottom: 1px dashed red; }
div.callbacker > div div.content div.tabs { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; height: 100%; }
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; }
div.callbacker > div div.content div.tabs > div > div:first-child { position: absolute; left: 0; right: 0; top: 0; bottom: 50px; padding: 20px 20px 0 20px; overflow-y: auto; }
div.callbacker > div div.content div.tabs > div > div:last-child { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; text-align: right; vertical-align:middle; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
div.callbacker > div div.content div.tabs > div > div:last-child a { margin: 0 10px 0 10px; font-size: 18px; padding: 5px 20px 5px 20px; background-color: #1276C6; color: white; border-radius: 5px; cursor: pointer; }
div.callbacker > div div.content div.tabs h1 { margin: 5px 0 5px 0; padding: 0; font-size: 22px; font-weight: 500; color: #1276C6; text-align: center; white-space: pre-wrap; }
div.callbacker > div div.content div.tabs h1.comm { font-size: 16px; font-weight: 400; text-align: justify; color: #3e3e3e; }
div.callbacker > div div.content div.tabs h2 { margin: 25px 0 5px 0; padding: 0; font-size: 18px; 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 5px 0 5px; }
div.callbacker > div div.content div.tabs h3 { margin: 5px 0 5px 0; padding: 0; font-size: 14px; font-weight: 400; color: #3e3e3e; text-align: justify; white-space: pre-wrap; }

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: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; }
div.callbacker > div div.content div.answer > div:first-child { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 70px; overflow-y: auto; }
div.callbacker > div div.content div.answer > div:first-child > h1 { margin: 5px 0 10px 0; padding: 0; font-size: 22px; font-weight: 500; color: #1276C6; text-align: center; white-space: pre-wrap; }
div.callbacker > div div.content div.answer > div:first-child > p { margin: 20px 0 15px 0; padding: 0; font-size: 18px; white-space: pre-wrap; text-align: justify; }
div.callbacker > div div.content div.answer > div:last-child { position: absolute; left: 20px; right: 20px; bottom: 20px; height: 50px; line-height: 50px; text-align: right; vertical-align:middle; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
div.callbacker > div div.content div.answer > div:last-child a { margin: 0 10px 0 10px; font-size: 18px; padding: 0 20px 0 20px; color: #1276C6; cursor: pointer; }

div.callbacker.minimize { position: fixed; z-index: 10000; background: none; width: 600px; left: 50%; margin-left:-300px; top: 10px; height: 50px; }
div.callbacker.minimize > div.mini { position: relative; display: block; border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px #222222; }
div.callbacker.minimize > div.mini h1{ display: block; background-color: #1276c6; margin: 0; padding: 10px; line-height: 30px; text-align: center; color: white; font-size: 22px; font-weight: 400; }
div.callbacker.minimize > div.mini a { position: absolute; display: block; right: 0; top: 0; width: 34px; height: 34px; 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: 16px; color: black; height: 21px; }
div.callbacker input[type=text]:focus { border: 0; outline: 0; }
div.callbacker textarea { width: 100%; border: 0; font-size: 16px; color: black; resize: none; height: 21px; }
div.callbacker textarea:focus { border: 0; outline: 0; }
div.callbacker textarea.line2 { height: 42px; }
div.callbacker textarea.line3 { height: 63px; }
div.callbacker textarea.line4 { height: 84px; }
div.callbacker textarea.line5 { height: 105px; }
div.callbacker textarea.line6 { height: 126px; }
div.callbacker > div div.content div.tabs div.wide { margin: 2px; border: 1px solid #a8a8a8; }
div.callbacker > div div.content div.tabs div.wide div { margin: 4px; }
div.callbacker > div div.content div.tabs div.wide.req { border: 1px solid red; }

div.callbacker.preview > div.previewer { display: block; position: absolute; left: 50%; margin-left: -500px; width: 1000px; top: 10%; bottom: 10%; }
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; right: 0; top: 0; bottom: 50px; }
div.callbacker > div.previewer > div.content > div:last-child { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; 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: 50%; margin-top: -16px; height: 32px; right: 10px; font-size: 18px; padding: 0 20px 0 20px; color: white; background-color: #1276C6; border-radius: 5px; cursor: pointer; line-height: 32px; }
div.callbacker > div.previewer > div.content > div:last-child p { text-align: center; margin: 0; padding: 0; height: 50px; line-height: 50px; vertical-align: middle; }
div.callbacker > div.previewer > div.content > div:last-child p a { display: inline-block; background-color: white; width: 8px; height: 8px; border-radius: 5px; border: 1px solid #b0b0b0; box-shadow: 0 0 5px #222222; margin: 20px 4px 20px 4px; overflow: hidden; cursor: pointer; }
div.callbacker > div.previewer > div.content > div:last-child p a.active { background-color: #1276C6; border: 1px solid #1276C6; }

@media only screen and (min-width:419px) and (max-width:1020px) {
	div.callbacker > div.maxi { position: absolute; left: 10px; right: 10px; margin: 0; width: auto; }
	div.callbacker.preview > div.previewer { position: absolute; left: 10px; right: 10px; margin: 0; width: auto; }
}

@media only screen and (min-width:419px) and (max-width:720px) {
	div.callbacker > div div.content div.menu { display: none; }
	div.callbacker.minimize { position: fixed; z-index: 10000; background: none; left: 60px; right: 60px; top: 10px; height: 50px; margin: 0; width: auto;  }
	div.callbacker.minimize > div.mini h1{ font-size: 18px; }
}

@media only screen and (min-height:500px) and (max-height:800px) {
	div.callbacker > div.maxi { top: 10px; bottom: 10px; }
	div.callbacker.preview > div.previewer { top: 10px; bottom: 10px; }
}

@media only screen and (max-height:900px) {
	div.callbacker > div.maxi { top: 20px; bottom: 20px; }
	div.callbacker.preview > div.previewer { top: 20px; bottom: 20px; }
}