@charset "utf-8";

.textchatcontainer {color: #333; font-weight: 400; font-size: 13px;}
.textchatcontainer .chatlogmessage {padding-top: 10px;}
.textchatcontainer a[href^="!"],
.textchatcontainer a[href^="~"] {background-color: rgb(206, 15, 105);padding: 5px;color: white;display: inline-block;border: 1px solid white;}
.no-touch .textchatcontainer a[href^="!"]:hover,
.textchatcontainer a[href^="~"]:hover {  text-decoration: none;  cursor: pointer;}
.textchatcontainer .content {line-height: 1.25em;font-size: 1.05em;word-wrap: break-word;}
.textchatcontainer .tstamp {font-size: 0.8em;color: #666;display: block;padding: 0;margin: -4px 0px 2px 0px;position: relative;left: -5px;line-height: 1em;}
.textchatcontainer .by {font-weight: bold;position: relative;left: -5px;}
.hidden-message-peek {font-style: italic;background-color: lightsalmon;padding:2px;color: black;}
.textchatcontainer .message {padding-left: 45px;padding-right: 16px;padding-bottom: 7px;background-color: #f1f1f1;position: relative;}
.textchatcontainer .news {position: relative;padding: initial;}
.textchatcontainer .message.rollresult.hidden3d {display: none;}
.textchatcontainer .message.hidden3d .inlinerollresult {color: rgba(255, 255, 255, 0);border: none !important;}
.textchatcontainer .avatar {position: absolute;top: 4px;left: 5px;width: 28px;}
.textchatcontainer .inlinerollresult {display: inline-block;background-color: #fef68e;border: 2px solid #fef68e;padding: 0px 3px 0px 3px;font-weight: bold;cursor: help;font-size: 1.1em;}
.textchatcontainer .inlinerollresult.fullcrit {border: 2px solid #3fb315;}
.textchatcontainer .inlinerollresult.fullfail {border: 2px solid #b31515;}
.textchatcontainer .inlinerollresult.importantroll {border: 2px solid #4a57ed;}
.textchatcontainer .formula .inlinerollresult {font-size: inherit;}
.textchatcontainer .rollresult .avatar {top: 10px;}
.textchatcontainer .rollresult.quantumRoll {background: url(https://app.roll20.net/images/quantumrollsm.png) no-repeat
  bottom left;}
.inlineqroll {width: 18px;height: 18px;vertical-align: bottom;}
.textchatcontainer .avatar img {max-width: 28px;max-height: 28px;}
.textchatcontainer .message .spacer {background-color: #e1e1e1;height: 2px;margin-bottom: 7px;margin-left: -45px;margin-right: -12px;}
.textchatcontainer .message .tstamp {display: none;}
.textchatcontainer.withtimestamps .message .tstamp {display: block;}
.textchatcontainer.withoutavatars .avatar {display: none;}
.textchatcontainer.withoutavatars .message {padding-left: 15px;}
.textchatcontainer.withoutavatars .message .spacer {margin-left: -15px;}
.textchatcontainer .message.desc {padding-left: 15px;}
.textchatcontainer .message.desc .spacer {margin-left: -15px;}
.textchatcontainer .message.you {background-color: #d3e5f5;}
.textchatcontainer .message.you .spacer {background-color: #b1d9fa;}
.textchatcontainer .formula,
.textchatcontainer .rolled {display: inline;padding: 4px;background: white;border-radius: 3px;border: 1px solid #d1d1d1;font-size: 1.1em;line-height: 2em;word-wrap: break-word;}
.textchatcontainer .formula .parsegroup {display: inline;}
.textchatcontainer .formula .parsegroup .parsegroupitem {display: inline;}
.textchatcontainer.withouticons .dicegrouping .diceroll .backing {display: none !important;}
.diceroll.withouticons .backing {display: none !important;}
.textchatcontainer .dicegrouping {display: inline;}
.diceroll {display: inline-block;font-size: 1.2em;}
.diceroll.ui-sortable-helper {font-size: 1.4em;}
.diceroll.ui-sortable-helper .backing {opacity: 1;}
.textchatcontainer .formattedformula {display: block;float: left;padding: 0px 4px 0px 4px;margin: 5px 0px 5px 0px;}
.textchatcontainer .formattedformula > .dicegrouping.ui-sortable {cursor: move;}
.diceroll .dicon {display: inline-block;min-width: 30px;text-align: center;position: relative;}
.diceroll .dicon .didroll img,
.diceroll .dicon .didroll video {width: 30px;height: 30px;}
.diceroll .didroll {text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 1px 1px #ffffff,
  1px 1px 1px #ffffff;z-index: 2;position: relative;color: black;height: auto;min-height: 29px;margin-top: -3px;top: 0px;text-align: center;}
.diceroll .didroll img,
.diceroll .didroll video {max-width: 30px;max-height: 30px;vertical-align: middle;}
.diceroll .backing {position: absolute;top: -2px;left: 0px;width: 100%;text-align: center;font-size: 30px;color: #8fb1d9;text-shadow: 0px 0px 3px #8fb1d9;opacity: 0.75;pointer-events: none;z-index: 1;}
.diceroll.d20 .backing {font-family: "dicefontd20";}
.diceroll.d4 .backing {font-family: "dicefontd4";}
.diceroll.d6 .backing {font-family: "dicefontd6";}
.diceroll.d8 .backing {font-family: "dicefontd8";}
.diceroll.d10 .backing {font-family: "dicefontd10";}
.diceroll.d12 .backing {font-family: "dicefontd12";}
.diceroll.d20 .backing:after,
.diceroll.d12 .backing:after,
.diceroll.d10 .backing:after,
.diceroll.d8 .backing:after,
.diceroll.d6 .backing:after,
.diceroll.d4 .backing:after {content: "0";}
.textchatcontainer .rolled {cursor: move;font-weight: bold;color: black;font-size: 1.4em;}
.textchatcontainer .parsegroup .parsegroupitem.dropped .diceroll {opacity: 0.4;}
.diceroll.dropped {opacity: 0.4;}
.diceroll.critsuccess .didroll {color: #247305;font-weight: bold;}
.diceroll.critfail .didroll {color: #730505;font-weight: bold;}
.diceroll .matchbar {border-top: 3px solid;max-width: 30px;}
/* Repeat classes for API scripts */
.textchatcontainer .formula .userscript-parsegroup {display: inline;}
.textchatcontainer .formula .userscript-parsegroup .userscript-parsegroupitem {display: inline;}
.textchatcontainer.withouticons
.userscript-dicegrouping
.userscript-diceroll
.userscript-backing {display: none !important;}
.userscript-diceroll.withouticons .userscript-backing {display: none !important;}
.textchatcontainer .userscript-dicegrouping {display: inline;}
.userscript-diceroll {display: inline-block;font-size: 1.2em;}
.userscript-diceroll .userscript-dicon {display: inline-block;min-width: 30px;text-align: center;position: relative;}
.userscript-diceroll .userscript-didroll {text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 1px 1px #ffffff,
  1px 1px 1px #ffffff;z-index: 2;position: relative;color: black;height: auto;min-height: 29px;margin-top: -3px;top: 0px;text-align: center;}
.userscript-diceroll .userscript-didroll img {max-width: 30px;max-height: 30px;vertical-align: middle;}
.userscript-diceroll .userscript-backing {position: absolute;top: -2px;left: 0px;width: 100%;text-align: center;font-size: 30px;color: #8fb1d9;text-shadow: 0px 0px 3px #8fb1d9;opacity: 0.75;pointer-events: none;z-index: 1;}
.userscript-diceroll.d20 .userscript-backing {font-family: "dicefontd20";}
.userscript-diceroll.d4 .userscript-backing {font-family: "dicefontd4";}
.userscript-diceroll.d6 .userscript-backing {font-family: "dicefontd6";}
.userscript-diceroll.d8 .userscript-backing {font-family: "dicefontd8";}
.userscript-diceroll.d10 .userscript-backing {font-family: "dicefontd10";}
.userscript-diceroll.d12 .userscript-backing {font-family: "dicefontd12";}
.userscript-diceroll.d20 .userscript-backing:after,
.userscript-diceroll.d12 .userscript-backing:after,
.userscript-diceroll.d10 .userscript-backing:after,
.userscript-diceroll.d8 .userscript-backing:after,
.userscript-diceroll.d6 .userscript-backing:after,
.userscript-diceroll.d4 .userscript-backing:after {content: "0";}
.textchatcontainer .rolled {cursor: move;font-weight: bold;color: black;font-size: 1.4em;}
.textchatcontainer
.userscript-parsegroup
.userscript-parsegroupitem.userscript-dropped
.userscript-diceroll {opacity: 0.4;}
.userscript-diceroll.userscript-dropped {opacity: 0.4;}
.userscript-diceroll.userscript-critsuccess .userscript-didroll {color: #247305;font-weight: bold;}
.userscript-diceroll.userscript-critfail .userscript-didroll {color: #730505;font-weight: bold;}
.userscript-basicdiceroll {font-size: 1.15em;}
.userscript-basicdiceroll.userscript-critsuccess {color: #00ff00;}
.userscript-basicdiceroll.userscript-critfail {color: #ff4d4d;font-weight: bold;}
.note-editor table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.note-editor table > thead > tr > th,
.note-editor table > tbody > tr > th,
.note-editor table > tfoot > tr > th,
.note-editor table > thead > tr > td,
.note-editor table > tbody > tr > td,
.note-editor table > tfoot > tr > td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.note-editor table > thead > tr > th,
.note-editor table > thead > tr > td {border-bottom: 2px solid #000 !important;font-weight: bold !important;}
.note-editor table > thead > tr > th {vertical-align: bottom;border-bottom: 2px solid #ddd;}
.note-editor table {border: 1px solid #ddd;}
.note-editor table > thead > tr > th,
.note-editor table > tbody > tr > th,
.note-editor table > tfoot > tr > th,
.note-editor table > thead > tr > td,
.note-editor table > tbody > tr > td,
.note-editor table > tfoot > tr > td {border: 1px solid #ddd;}
.node-editor table > thead > tr > th,
.node-editor table > thead > tr > td {border-bottom-width: 2px;}
.note-popover {z-index: 10700;}
.note-editor:first-of-type {z-index: 2;}
.note-editor {z-index: 1;}
.note-editor .note-btn-group .dropdown-menu {left: auto;right: 0;}
.note-editor .dropdown-menu.dropdown-style,
.note-editor .dropdown-menu.note-table {left: 0;right: auto;}
.modal.link-dialog {z-index: 13000;}
.modal.link-dialog * {box-sizing: border-box;}
.modal.link-dialog .checkbox {display: none;}
.note-editor a[href^="http://journal.roll20.net"]
{color: #b021a4 !important;text-decoration: underline;}
.note-editor a {color: #337ab7;text-decoration: none;}
.note-editor a:hover,
.note-editor a:focus {color: #23527c;text-decoration: underline;}
/* End API repeat */
.basicdiceroll {font-size: 1.15em;}
.basicdiceroll.critsuccess {color: #00ff00;}
.basicdiceroll.critfail {color: #ff4d4d;font-weight: bold;}
.basicdiceroll.dropped {color: #888888;}
.textchatcontainer .error {background: #ffd2ad;border-radius: 3px;border: 1px solid #d1d1d1;}
.textchatcontainer .emote {font-style: italic;font-weight: bold;text-align: center;color: #653e10;background-color: #f5e4d3;}
.textchatcontainer .emote .spacer {background-color: #f0c392;}
.textchatcontainer .desc {font-style: italic;font-weight: bold;text-align: center;}
.textchatcontainer .desc .spacer {}
.textchatcontainer .message.private {background-color: #f2f5d3;}
.textchatcontainer .message.private .spacer {background-color: #f0f092;}
.message code {padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}
.message.desc {font-weight: bold; font-style: italic; text-align: center;}
.inlinerollresult.fullcrit {border: 2px solid #3fb315;}
.inlinerollresult {background-color:#fef68e; padding: 0px 3px 0px 3px; font-weight: bold; font-size: 1.1em;}
.inlinerollresult.fullfail {border: 2px solid #b31515;}

/* 코코포리아 */
.inWrap {font-size: 15px; letter-spacing: -.5px; color: #fff;}
.inWrap .tab {width: 100%;background: #d3e5f5;position: relative}
.inWrap .tab.tab02 {width: 100%;background: #f1f1f1;position: relative}
.inWrap .tabtitle {margin: 0;color: #93939b;background: #fff;position: absolute;top: 10px;right: 10px;border-radius: 5px;padding: 5px;font-weight: 200}
.inWrap .player {display: flex;overflow: hidden;padding:10px;border-bottom: 1px solid #e1e1e1}
.inWrap .infoWrap .imgWrap {overflow: hidden; width: 30px;height: 30px;float: left;}
.inWrap .infoWrap .imgWrap img {width: 30px !important; height: auto !important;}
.inWrap .textWrap {float: left;line-height: 1.6;margin-left: 10px;margin-right: 20px;color: #333}
.inWrap .textWrap .Uname {position: relative; display: inline; margin: 0;font-weight: 800;color: #59595D}
.inWrap .textWrap .Uname:after {content: ': ';}
.inWrap .textWrap .Utext {display: inline; margin: 0;font-weight: 400;color: #aaa}
.inWrap .tab.tab01 .player {border-color:#b1d9fa}
.inWrap .tab.tab01 .textWrap .Utext {color: #333;}
.inWrap .player.system {padding: 0px; border-color:#f0c392 !important; background: #f5e4d3;text-align: center;justify-content: center}
.inWrap .player.system .infoWrap {display: none;}
.inWrap .player.system .textWrap {margin-left: 0;color: #FFFFFF;padding: 10px 20px}
.inWrap .player.system .textWrap .Utext {display: block; font-weight: bold; font-style: italic; color: #653e10;font-size: 15px;letter-spacing: -1px}