.tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px}
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
	border-radius: 3px; 
	border: 1px solid #cccccc;
	background: #fff;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content {
	color: #666666;
	padding: 10px;
	max-height: 350px !important;
	overflow-y: auto;
}

.tooltipster-content .visibility-toggler {
	display: block;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
	height: 9px;
	margin-left: -9px;
	width: 18px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
	height: 18px;
	margin-left: 0;
	margin-top: -9px;
	width: 9px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
	border: 9px solid transparent;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #ededed;
	top: 1px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #ededed;
	left: -1px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #ededed;
	left: 1px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #ededed;
	top: -1px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
	border: 9px solid transparent;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #cccccc;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #cccccc;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #cccccc;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #cccccc;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -9px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
	left: -9px;
}
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
/* 
CSS Rules for the
- World Editor 
- CSS World Navigation Sidebar
- CSS Palette 

*/


#world-editor-bar {
    padding: 10px;
    padding-bottom: 6px;
    padding-top: 12px;
    background: #14161b;
    position: fixed;
    z-index: 10001;
    width: 100%;
    box-shadow: 0px 1px 9px 4px #13131387;
    /*border-bottom: 2px #22386f solid;*/
}

#world-editor-bar a {
    color: white;
}

.user-css-presentation #world-navigation-sidebar {
    width: 35%; /*stops width from stretching if maps have long descriptions*/
    scrollbar-color: tan cornsilk; /*scrollbar colour*/
    box-shadow: 5px 13px 20px rgba(0,0,0,0.4); /*shadow*/
}

.user-css-presentation #world-navigation-sidebar:after {
    background-image: unset; /*removed weird border over maps*/
}


.user-css-presentation #world-navigation-sidebar .category-list h6 ul li {
    padding-top: 6px; /*fix padding for child articles in ToC*/
}

.css-palette-panel {
    background-color: #14161b;
    color: #fff;
    padding: 10px;
}

.css-palette-panel textarea {
    width: 100%;
    background-color: #14161b;
    color: #fff;
    padding: 10px;
    border: 1px solid darkgray;
}

.css-palette-trigger {
    position: fixed;
    top: 200px;
    right:0px;
    background: #14161b;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    z-index: 11001;
}

.css-palette-trigger-pushed {
    right: 350px;
}


#hidden-sidebar {
    padding: 10px;
    margin: 0;
    max-height:  75vh;
    background-color: #14161b;
    color: #fff;
    position: fixed;
    top: 75px;
    right:0px;
    z-index: 11000;
    width: 350px;
    max-width: 100%;
    overflow: auto;
}

.world-navigation-palette-trigger {
    position: fixed;
    top: 200px;
    left:0px;
    background: #14161b;
    color: white;
    cursor: pointer;
    z-index: 5;
    padding: 8px 10px;
    padding-bottom:0px;
}

#world-navigation-sidebar {
    margin: 0;
    height:  100vh;
    background-color: #14161b;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 25px;
    overflow: auto;
    position: fixed;
    top: 75px;
    left: 60px;
    max-height: 75vh;
    max-width: 500px;
    min-width: 350px;
    z-index: 1500;
    border: 1px solid black;
    box-shadow: 9px 8px #0000005e;
}




#world-navigation-sidebar::-webkit-scrollbar {
    width: 12px;
}

#world-navigation-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#world-navigation-sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(62, 62, 62, 0.5);
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*      #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*      #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*      #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*    #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*    #RTL SUPPORT
  \*------------------------------------*/
}

.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
  outline: 0;
}

.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */
}

.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-results__option {
  padding: 6px 12px;
  /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
  /**
     * Hover state.
     */
  /**
     * Selected state.
     */
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #337ab7;
  color: #fff;
}

.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px;
}

.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  white-space: nowrap;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}

.select2-container--bootstrap.select2-container--open {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
  /**
     * Handle border radii of the container when the dropdown is showing.
     */
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 4px 4px;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}

.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-dropdown--above {
  -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  margin-top: 1px;
}

.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 24px 6px 12px;
  /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #555555;
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
  /**
     * Minus 2px borders.
     */
  /**
     * Clear the selection.
     */
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  line-height: 1.42857143;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.42857143;
  margin-top: 0;
  min-width: 5em;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 3px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}

.select2-container--bootstrap .select2-selection--single.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}

.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir="rtl"] {
  /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
  /**
     * Multiple Select2
     */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/*------------------------------------*  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}

.has-warning.select2-drop-active {
  border-color: #66512c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
}

.has-error.select2-drop-active {
  border-color: #843534;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}

.has-success.select2-drop-active {
  border-color: #2b542c;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * @see http://getbootstrap.com/components/#input-groups
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
/**
 * Reset rounded corners
 */
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
  border-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
  /**
   * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
   * Multi Select2's height which - depending on how many elements have been selected -
   * may grow taller than its initial size.
   *
   * @see http://getbootstrap.com/components/#input-groups
   */
}

.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none;
}

.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
  z-index: 3;
}

.input-group > .select2-container--bootstrap,
.input-group > .select2-container--bootstrap .input-group-btn,
.input-group > .select2-container--bootstrap .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
 */
@media (min-width: 768px) {
  .form-inline .select2-container--bootstrap {
    display: inline-block;
  }
}

@charset "UTF-8";/*!
 * RPG Awesome 0.0.2 by Daniela Howe, Ivan Montiel
 * License - https://github.com/nagoshiashumari/Rpg-Awesome/blob/master/LICENSE.md
 * (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:RPGAwesome;src:url(../../heroes/css/plugins/rpg-awesome/fonts/rpgawesome-webfont.eot?v=0.1.0);src:url(../../heroes/css/plugins/rpg-awesome/fonts/rpgawesome-webfont.eot?#iefix&v=0.1.0) format("embedded-opentype"),url(../../heroes/css/plugins/rpg-awesome/fonts/rpgawesome-webfont.woff?v=0.1.0) format("woff"),url(../../heroes/css/plugins/rpg-awesome/fonts/rpgawesome-webfont.ttf?v=0.1.0) format("truetype"),url(../../heroes/css/plugins/rpg-awesome/fonts/rpgawesome-webfont.svg?v=0.1.0#rpg-awesome) format("svg");font-weight:400;font-style:normal}.ra{font-family:RPGAwesome;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}.ra-lg{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.ra-2x{font-size:2em}.ra-3x{font-size:3em}.ra-4x{font-size:4em}.ra-5x{font-size:5em}.ra-fw{text-align:center;width:1.28571em}.ra-ul{list-style-type:none;margin-left:2.14286em;padding-left:0}.ra-ul>li{position:relative}.ra-li{left:-2.14286em;position:absolute;text-align:center;top:.14286em;width:2.14286em}.ra-li.ra-lg{left:-1.85714em}.ra-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.pull-right{float:right}.pull-left{float:left}.ra.pull-left{margin-right:.3em}.ra.pull-right{margin-left:.3em}.ra-spin{-webkit-animation:ra-spin 2s infinite linear;animation:ra-spin 2s infinite linear}@-webkit-keyframes ra-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ra-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ra-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ra-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ra-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.ra-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.ra-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .ra-flip-horizontal,:root .ra-flip-vertical,:root .ra-rotate-180,:root .ra-rotate-270,:root .ra-rotate-90{filter:none}.ra-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.ra-stack-1x,.ra-stack-2x{left:0;position:absolute;text-align:center;width:100%}.ra-stack-1x{line-height:inherit}.ra-stack-2x{font-size:2em}.ra-inverse{color:#fff}.ra-acid:before{content:""}.ra-zigzag-leaf:before{content:""}.ra-archer:before{content:""}.ra-archery-target:before{content:""}.ra-arena:before{content:""}.ra-aries:before{content:""}.ra-arrow-cluster:before{content:""}.ra-arrow-flights:before{content:""}.ra-arson:before{content:""}.ra-aura:before{content:""}.ra-aware:before{content:""}.ra-axe:before{content:""}.ra-axe-swing:before{content:""}.ra-ball:before{content:""}.ra-barbed-arrow:before{content:""}.ra-barrier:before{content:""}.ra-bat-sword:before{content:""}.ra-battered-axe:before{content:""}.ra-batteries:before{content:""}.ra-battery-0:before{content:""}.ra-battery-25:before{content:""}.ra-battery-50:before{content:""}.ra-battery-75:before{content:""}.ra-battery-100:before{content:""}.ra-battery-black:before{content:""}.ra-battery-negative:before{content:""}.ra-battery-positive:before{content:""}.ra-battery-white:before{content:""}.ra-batwings:before{content:""}.ra-beam-wake:before{content:""}.ra-bear-trap:before{content:""}.ra-beer:before{content:""}.ra-beetle:before{content:""}.ra-bell:before{content:""}.ra-biohazard:before{content:""}.ra-bird-claw:before{content:""}.ra-bird-mask:before{content:""}.ra-blade-bite:before{content:""}.ra-blast:before{content:""}.ra-blaster:before{content:""}.ra-bleeding-eye:before{content:""}.ra-bleeding-hearts:before{content:""}.ra-bolt-shield:before{content:""}.ra-bomb-explosion:before{content:""}.ra-bombs:before{content:""}.ra-bone-bite:before{content:""}.ra-bone-knife:before{content:""}.ra-book:before{content:""}.ra-boomerang:before{content:""}.ra-boot-stomp:before{content:""}.ra-bottle-vapors:before{content:""}.ra-bottled-bolt:before{content:""}.ra-bottom-right:before{content:""}.ra-bowie-knife:before{content:""}.ra-bowling-pin:before{content:""}.ra-brain-freeze:before{content:""}.ra-brandy-bottle:before{content:""}.ra-bridge:before{content:""}.ra-broadhead-arrow:before{content:""}.ra-broadsword:before,.ra-sword:before{content:""}.ra-broken-bone:before{content:""}.ra-broken-bottle:before,.ra-broken-heart:before{content:""}.ra-broken-shield:before{content:""}.ra-broken-skull:before{content:""}.ra-bubbling-potion:before{content:""}.ra-bullets:before{content:""}.ra-burning-book:before{content:""}.ra-burning-embers:before{content:""}.ra-burning-eye:before{content:""}.ra-burning-meteor:before{content:""}.ra-burst-blob:before{content:""}.ra-butterfly:before{content:""}.ra-campfire:before{content:""}.ra-cancel:before{content:""}.ra-cancer:before{content:""}.ra-candle:before{content:""}.ra-candle-fire:before{content:""}.ra-cannon-shot:before{content:""}.ra-capitol:before{content:""}.ra-capricorn:before{content:""}.ra-carrot:before{content:""}.ra-castle-emblem:before{content:""}.ra-castle-flag:before{content:""}.ra-cat:before{content:""}.ra-chain:before{content:""}.ra-cheese:before{content:""}.ra-chemical-arrow:before{content:""}.ra-chessboard:before{content:""}.ra-chicken-leg:before{content:""}.ra-circle-of-circles:before{content:""}.ra-circular-saw:before{content:""}.ra-circular-shield:before{content:""}.ra-cloak-and-dagger:before{content:""}.ra-clockwork:before{content:""}.ra-clover:before{content:""}.ra-clovers:before{content:""}.ra-clovers-card:before{content:""}.ra-cluster-bomb:before{content:""}.ra-coffee-mug:before{content:""}.ra-cog:before{content:""}.ra-cog-wheel:before{content:""}.ra-cold-heart:before{content:""}.ra-compass:before{content:""}.ra-corked-tube:before{content:""}.ra-crab-claw:before{content:""}.ra-cracked-helm:before{content:""}.ra-cracked-shield:before{content:""}.ra-croc-sword:before{content:""}.ra-crossbow:before{content:""}.ra-crossed-axes:before{content:""}.ra-crossed-bones:before{content:""}.ra-crossed-pistols:before{content:""}.ra-crossed-sabres:before{content:""}.ra-crossed-swords:before{content:""}.ra-crown:before{content:""}.ra-crown-of-thorns:before{content:""}.ra-crowned-heart:before{content:""}.ra-crush:before{content:""}.ra-crystal-ball:before{content:""}.ra-crystal-cluster:before{content:""}.ra-crystal-wand:before{content:""}.ra-crystals:before{content:""}.ra-cubes:before{content:""}.ra-cut-palm:before{content:""}.ra-cycle:before{content:""}.ra-daggers:before{content:""}.ra-daisy:before{content:""}.ra-dead-tree:before{content:""}.ra-death-skull:before{content:""}.ra-decapitation:before{content:""}.ra-defibrilate:before{content:""}.ra-demolish:before{content:""}.ra-dervish-swords:before{content:""}.ra-desert-skull:before{content:""}.ra-diamond:before{content:""}.ra-diamonds:before{content:""}.ra-diamonds-card:before{content:""}.ra-dice-five:before{content:""}.ra-dice-four:before{content:""}.ra-dice-one:before{content:""}.ra-dice-six:before{content:""}.ra-dice-three:before{content:""}.ra-dice-two:before{content:""}.ra-dinosaur:before{content:""}.ra-divert:before{content:""}.ra-diving-dagger:before{content:""}.ra-double-team:before{content:""}.ra-doubled:before{content:""}.ra-dragon:before{content:""}.ra-dragon-breath:before{content:""}.ra-dragon-wing:before{content:""}.ra-dragonfly:before{content:""}.ra-drill:before{content:""}.ra-dripping-blade:before{content:""}.ra-dripping-knife:before{content:""}.ra-dripping-sword:before{content:""}.ra-droplet:before{content:""}.ra-droplet-splash:before{content:""}.ra-droplets:before{content:""}.ra-duel:before{content:""}.ra-egg:before{content:""}.ra-egg-pod:before{content:""}.ra-eggplant:before{content:""}.ra-emerald:before{content:""}.ra-energise:before{content:""}.ra-explosion:before{content:""}.ra-explosive-materials:before{content:""}.ra-eye-monster:before{content:""}.ra-eye-shield:before{content:""}.ra-eyeball:before{content:""}.ra-fairy:before{content:""}.ra-fairy-wand:before{content:""}.ra-fall-down:before{content:""}.ra-falling:before{content:""}.ra-fast-ship:before{content:""}.ra-feather-wing:before{content:""}.ra-feathered-wing:before{content:""}.ra-fedora:before{content:""}.ra-fire:before{content:""}.ra-fire-bomb:before{content:""}.ra-fire-breath:before{content:""}.ra-fire-ring:before{content:""}.ra-fire-shield:before{content:""}.ra-fire-symbol:before{content:""}.ra-fireball-sword:before{content:""}.ra-fish:before{content:""}.ra-fizzing-flask:before{content:""}.ra-flame-symbol:before{content:""}.ra-flaming-arrow:before{content:""}.ra-flaming-claw:before{content:""}.ra-flaming-trident:before{content:""}.ra-flask:before{content:""}.ra-flat-hammer:before{content:""}.ra-flower:before{content:""}.ra-flowers:before{content:""}.ra-fluffy-swirl:before{content:""}.ra-focused-lightning:before{content:""}.ra-food-chain:before{content:""}.ra-footprint:before{content:""}.ra-forging:before{content:""}.ra-forward:before{content:""}.ra-fox:before{content:""}.ra-frost-emblem:before{content:""}.ra-frostfire:before{content:""}.ra-frozen-arrow:before{content:""}.ra-gamepad-cross:before{content:""}.ra-gavel:before{content:""}.ra-gear-hammer:before{content:""}.ra-gear-heart:before{content:""}.ra-gears:before{content:""}.ra-gecko:before{content:""}.ra-gem:before{content:""}.ra-gem-pendant:before{content:""}.ra-gemini:before{content:""}.ra-glass-heart:before{content:""}.ra-gloop:before{content:""}.ra-gold-bar:before{content:""}.ra-grappling-hook:before{content:""}.ra-grass:before{content:""}.ra-grass-patch:before{content:""}.ra-grenade:before{content:""}.ra-groundbreaker:before{content:""}.ra-guarded-tower:before{content:""}.ra-guillotine:before{content:""}.ra-halberd:before{content:""}.ra-hammer:before{content:""}.ra-hammer-drop:before{content:""}.ra-hand:before{content:""}.ra-hand-emblem:before{content:""}.ra-hand-saw:before{content:""}.ra-harpoon-trident:before{content:""}.ra-health:before{content:""}.ra-health-decrease:before{content:""}.ra-health-increase:before{content:""}.ra-heart-bottle:before{content:""}.ra-heart-tower:before{content:""}.ra-heartburn:before{content:""}.ra-hearts:before{content:""}.ra-hearts-card:before{content:""}.ra-heat-haze:before{content:""}.ra-heavy-fall:before{content:""}.ra-heavy-shield:before{content:""}.ra-helmet:before{content:""}.ra-help:before{content:""}.ra-hive-emblem:before{content:""}.ra-hole-ladder:before{content:""}.ra-honeycomb:before{content:""}.ra-hood:before{content:""}.ra-horn-call:before{content:""}.ra-horns:before{content:""}.ra-horseshoe:before{content:""}.ra-hospital-cross:before{content:""}.ra-hot-surface:before{content:""}.ra-hourglass:before{content:""}.ra-hydra:before{content:""}.ra-hydra-shot:before{content:""}.ra-ice-cube:before{content:""}.ra-implosion:before{content:""}.ra-incense:before{content:""}.ra-insect-jaws:before{content:""}.ra-interdiction:before{content:""}.ra-jetpack:before{content:""}.ra-jigsaw-piece:before{content:""}.ra-kaleidoscope:before{content:""}.ra-kettlebell:before{content:""}.ra-key:before{content:""}.ra-key-basic:before{content:""}.ra-kitchen-knives:before{content:""}.ra-knife:before{content:""}.ra-knife-fork:before{content:""}.ra-knight-helmet:before{content:""}.ra-kunai:before{content:""}.ra-lantern-flame:before{content:""}.ra-large-hammer:before{content:""}.ra-laser-blast:before{content:""}.ra-laser-site:before{content:""}.ra-lava:before{content:""}.ra-leaf:before{content:""}.ra-leo:before{content:""}.ra-level-four:before{content:""}.ra-level-four-advanced:before{content:""}.ra-level-three:before{content:""}.ra-level-three-advanced:before{content:""}.ra-level-two:before{content:""}.ra-level-two-advanced:before{content:""}.ra-lever:before{content:""}.ra-libra:before{content:""}.ra-light-bulb:before{content:""}.ra-lighthouse:before{content:""}.ra-lightning:before{content:""}.ra-lightning-bolt:before{content:""}.ra-lightning-storm:before{content:""}.ra-lightning-sword:before{content:""}.ra-lightning-trio:before{content:""}.ra-lion:before{content:""}.ra-lit-candelabra:before{content:""}.ra-load:before{content:""}.ra-locked-fortress:before{content:""}.ra-love-howl:before{content:""}.ra-maggot:before{content:""}.ra-magnet:before{content:""}.ra-mass-driver:before{content:""}.ra-match:before{content:""}.ra-meat:before{content:""}.ra-meat-hook:before{content:""}.ra-medical-pack:before{content:""}.ra-metal-gate:before{content:""}.ra-microphone:before{content:""}.ra-mine-wagon:before{content:""}.ra-mining-diamonds:before{content:""}.ra-mirror:before{content:""}.ra-monster-skull:before{content:""}.ra-mountains:before{content:""}.ra-moon-sun:before{content:""}.ra-mp5:before{content:""}.ra-muscle-fat:before{content:""}.ra-muscle-up:before{content:""}.ra-musket:before{content:""}.ra-nails:before{content:""}.ra-nodular:before{content:""}.ra-noose:before{content:""}.ra-nuclear:before{content:""}.ra-ocarina:before{content:""}.ra-ocean-emblem:before{content:""}.ra-octopus:before{content:""}.ra-omega:before{content:""}.ra-on-target:before{content:""}.ra-ophiuchus:before{content:""}.ra-overhead:before{content:""}.ra-overmind:before{content:""}.ra-palm-tree:before{content:""}.ra-pawn:before{content:""}.ra-pawprint:before{content:""}.ra-perspective-dice-five:before{content:""}.ra-perspective-dice-four:before{content:""}.ra-perspective-dice-one:before{content:""}.ra-perspective-dice-random:before{content:""}.ra-perspective-dice-six:before{content:""}.ra-perspective-dice-two:before{content:""}.ra-perspective-dice-three:before{content:""}.ra-pill:before{content:""}.ra-pills:before{content:""}.ra-pine-tree:before{content:""}.ra-ping-pong:before{content:""}.ra-pisces:before{content:""}.ra-plain-dagger:before{content:""}.ra-player:before{content:""}.ra-player-despair:before{content:""}.ra-player-dodge:before{content:""}.ra-player-king:before{content:""}.ra-player-lift:before{content:""}.ra-player-pain:before{content:""}.ra-player-pyromaniac:before{content:""}.ra-player-shot:before{content:""}.ra-player-teleport:before{content:""}.ra-player-thunder-struck:before{content:""}.ra-podium:before{content:""}.ra-poison-cloud:before{content:""}.ra-potion:before{content:""}.ra-pyramids:before{content:""}.ra-queen-crown:before{content:""}.ra-quill-ink:before{content:""}.ra-rabbit:before{content:""}.ra-radar-dish:before{content:""}.ra-radial-balance:before{content:""}.ra-radioactive:before{content:""}.ra-raven:before{content:""}.ra-reactor:before{content:""}.ra-recycle:before{content:""}.ra-regeneration:before{content:""}.ra-relic-blade:before{content:""}.ra-repair:before{content:""}.ra-reverse:before{content:""}.ra-revolver:before{content:""}.ra-rifle:before{content:""}.ra-ringing-bell:before{content:""}.ra-roast-chicken:before{content:""}.ra-robot-arm:before{content:""}.ra-round-bottom-flask:before{content:""}.ra-round-shield:before{content:""}.ra-rss:before{content:""}.ra-rune-stone:before{content:""}.ra-sagittarius:before{content:""}.ra-sapphire:before{content:""}.ra-sattelite:before{content:""}.ra-save:before{content:""}.ra-scorpio:before{content:""}.ra-scroll-unfurled:before{content:""}.ra-scythe:before{content:""}.ra-sea-serpent:before{content:""}.ra-seagull:before{content:""}.ra-shark:before{content:""}.ra-sheep:before{content:""}.ra-sherif:before{content:""}.ra-shield:before{content:""}.ra-ship-emblem:before{content:""}.ra-shoe-prints:before{content:""}.ra-shot-through-the-heart:before{content:""}.ra-shotgun-shell:before{content:""}.ra-shovel:before{content:""}.ra-shuriken:before{content:""}.ra-sickle:before{content:""}.ra-sideswipe:before{content:""}.ra-site:before{content:""}.ra-skull:before{content:""}.ra-skull-trophy:before{content:""}.ra-slash-ring:before{content:""}.ra-small-fire:before{content:""}.ra-snail:before{content:""}.ra-snake:before{content:""}.ra-snorkel:before{content:""}.ra-snowflake:before{content:""}.ra-soccer-ball:before{content:""}.ra-spades:before{content:""}.ra-spades-card:before{content:""}.ra-spawn-node:before{content:""}.ra-spear-head:before{content:""}.ra-speech-bubble:before{content:""}.ra-speech-bubbles:before{content:""}.ra-spider-face:before{content:""}.ra-spikeball:before{content:""}.ra-spiked-mace:before{content:""}.ra-spiked-tentacle:before{content:""}.ra-spinning-sword:before{content:""}.ra-spiral-shell:before{content:""}.ra-splash:before{content:""}.ra-spray-can:before{content:""}.ra-sprout:before{content:""}.ra-sprout-emblem:before{content:""}.ra-stopwatch:before{content:""}.ra-suckered-tentacle:before{content:""}.ra-suits:before{content:""}.ra-sun:before{content:""}.ra-sun-symbol:before{content:""}.ra-sunbeams:before{content:""}.ra-super-mushroom:before{content:""}.ra-supersonic-arrow:before{content:""}.ra-surveillance-camera:before{content:""}.ra-syringe:before{content:""}.ra-target-arrows:before{content:""}.ra-target-laser:before{content:""}.ra-targeted:before{content:""}.ra-taurus:before{content:""}.ra-telescope:before{content:""}.ra-tentacle:before{content:""}.ra-tesla:before{content:""}.ra-thorn-arrow:before{content:""}.ra-thorny-vine:before{content:""}.ra-three-keys:before{content:""}.ra-tic-tac-toe:before{content:""}.ra-toast:before{content:""}.ra-tombstone:before{content:""}.ra-tooth:before{content:""}.ra-torch:before{content:""}.ra-tower:before{content:""}.ra-trail:before{content:""}.ra-trefoil-lily:before{content:""}.ra-trident:before{content:""}.ra-triforce:before{content:""}.ra-trophy:before{content:""}.ra-turd:before{content:""}.ra-two-dragons:before{content:""}.ra-two-hearts:before{content:""}.ra-uncertainty:before{content:""}.ra-underhand:before{content:""}.ra-unplugged:before{content:""}.ra-vase:before{content:""}.ra-venomous-snake:before{content:""}.ra-vest:before{content:""}.ra-vial:before{content:""}.ra-vine-whip:before{content:""}.ra-virgo:before{content:""}.ra-water-drop:before{content:""}.ra-wifi:before{content:""}.ra-wireless-signal:before{content:""}.ra-wolf-head:before{content:""}.ra-wolf-howl:before{content:""}.ra-wooden-sign:before{content:""}.ra-wrench:before{content:""}.ra-wyvern:before{content:""}.ra-x-mark:before{content:""}.ra-zebra-shield:before{content:""}.ra-arcane-mask:before{content:""}.ra-aquarius:before{content:""}.ra-apple:before{content:""}.ra-anvil:before{content:""}.ra-ankh:before{content:""}.ra-angel-wings:before{content:""}.ra-anchor:before{content:""}.ra-ammo-bag:before{content:""}.ra-alligator-clip:before{content:""}.ra-all-for-one:before{content:""}.ra-alien-fire:before{content:""}.ra-acorn:before{content:""}
.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>.btn-primary:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #822b29;
    text-decoration: none;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background: #a94442;
}

.btn-success {
    background-color: #00b19d !important;
    border: 1px solid #00b19d !important;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-inverse, .btn-purple, .btn-pink {
    color: #ffffff !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
    background-color: #009886 !important;
    border: 1px solid #009886 !important;
}


/* Buttons */

.btn-primary {
  color: #fff;
  background-color: #1f0101;
  border-color: #000000;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #691313;
  border-color: #000000;
}
.btn-primary:hover {
  color: #fff;
  background-color: #691313;
  border-color: #000000;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #691313;
  border-color: #000000;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #1f0101;
  border-color: #000000;
}
.btn-primary .badge {
  color: #1f0101;
  background-color: #fff;
}

/* worlds List */
ul.world-list {
    list-style: none;
    padding-left: 0;
}


.world-panel {
    height: 350px;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
    background-position: center center;
    background-size: cover;
}

.world-details {
    width: auto;
    max-width: 80%;
    bottom: 30px;
    background: black;
    padding: 20px 20px 20px 30px;
    margin: 20% auto;
}

.world-panel a {
    color: inherit;
    text-decoration: none;
}

.world-panel .cover {
    min-height: 250px;
    max-height: 250px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: -10px;
    margin-left: -10px;
    margin-top: -10px;
    background-position: center center;
    background-size: cover;
    display: block;
}

.world-panel .heading {
    display: block;
    font-size: 1.5em;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    font-family: 'Cinzel', serif;
}

.world-panel .subheading {
    font-size: 0.9em;
    font-style: italic;
    color: #9a9a9a;
}

.world-panel .date {
    font-size: 0.9em;
    font-style: italic;
    color: #909090;
}

.dark-panels .world-panel {
    background-color: #222;
    border: 1px #000000 solid;
}

.dark-panels .world-panel .heading {
    font-family: inherit;
}


@media (max-width:767px) {  
    .world-panel {
        height: auto;
    }

    .world-panel .cover {
        max-height: auto;
        min-height: auto;
    }

    .content-page {
        padding: 20px 5px 15px 5px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

}



/* Articles List */
ul.article-list {
    list-style: none;
    padding-left: 0;
}

.article-panel {
    padding: 10px;
    background-color: #f9f9f7;
    border: 1px #d4d2c5 solid;
    margin-bottom: 15px;
    position: relative;
}

.article-panel a {
    color: inherit;
    text-decoration: none;
}

.article-panel .cover {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: -10px;
    margin-left: -10px;
    margin-top: -10px;
    background-position: center center;
    background-size: cover;
}

.article-content .article-panel .cover {
    min-height: 150px;
    max-height: 150px;
}

.article-panel .heading {
    display: block;
    font-size: 1.2em;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 10px;
    color: #000;
}

.article-panel .subheading {
    font-size: 0.9em;
    font-style: italic;
    color: #9a9a9a;
}

.article-panel .date {
    font-size: 0.9em;
    font-style: italic;
    color: #909090;
}


/*
    Article block
 */

.article-block {
    margin-bottom: 20px
}

.article-block h4 {
    margin: 0;
    padding:0;
}

.article-block .article-metadata {
    font-weight: bold;
    font-size: 0.8em;
}

.article-block .article-excerpt {
    font-size: 0.9em;
    margin: 0;
}

.dark-panels .article-panel {
    background-color: #222222;
    border: 1px #000000 solid;
}

.dark-panels .heading {
    color: #fff;
}

.image-block {
    padding: 10px;
    margin-bottom: 20px;
    text-align: left;
}

.panel-interface .image-block {
    background-color: #000;
    padding: 20px;
}

.image-block h4 {
    font-size: 1em;
    margin-bottom: 5pxf;
}

.image-block p {
    font-size: 0.8em;
    color: #888;
}

.image-details {
	min-height: 120px;
}

.image-container {
    max-height: 202px;
    overflow: hidden;
    min-height: 201px;
}
.orgtreewrapper {
	overflow: hidden;
	zoom: 1;
}

.orgtreewrapper * {margin: 0; padding: 0;}

.orgtree {
    width: 100%;
    overflow-x: auto;
    padding: 20px;
}

.orgtree ul {
	padding-top: 20px; position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
    width: max-content;
}
 .orgtree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;}
 .orgtree li::before{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #888;
	width: 50%; height: 20px;}
 .orgtree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #888;
	width: 50%; height: 20px;}
 .orgtree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #888;}
 .orgtree li:only-child::after{
	display: none;}
 .orgtree li:only-child::before{
	display: none;}
 .orgtree li:only-child{ padding-top: 0;}
 .orgtree li:first-child::before{
	border: 0 none;}
 .orgtree li:last-child::after{
	border: 0 none;}
 .orgtree li:last-child::before{
	border-right: 1px solid #888;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;}
 .orgtree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;}
 .orgtree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #888;
	width: 0; height: 20px;}
 .orgtree li a{
	border: 2px solid #888;
    padding: 12px 32px;
	text-decoration: none;
	color: #666;
	background: #f7f7f7;
	font-family: arial;
	font-size: 11px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
 	min-width: 170px;
 }
 .orgtree li a:hover{
	background: #2f404e; color: #fff; border: 2px solid #94a0b4;}
 .orgtree li a:hover+ul li a{
	background: #2f404e; color: #fff; border: 2px solid #94a0b4;}
 .orgtree li a:hover+ul li::after{
	border-color:  #94a0b4;}
 .orgtree li a:hover+ul li::before{
	border-color:  #94a0b4;}
 .orgtree li a:hover+ul::before{
	border-color:  #94a0b4;}
 .orgtree li a:hover+ul ul::before{
	border-color:  #94a0b4;}
 
 /* .orgtree ul:after { content: "";  clear:both; }*/
.page-world_calendars #sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
}
.page-world_calendars #sortable li {
  margin: 0 5px 5px 5px;
  padding: 10px;
  font-size: 1.2em;
}
.page-world_calendars html > body #sortable li {
  height: 1.5em;
  line-height: 1.2em;
}
.page-world_calendars .ui-state-highlight {
  height: 1.5em;
  line-height: 1.2em;
}

.user-css-calendar {
  --weekdayFontColor: white;
  --weekdayStripBackground: #900b0b;
  --eventButtonBackground: transparent;
  --eventButtonPadding: 2px;
  --eventButtonMargin: 0px;
  --eventButtonTextAlign: left;
  /*--eventButtonWidth: 100%;*/
  --eventButtonHoverBackground: #00000033;
  --eventButtonLineHeight: 1.2em;
  --eventButtonFontFamily: alegreya, serif;
}
.user-css-calendar .table > thead > tr > th,
.user-css-calendar .table > tbody > tr > th,
.user-css-calendar .table.table-striped th {
  color: var(--weekdayFontColor);
  background: var(--weekdayStripBackground);
}
.user-css-calendar .calendar-day {
  height: 120px;
  position: relative;
  padding-bottom: 2.5em;
}

.user-css-calendar .calendar-day.calendar-day-inset {
  box-shadow: inset 3px 3px 8px grey;
}
.user-css-calendar .calendar-day.calendar-day-outset {
  box-shadow: inset 3px 3px 5px white, inset -3px -3px 5px black;
}
.user-css-calendar .calendar-day.calendar-day-crossed h3:after,
.user-css-calendar .calendar-day.calendar-day-alert h3:after,
.user-css-calendar .calendar-day.calendar-day-info h3:after,
.user-css-calendar .calendar-day.calendar-day-checked h3:after {
  position: absolute;
  padding-left: 10px;
  top: 11px;
  font-size: 20px;
  font-family: 'Font Awesome 5 Pro';
}
.user-css-calendar .calendar-day.calendar-day-crossed h3:after {
  color: grey;
  content: '\f00d';
}
.user-css-calendar .calendar-day.calendar-day-alert h3:after {
  color: #a03535;
  content: '\f12a';
}
.user-css-calendar .calendar-day.calendar-day-info h3:after {
  color: #356fa0;
  content: '\f129';
}
.user-css-calendar .calendar-day.calendar-day-checked h3:after {
  color: #35a04c;
  content: '\f00c';
}
.user-css-calendar .visibility-toggler {
  display: block;
}
.page-world_calendars .user-css-calendar .blank-day {
  background: repeating-linear-gradient(
    45deg,
    #ffffff33,
    #ffffff33 10px,
    #f5f5f555 10px,
    #f5f5f555 20px
  );
}
.page-world_calendars textarea.form-control {
  min-height: auto !important;
}
.calendar-presentation .user-css-calendar .blank-day {
  background: repeating-linear-gradient(
    45deg,
    #ffffff,
    #ffffff 10px,
    #f5f5f5 10px,
    #f5f5f5 20px
  );
}

.user-css-calendar .calendar-add-event {
  opacity: 0;
  transition: opacity 0.5s;
}
.user-css-calendar .calendar-day:hover .calendar-add-event {
  opacity: 1;
}
.user-css-calendar .btn-calendar {
  background: var(--eventButtonBackground);
  margin: var(--eventButtonMargin);
  padding: var(--eventButtonPadding);
  /*width: var(--eventButtonWidth);*/
  text-align: var(--eventButtonTextAlign);
  transition: background 0.5s;
  word-break: break-word;
  white-space: normal;
}
.user-css-calendar .btn-calendar:hover {
  background: var(--eventButtonHoverBackground);
}
.user-css-calendar .nav > li > a {
  font-size: 1.1em;
}
.user-css-calendar .celestials {
  position: absolute;
  padding: 5px;
  left: 0px;
  bottom: 0px;
}

.user-css-calendar .celestial-object {
  position: relative;
  width: 2em;
  height: 2em;
  float: left;
  border-radius: 20px;
  border: 0px;
  padding: 0px;
  margin: 2px;
}
.user-css-calendar .celestial-config-viewer {
  position: relative;
  width: 2.3em;
  height: 2.3em;
  float: left;
  border-radius: 20px;
  margin: 2px;
  border-top: 0px !important;
}
.user-css-calendar .celestial-button {
  text-shadow: 0px 0px 4px white;
  transform: scale(0.7);
}
.user-css-calendar .celestial-icon {
  transition: opacity 0.3s;
  position: absolute;
  z-index: 200;
  font-size: 1em;
  color: white;
  width: 100%;
  left: 0%;
  top: 33%;
}

.user-css-calendar .moon,
.user-css-calendar .moon-flip {
  --scale-lightgray: grey;
  --moon-shadow: black;
}

.user-css-calendar .moon,
.user-css-calendar .moon-flip {
  width: 100%;
  height: 100%;
  border: 2px solid var(--scale-lightgray);
  border-radius: 50px;
  overflow: hidden;
  position: absolute;
  display: block;
  background-color: var(--scale-lightgray);
  transform: translateZ(0);
  left: 0px;
  bottom: 0px;
}

.user-css-calendar .moon::before {
  content: attr(href);
  display: block;
  position: absolute;
  top: 0;
  left: 0%;
  background-color: var(--moon-shadow);
  width: 50%;
  height: 100%;
}

.user-css-calendar .moon-flip::before {
  content: attr(href);
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: var(--moon-shadow);
  width: 50%;
  height: 100%;
}

.user-css-calendar .disc {
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  transform: rotateY(0deg);
}

.user-css-calendar .disc::before,
.user-css-calendar .disc::after {
  content: attr(href);
  display: block;
  transform-style: preserve-3d;
  width: 110%;
  height: 110%;
  left: -5%;
  bottom: -5%;
  border-radius: 50px;
  position: absolute;
  backface-visibility: hidden;
}

.user-css-calendar .disc::before {
  background-color: var(--moon-shadow);
}
.user-css-calendar .disc::after {
  background-color: var(--scale-lightgray);
  transform: rotateY(180deg);
}

.user-css-calendar .list-group-item {
  border-color: grey;
}

.user-css-calendar .modal-footer .celestial-object {
  width: 100%;
  height: auto;
  position: inherit;
}
.user-css-calendar .modal-footer {
  text-align: left;
}
.user-css-calendar .modal-footer .celestials i {
  display: none;
}
.user-css-calendar .modal-footer .celestials {
  position: inherit;
  width: 100%;
}

.user-css-calendar .modal-footer .moon,
.user-css-calendar .modal-footer .moon-flip {
  width: 3em;
  height: 3em;
  position: inherit;
  margin: 2px;
  float: left;
}

.user-css-calendar .modal-footer .celestial-desc {
  float: left;
  margin: 10px 0px 0px 10px;
}

.page-world_calendars .checkbox {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  margin-right: 2px;
  vertical-align: bottom;
  position: relative;
  top: -2px;
}
.page-world_calendars .aloud {
  padding: 10px;
  border: 1px dotted #ffffff5e;
  margin: 10px 0px;
}
.page-world_calendars #select-intercalary-date-appearance:disabled {
  color: grey !important;
}

.manuscript-block-wide {
    min-height: 250px;
}

.homer-manuscript-tile {
    height: 350px;
    width: 250px;
    max-width: 100%;
    background-color: transparent;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    display: inline-block;
}

.homer-manuscript-tile-small {
    height: 233px;
    width: 166px;
    background-color: transparent;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}

.homer-manuscript-tile-sidebar {
    margin-left: 175px;
}

.homer-manuscript-tile:hover .homer-manuscript-tile-container {
    display: none;
}

.homer-manuscript-action-container {
    display: none;
}

.homer-manuscript-tile:hover .homer-manuscript-action-container {
    display: block;
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    padding: 20px;
}


.homer-manuscript-tile-container {
    position: absolute;
    bottom: 10%;
    left: 0%;
    background-color: black;
    padding: 10px;
    max-width: 90%;
}

.homer-manuscript-tile-container h4 {
    color: #ffffff !important;
}

.homer-manuscript-tile-container a  {
    color: white;
}

.homer-manuscript-add-icon {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 30%;
    width: 100%;
}



.homer-part-content {
    font-size: 1.25em;
    line-height: 1.6em;
    max-width: 650px;
    margin: 0 auto;
}
.ibox .ibox-content.bow {
    color: black !important;
    background: white !important;
}

.ibox .ibox-content.wob {
    color: white !important;
    background: black !important;
}

.twitter-share-button {
    vertical-align: sub;
}

.featured-container {
    min-height: 450px;
    background-position: center;
    position: relative;
    background-size: cover;
}

.featured-wrapper {
    position: absolute;
    bottom: 20px;
    left: 20px;
    max-width: 90%;
    min-width: 50%;
    width: auto;
}

.featured-info {
    padding: 15px;
    background-color: #000000cc;
    border-radius: 5px;
    color: #ffffff;
}

.featured-tag {
    position: absolute;
    top: -40px;
    padding: 7px;
    background: white;
    color: black;
}

.featured-info h2 a {
    color: #ffffff;
}

.comment-form textarea {
    margin-bottom: 10px;
}


.comment-box {
    padding: 10px;
    margin-top: 20px;
}

.comment-box-reply {
    padding: 5px;
    border: 0;
    margin-top: 0px;
    margin-bottom: 10px;
    background: none;
}


.comment-box .comment-box-avatar {
    float: left;
    padding: 5px;
    padding-top:0;
}

.comment-box .comment-box-container {
    margin-left: 50px;
}

.comment-box .comment-box-date {
    font-size: 0.8em;
    opacity: 0.8;
}

.comment-box .comment-box-author {
    font-weight: bold;
}

.comment-box .comment-box-content {
    font-size: 1.2em;
}


.comment-box-author {
    font-weight: bold;
    font-size: 1.2em;
}

.comment-box-avatar {
    float: left;
    margin: 5px;
}
.comment-box small {
    opacity: 0.7;
}
.comment-footer {
    border-top: 1px #dcdcdc solid;
    padding-top: 5px;
}
.comment-box-date {
    border-bottom: 1px #dcdcdc solid;
    margin-bottom: 9px;
}
.comment-box textarea {
    margin-top: 20px;
}
.replies {
    margin-top: 15px;
}



img.img-avatar-md {
    max-width: 50px;
    max-height: 50px;
}

img.img-avatar {
    max-width: 35px;
    max-height: 35px;
}

img.img-avatar-sm {
    max-width: 30px;
    max-height: 30px;
}

img.img-circle {
    border-radius: 50%;
}

.coin-value-select-btn
{
  border-radius: 6px !important;
}

.coin-value-select-btn.btn-danger.active
{
    background-color: #9f0316 !important;
    border-color: #ec4758 !important;
}
.coin-value-select-btn.btn-success.active
{
    background-color: #027c33 !important;
    border-color: #1c7430 !important;
}
.leaflet-container .legend {
    z-index: 1000;
    width: 20%;
    min-width: 300px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #fff;
    padding: 10px;
    border: 1px #b5ac91 solid;
    color: #525252;
    box-shadow: 3px 8px 44px -9px rgba(179,179,179,.86);
}

.leaflet-container .legend a  {
    color: #0078A8;
}

.leaflet-container .legend a:hover {
    color: #0078A8;
    text-decoration: underline;
}


.leaflet-container  a.btn, .leaflet-container  a.btn:hover  {
    color: #fff;
}

.leaflet-container .compass img {
    z-index: 1000;
    width: 20%;
    max-width: 300px;
    position: fixed;
    bottom: 30px;
    right: 30px;
}



.leaflet-container .header-title {
    color: #616161;
    margin-bottom: 5px;
    font-size: 0.9em;
}

.label-bow {
    background: #22201f !important;
    color: #e8e5e6 !important;
    border-radius: 17px !important;
    border: 4px #e8e5e6 solid !important;
    font-weight: bold;
    font-size: 2em;
    line-height: 1em;
}

.label-wob {
    background: #e8e5e6 !important;
    color: #22201f !important;
    border-radius: 17px !important;
    border: 4px #22201f solid !important;
    font-weight: bold;
    font-size: 2em;
    line-height: 1em;
}

@import url('https://fonts.googleapis.com/css2?family=Kadwa:wght@700&display=swap');


.label-kadwa1 {
    font-size: 1.5em;
    font-weight: 900;
    color: white !important;
    font-family: Kadwa;
    font-variant: small-caps;
    background: transparent;
    letter-spacing: 2px;
    background-color: transparent !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 0px 0px 2px black, 2px 0px 0px black, -2px 0px 0px black, 0px 2px 0px black, 0px -2px 0px black;
    box-shadow: unset !important;
}

.label-kadwa2 {
    font-size: 2em;
    font-weight: 900;
    color: white !important;
    font-family: Kadwa;
    font-variant: small-caps;
    background: transparent;
    letter-spacing: 2px;
    background-color: transparent !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 0px 0px 2px black, 2px 0px 0px black, -2px 0px 0px black, 0px 2px 0px black, 0px -2px 0px black;
    box-shadow: none !important;
}

.label-kadwa3{
    font-size: 2.2em;
    font-weight: 900;
    color: black !important;
    font-family: Kadwa;
    font-variant: small-caps;
    background: transparent;
    letter-spacing: 3px;
    border-radius: 0px !important;
    border: 0px !important;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
    box-shadow: none !important;
    background-color: transparent !important;
}
.heroes-view-sheet-button {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}

.statblock:hover .heroes-view-sheet-button {
    display: block;
}
/* http://keith-wood.name/svg.html
   SVG for jQuery v1.5.0.
   Written by Keith Wood (kbwood{at}iinet.com.au) August 2007.*/
svg\:svg {
	display: none;
}
.svg_error {
	color: red;
	font-weight: bold;
}

/* Project Clotho: Relation Graphs Stylesheet */

/* Please only adjust the values in the first ruleset (scoped variables). */
/* I cannot account for rendering issues caused by modifying values outside
this section. If a particular rule for a part of Clotho needs to be added,
let me know @Xuroth#4557 on the WorldAnvil Discord. Please ping, do not DM. */

/* This first block has all the "safe" variables you are free to change.
Important notes have been added next to variable settings that could cause
Clotho to render incorrectly. */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
.clotho-container {
  /* Clotho's Main Container */
  /* These affect the 'viewport' or the overall display of the component. */
  --containerHeight: 800px;
  --containerBorder: 3px solid rgba(89,56,33,0.75);
  --containerBackground: #f5f4f059; /* You can add an image or colored background for the component here. It will not move or zoom with user interaction. */

  /* Clotho Canvas */
  /* This is the scrollable container within the component. It's advised
  to leave these values alone unless necessary (except for canvasCursor 
  and canvasCursorDragging. The width and height should always be equal*/
  --canvasMinSize: 3000px;
  --canvasBackground: transparent; /* You can change this to an image and it will scroll/zoom as the user interacts. The container DOES have an edge that might make this setting less-than-desirable if you have an excessively large graph or the user scrolls far enough. */
  --canvasCursor: grab;
  --canvasCursorGrabbing: grabbing;

  /* Clotho Wrapper */
  /* This is the node that all the items and relationships are drawn on.
  the wrapperSize needs to have the same width and height for the nodes to
  render correctly. */
  --wrapperSize: 1200px;
  --wrapperBackground: transparent; /* If you set this value, it will move and zoom with user interaction. */

  /* Clotho Nodes */
  /* These settings provide the base styling available to both organizations
  and characters. Keep in mind that the width and height should remain equal,
  as they are used in calculations when drawing the lines between nodes. */
  --nodeWidth: 140px;
  /* --nodeHeight: 140px; */
  --nodeBackground: transparent; /* This should have no effect unless the portrait image fails to cover the node */
  --nodeFlySpeed: .7s; /* This should affect the speed at which nodes "fly" to their positions on load or re-render */
  --nodeTransition: top var(--nodeFlySpeed) ease-in-out, left var(--nodeFlySpeed) ease-in-out, transform .3s ease-in-out;
  --nodeBorder: 1px solid #777777;

  /* Clotho Organization Nodes */
  /* The Organization Nodes settings apply to nodes rendered that display
  organizations.  By default, they are the same as above. */
  --orgNodeWidth: 140px;
  /* --orgNodeHeight: 140px; */
  --orgNodeBackground: transparent; /* This should have no effect unless the portrait image fails to cover the node */
  --orgNodeFlySpeed: .7s; /* This should affect the speed at which nodes "fly" to their positions on load or re-render */
  --orgNodeTransition: top var(--nodeFlySpeed) ease-in-out, left var(--nodeFlySpeed) ease-in-out, transform .3s ease-in-out;
  --orgNodeBorder: 1px solid #777777;

  /* Clotho Character Nodes */
  /* The Character Nodes settings apply only to nodes rendering a character.
  By default, they should be set to the same as Clotho Nodes settings. */
  --charNodeWidth: 140px;
  /* --charNodeHeight: 140px; */
  --charNodeBackground: transparent; /* This should have no effect unless the portrait image fails to cover the node */
  --charNodeFlySpeed: .7s; /* This should affect the speed at which nodes "fly" to their positions on load or re-render */
  --charNodeTransition: top var(--nodeFlySpeed) ease-in-out, left var(--nodeFlySpeed) ease-in-out, transform .3s ease-in-out, opacity .3s ease-in-out;
  --charNodeBorder: 1px solid #777777;

  /* Clotho Nodes De-Emphasis */
  /* When a node is hovered, all other nodes that do not share a direct 
  connection are given the .notHovered class. By default, this gives them
  a filter: grayscale() value. */
  --nodeFilter: grayscale(100%);
  --nodeOpacity: 0.95;

  /* Clotho Line */
  /* In Tags mode and Characters mode, the 'lines' that show relationships
  are actually <div /> elements with only their bottom border showing. The
  lineTransition describes the coloring of these 'lines'. */
  --lineTransition: stroke .3s ease-in-out, border-color .3s ease-in-out, opacity .3s ease-in-out;

  /* Clotho Line De-Emphasis */
  /* This setting is the color used when a user hovers over another unrelated
  node. This colors the line to make it less apparent. */
  --nodeLineColor: grey;
  --nodeLineOpacity: 0.3;

  /* Clotho Node Portrait */
  /* These settings apply to the images in the node. This is the 'flag'
  of an organization or the 'portrait' of a character. */
  --portraitRoundness: 0%; /* Set to 50% for circular frames */
  --portraitBackground: #333333;
  --portraitBorder: 0px solid rgba(115,89,71);

  /* Clotho Node Text */
  /* This governs the presentation of the textbox. the 
  textFrameBorder should be kept the same same thickness as nodeBorder 
  above to provide a consistent design*/
  --textFrameBorder: 1px solid #333333;
  --textFrameTextAlignment: center;
  --textFrameBackground: rgba(48,42,37);
  --textFrameTextColor: #fff;
  --textFramePadding: 10px;
  --textFrameTextSize: 1em;
  --textFrameWidth: 140px; /* This should be the same as the node's width, minus the width of the textFrameBorder */

  /* Clotho Relation Box */
  /* This is the panel that slides up when a node is hovered, showing
  information for the center node and the hovered related node. */
  --relationBoxBorder: 0px solid #333;
  --relationBoxShadow: 0px 0px 20px 0px rgba(89,56,33,0.75);
  --relationBoxBackground: rgba(47,42,37); /* You can set the background to an image or color, along with the normal CSS properties for backgrounds. */
  --relationBoxTransition: bottom .3s ease-in-out; /* This governs the type speed and function for animating the box, like when it is shown on node hover */
  --detailPanelRelationTextColor: white;

  /* DISABLED Clotho Relation Box: Detail Panels */
  /* There are two, one for the center character and one for the hovered 
  character. Each shows the node's image and title */
  /* --detailPanelBackground: transparent; */
  /* --detailPanelTitleColor: #333333; */
  /* --detailPanelTitleSize: 20px; */
  --detailPanelRelationWidth: 60%; 
  /* You can make this smaller, but you MUST keep it at 50% or smaller. Higher values will cause the relationship section to overflow onto the other detailPanels. */
  /* --detailPanelRelationTextSize: 13px; */
}

/* 
    Don't adjust the values below unless you know what you're doing!
                    (or your name is Dimitris)
 */

.clotho-container {
  width: 100%;
  min-height: var(--containerHeight);
  position: relative;
  border: var(--containerBorder);
  background: var(--containerBackground);
  box-shadow: inset 0px 0px 30px 0px rgba(89,56,33,0.75);
  overflow: hidden;
  margin: 10px 0px;
}
.clotho-container .clotho-canvas {
  min-width: var(--canvasMinSize);
  min-height: var(--canvasMinSize);
  background: var(--canvasBackground);
  position: absolute;
  cursor: var(--canvasCursor);
}
.clotho-container .clotho-canvas.ui-draggable-dragging {
  cursor: var(--canvasCursorDragging);
}
.clotho-container .clotho-wrapper {
  width: var(--wrapperSize);
  height: var(--wrapperSize);
  position: absolute;
  background: var(--wrapperBackground);
}
.clotho-container .clotho-wrapper svg {
  z-index: -1;
}
.clotho-container .clotho-node {
  width: var(--nodeWidth);
  height: var(--nodeHeight);
  background: var(--nodeBackground);
  position: absolute;
  top: calc(50% - 70px);
  left: calc(50% - 70px);
  transition: var(--nodeTransition);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  /* border: var(--nodeBorder); */
  z-index: 50;
  cursor: default;
  box-shadow: 3px 5px 8px rgba(0,0,0,0.4);
}

.clotho-container .clotho-node.hover {
  transform: scale(1.1);
  cursor: pointer;
}

.clotho-container .clotho-node[data-clotho-node-type="active"] {
  z-index: 100;
}
.clotho-container .clotho-organization-node {
  width: var(--orgNodeWidth);
  height: var(--orgNodeHeight);
  background: var(--orgNodeBackground);
  position: absolute;
  top: calc(50% - 70px);
  left: calc(50% - 70px);
  transition: var(--orgNodeTransition);
  /* border: var(--orgNodeBorder); */
  z-index: 50;
}
.clotho-container .clotho-character-node {
  width: var(--charNodeWidth);
  height: var(--charNodeHeight);
  background: var(--charNodeBackground);
  position: absolute;
  top: calc(50% - 70px);
  left: calc(50% - 70px);
  transition: var(--charNodeTransition);
  border: var(--charNodeBorder);
  z-index: 50;
}
.clotho-container .clotho-node[data-clotho-node-type="related"].notHovered {
  filter: var(--nodeFilter);
  opacity: var(--nodeOpacity);
}
.clotho-container .clotho-line {
  transition: var(--lineTransition);
}
.clotho-container .clotho-line.notHovered {
  stroke: var(--nodeLineColor);
  border-color: var(--nodeLineColor) !important;
  opacity: var(--nodeLineOpacity);
}

.clotho-container .clotho-node .clotho-portrait-frame {
  width: 100%;
  height: 140px;
  border-radius: var(--portraitRoundness);
  background: var(--portraitBackground);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  border: var(--portraitBorder);
  border-bottom: none;
  box-sizing: border-box;
}
.clotho-container .clotho-node .clotho-portrait-frame img.clotho-portrait {
  max-width: 100%;
  max-height: 140px;
  border-radius: var(--portraitRoundness);
  /* margin: auto; */
}
.clotho-container .clotho-node .clotho-text-frame {
  text-align: var(--textFrameTextAlignment);
  background: var(--textFrameBackground);
  color: var(--textFrameTextColor);
}
.clotho-container .clotho-node .clotho-text-frame .clotho-label {
  padding: var(--textFramePadding);
  border: var(--textFrameBorder);
  width: 100%;
  width: var(--textFrameWidth);
  box-sizing: border-box;
}
.clotho-container .clotho-node .clotho-text-frame a,
.clotho-container .clotho-node .clotho-text-frame a:visited,
.clotho-container .clotho-node .clotho-text-frame a:active {
  color: var(--textFrameTextColor);
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  display: block;
}

.clotho-container .clotho-node .clotho-text-frame a:hover {
  text-decoration: #333333;
}

/* Debugging / Alignment testing. Do not touch. */
.clotho-container .clotho-node .clotho-target {
  width: 10px;
  height: 10px;
  background-color: red;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  z-index: -1;
}

/* Debugging / testing. Do not touch. */
.clotho-container .clotho-arrow-segment {
  width: 2px;
  height: 100%;
  background-color: #000;
  z-index: 1000;
  position: absolute;
}

.clotho-container .clotho-title-container {
  width: 100%;
  min-height: 100px;
  border-top: var(--relationBoxBorder);
  border-bottom-color: transparent;
  position: absolute;
  left: 0;
  bottom: -140px;
/* Set display: flex to important to avoid css conflict */
  display: flex !important;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;

  background: var(--relationBoxBackground);
  box-shadow: var(--relationBoxShadow);
  transition: var(--relationBoxTransition);
  z-index: 1000;
  /* padding: 30px; */
  font-family: 'Open Sans', sans-serif;
}

.clotho-container .clotho-title-container:hover,
.clotho-container .clotho-title-container.show {
  bottom: 0;
}

.clotho-container .clotho-title-container .clotho-title-item {
  margin: auto;
  width: 10%;
  height: 80px;
  /* background-color: var(--detailPanelBackground); */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.clotho-container .clotho-title-container .clotho-title-item img {
  min-height: 70px;
  max-height: 70px !important;
  max-width: 100%;
  margin: auto;
}
/* .clotho-container .clotho-title-container .clotho-title-item .clotho-title-text { */
  /* line-height: var(--detailPanelTitleSize); */
  /* line-height: 1.3em; */
  /* font-size: var(--detailPanelTitleSize); */
  /* width: calc(100% - 70px); */
  /* height: 35px; */
  /* margin-left: 10px; */
  /* color: white; */
  /* font-family: 'Open Sans', sans-serif; */
/* } */
.clotho-container .clotho-title-container .clotho-title-arrows {
  margin: auto;
  width: var(--detailPanelRelationWidth);
  height: 80px;
  position: relative;
}

.clotho-container .clotho-title-container .clotho-title-arrows .clotho-rel-text {
  width: 100%;
  position: relative;
  text-align: center;
  font-size: var(--detailPanelRelationTextSize);
  color: var(--detailPanelRelationTextColor);
}

.clotho-container .clotho-title-container .clotho-title-arrows .clotho-rel-text.clotho-a-b {
  /* top: -52px; */
  top: -100px;
  text-transform: uppercase;
  line-height: 1.8em;
  font-weight: bold;
}

.clotho-container .clotho-title-container .clotho-title-arrows .clotho-disposition-container {
  position: relative;
  top: -20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}

.clotho-container .clotho-error {
  width: 100%;
  position: absolute;
  top: 40%;
}

.clotho-container .clotho-error .clotho-error-title {
  width: 100%;
  display: block;
  font-size: 2em;
  text-align: center;
  color: grey;
  text-transform: uppercase;
}
.clotho-container .clotho-error .clotho-error-details {
  width: 100%;
  text-align: center;
  color: grey;
}

/* Only used for controlling the error text message if Clotho is unable to render. */
.clotho-container .clotho-hidden {
  display: none;
}
.dictionary-word {
	margin-bottom: 10px;
	padding: 10px;
	background:#00000082;
	color: #fff;
}

.dictionary-word-search {
	background:#000000ad; 
	color: #fff;
}

.dictionary-word  .form-control {
	color: #000;
}
div.articletoc[data-component="article_toc"] {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 5px 10px;
}
div.articletoc[data-component="article_toc"] .article-toc-link {
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
    margin-bottom: 3px;
    cursor: pointer;
    transition: border-color .3s ease-out, color .3s ease-out;
}
div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    border-bottom-color: #ccc;
}

div.articletoc[data-component="article_toc"] .article-toc-link.article-toc-indent-1 {
    padding-left: 10px;
}
div.articletoc[data-component="article_toc"] .article-toc-link.article-toc-indent-2 {
    padding-left: 20px;
}
div.articletoc[data-component="article_toc"] .article-toc-link.article-toc-indent-3 {
    padding-left: 30px;
}
div.articletoc[data-component="article_toc"] .article-toc-link.article-toc-indent-4 {
    padding-left: 40px;
}



/* THEME: SciFi */
body[data-css-theme="scifi"] div.articletoc[data-component="article_toc"] {
    border: 2px solid rgba(51,187,246,.25);
    background-color: rgba(51,187,246,.25);
    font-family: var(--f4);
    color: var(--scifi-primary-l);
}

body[data-css-theme="scifi"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: var(--scifi-warning-l);
    border-bottom-color: var(--scifi-primary);
}

/* THEME: Notebook */
body[data-css-theme="notebook"] div.articletoc[data-component="article_toc"] {
    border: 2px solid var(--backgroundQuote);
    background-color: var(--backgroundQuote);
    font-family: var(--fontQuote);
    color: var(--fontColorQuote);
}

body[data-css-theme="notebook"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: var(--colorAlmostBlack);
    border-bottom-color: var(--colorAlmostBlack);
}

/* THEME: Stars */
body[data-css-theme="stars"] div.articletoc[data-component="article_toc"] {
    border: 2px solid var(--border-color);
    background-color: var(--box-background);
    font-family: var(--secondary-font);
    color: var(--secondary-color);
}

body[data-css-theme="stars"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

/* THEME: Scripture */
body[data-css-theme="scripture"] div.articletoc[data-component="article_toc"] {
    border: 1px solid rgb(100,100,100);
    background-color: rgba(161,147,81,.2);
    font-family: var(--secondary-font);
    color: rgb(100,100,100);
}

body[data-css-theme="scripture"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: rgb(48,15,21);
    border-bottom-color: rgb(48,15,21);
}

/* THEME: Zen */
body[data-css-theme="zen"] div.articletoc[data-component="article_toc"] {
    border: 2px solid var(--border-color);
    background-color: var(--box-background);
    background-image: var(--trans-image);
    font-family: var(--secondary-font);
    color: var(--border-color);
}

body[data-css-theme="zen"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

/* THEME: Darkly */
body[data-css-theme="darkly"] div.articletoc[data-component="article_toc"] {
    border: 2px solid var(--border-color);
    background-color: var(--box-background);
    font-family: var(--secondary-font);
    color: var(--secondary-color);
}

body[data-css-theme="darkly"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}
/* THEME: Opulent */
body[data-css-theme="opulent"] div.articletoc[data-component="article_toc"] {
    border: 1px solid rgb(166,164,156);
    background-color: #59363f;
    font-family: 'Stint Ultra Expanded';
    color: rgb(166,164,156);
}

body[data-css-theme="opulent"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: #d99d57;
    border-bottom-color: #d99d57;
}

/* THEME: Spirel */
body[data-css-theme="spirel"] div.articletoc[data-component="article_toc"] {
    border: 1px solid #714a24;
    background-color: #312210;
    font-family: 'Caveat';
    color: #9e7640;
}

body[data-css-theme="spirel"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: #d99d57;
    border-bottom-color: #d99d57;
}

/* THEME: Rust */
body[data-css-theme="rust"] div.articletoc[data-component="article_toc"] {
    border: 2px solid var(--border-color);
    background-color: rgba(160,140,130,0.3);
    font-family: var(--secondary-font);
    color: var(--border-color);
}

body[data-css-theme="rust"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

/* THEME: Bright Fantasy */
body[data-css-theme="bright"] div.articletoc[data-component="article_toc"] {
    border: 2px solid var(--border-color);
    background: var(--box-background);
    font-family: var(--secondary-font);
    color: var(--primary-color);
}

body[data-css-theme="bright"] div.articletoc[data-component="article_toc"] .article-toc-link:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}
.position-relative {
    position: relative;
}

.display-block {
  display: block !important;
}

.padding-10 {
  padding: 10px;
}

.padding-5 {
  padding: 5px;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-6 {
  opacity: 0.6;
}

.background-pink {
    background: #f76296;
}


.background-white {
    background: #fff;
}

.text-top {
  vertical-align: top;
}

.text-middle {
  vertical-align: middle;
}

.text-baseline-middle {
    vertical-align: middle;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-bigger {
  font-size: 1.2em;
}


.text-double {
  font-size: 2em;
}

.text-massive {
    font-size: 4em;
    font-weight: bold;
}


.text-small {
  font-size: 0.7em;
}

.text-smaller {
  font-size: 0.6em;
}

.text-strong {
  font-weight: 800;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}


.m-b-0 {
  margin-bottom: 0px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}


.m-r-25 {
  margin-right: 25px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}


.p-t-0 {
  padding-top: 0px !important;
}


.p-t-20 {
  padding-top: 20px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-20 {
  padding: 20px !important;
}

.m-v-10 {
  margin: 0 10px
}

.height-50 {
    height: 50px;
}

.height-150 {
    height: 150px;
}

.height-200 {
    height: 200px;
}

.height-250 {
    height: 250px;
}

.height-300 {
    height: 300px;
}

.height-350 {
    height: 350px;
}

.height-450 {
    height: 450px;
}


.height-550 {
    height: 450px;
}

.width-100 {
  width: 100%;
}

.max-width-100 {
  max-width: 100%;
}

.btn-group-hover {
    position: absolute;
    right: 8px;
    bottom: 11px;
    display: none;
    z-index: 1000;
}

.card-box:hover .btn-group-hover,
.timeline-panel:hover .btn-group-hover,
.milestone:hover .btn-group-hover,
.era-header:hover .btn-group-hover 
{
 display: block;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.two-columms {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

.text-no-decoration {
  text-decoration: none;
}

.text-no-decoration:hover {
  text-decoration: none;
}

.text-underlined {
    text-decoration: underline !important;
}

.text-white {
    color: #fff !important;
}

.text-clearer {
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 2px;
}

.text-gold {
    color:rgb(255,215,0) !important;
}

.text-note {
    font-size: 12px;
    line-height: 1.1em;
}

.text-large {
  font-size: 2em !important;
}


a.link-light {
    color: #70ade4 !important;
}

a.link-light:hover {
    color: #fff !important;
}

.relationScore {
    display: inline-block;
    padding: 10px 12px;
    min-width: 60px;
    font-weight: bold;
    margin-top: 5px;
}


.label-red {
    background-color: #880606;
    color: #fff;
    padding: 0.5em;
    font-weight: inherit;
    font-size: 1em;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

.cursor-pointer {
  cursor: pointer !important;;
}

.cursor-grab {
    cursor: grab !important;
}

.cursor-denied {
    cursor: not-allowed !important;;
}

.redacted {
    word-wrap: break-word;
}

.user-tag .fas:before {
    font-size: 0.9em;
    vertical-align: text-top;
}



.image-cropper {
    width: 70px;
    height: 70px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
}

.image-cropper img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}


a.world-editor-link, a.world-editor-link span {
    text-indent: 0;
}

.tw5
{
    width:5%;
}

.tw10 
{
    width:10%;
}

.tw20 
{
    width:20%;
}

.tw40 
{
    width:40%;
}

.tw60 
{
    width:60%;
}
    
.tw80 
{
    width:80%;
}
body {
    background: #14171b;
}


td {
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: normal;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

span.line-spacer {
  display: block;
  height: 16px;
}
 
select,option {
  touch-action: manipulation;
}

input[type=range] {
    overflow-y: hidden !important;
}


.label {
	display: inline-block;
}

.label-roller {
    background-color: #a94442;
    padding: 5px;
    cursor: pointer;
    color: white;
}

.notifyjs-bootstrap-roller-alert {
    background-color: #a94442 !important;
    padding: 7px !important;
    color: #fff;
    text-shadow: none !important;
    white-space: normal !important;
    font-size: 18px;
}

.navbar {
	margin-bottom: 0px;
}

.navbar-nav {
    margin: 0px;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #222;
}

.navbar-brand img {
    height: 30px;
}

.navbar-secondary {
    border-top: 0px;
}

.nav > li > a {
    line-height: 50px;
    padding: 0 9px;
    position: relative;
    font-size: 12px;
}


.nav > li > a i {
    font-size: 14px;
}


.nav .user-profile-menu.open>a, 
.nav .user-profile-menu.open>a:focus,
.nav .user-profile-menu.open>a:hover {
    background-color: transparent;
    border-color: transparent;
}

.navbar {
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.footer {
    background: #07090a !important;
    padding: 40px 45px !important;
    box-shadow: none;
    color: #d3dce2 !important;
    font-size: 12px;
    margin-top: 200px;
    position: relative !important; 
    opacity: 0.5;
}

.footer:hover {
   opacity: 1;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
  color: #94a3b3;
  font-family: sans-serif;
}


.footer .header-title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.footer h6 {
  font-size: 11px;
}

.footer .social-media-links a { 
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  display: inline-block;
}

.footer a {
  font-family: sans-serif;
  color: #bbcee2;
  text-decoration: none;
  font-size: 11px;
  display: inline-block;
}

.footer a:hover {
  color: #fff;
  text-decoration: underline;
}


.footer li { 
  margin-bottom: 10px;
}

.footer .fab {
  vertical-align: sub;
}

.footer .card-box {
  border: none;
  padding: 20px;
  background: #090c0c !important;
}


.user-profile-menu img {
    width: 38px;
    margin-top: 7px;
    margin-bottom: 4px;
    border: 2px #05212b solid;
}

.wbg-header-badge {
    padding-top: 10px;
}


.contentcard-container {
    background-position: center;
    background-size: cover;
    height: 300px;
    background-color: black;
    position: relative;
    margin-bottom: 20px;
}

.contentcard-excerpt {
    font-size: 0.9em;
}
.contentcard-info {
    position: absolute;
    padding:10px;
    bottom:20px;
    left:10%;
    width: 80%;
    background: #000000cf;
}

.contentcard-title {
    margin-left: 55px;
}

.card-box-dark {
  background-color: #222b33;
}

.card-box-light {
  background-color: #455361;
}

.card-box-black {
  background-color: #000;
  border: none;
}

.row-dark {
    padding: 20px;
    background: #171717;
}

.card-box label.form-label {
    font-weight: normal; 
    margin-top: 20px;
    font-size: 14px;
    margin-bottom: 10px;
}


.btn-register {
  color: #fff !important;
  font-size: 1.3em;
  font-weight: bold;
  background-color: #540000 !important;
  border: 1px solid #920000 !important;
}

.btn-register.focus
.btn-register:focus
.btn-register:active  {
  color: #fff !important;
  font-size: 1.3em;
  font-weight: bold;
  background-color: #540000 !important;
  border: 1px solid #920000 !important;
}



.map-box {
  padding: 20px;
  background: white;
  margin-bottom: 20px;
}

.map-box .map-thumbnail a {
    min-height: 150px;
    display: block;
    background: #00000008;
}

.character-portrait-data {
    position: absolute;
    left: 40px;
    bottom: 60px;
    background: #000000a6;
    padding: 10px 20px;
    width: 75%;
}

.app-search {
  position: relative;
  margin: 5px 0px 5px 10px;
}
.app-search .search-button {
  position: absolute;
  top: 3px;
  right: 0px;
  color: rgba(255, 255, 255, 0.7);
}
.app-search a:hover {
  color: #ffffff;
}
.app-search .form-control,
.app-search .form-control:focus {
  border: none;
  font-size: 12px;
  color: #000;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 40px;
  margin-top: 1px;
  background: rgba(255, 253, 253, 1);
  box-shadow: none;
  border-radius: 30px;
  width: 250px;
}


input.app-search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  font-weight: normal;
}
input.app-search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  font-weight: normal;
}
input.app-search-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
input.app-search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
input.app-search-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}

.note-flat {
  padding: 20px;
  margin-bottom: 10px;
  color: #fff;
  background-color: #161e27;
  border-left: 5px #ffaa00 solid;}


  
/*
    Campaign Panels
 */
.world-campaigns {
    text-align: center;
}

.campaign-panel {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 20px;
    background-position: center;
    position: relative;
    background-size: cover;
    min-height: 300px;
}

.campaign-panel .details {
    background: #000000a8;
    color: #fff;
    padding: 15px;
    margin-top: 150px;
}

.campaign-panel h5 {
    color: #fff;
}

.campaign-panel .btn-primary {
    color: #fff;
    background-color: #5a1212;
}

/*
    Character/hero Panels
 */
.world-heroes {
    text-align: center;
}

.character-panel {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 20px;
    background-position: top;
    position: relative;
    background-size: cover;
}

.character-panel .details {
    background: #000000a8;
    color: #fff;
    padding: 15px;
    margin-top: 35px;
}

.character-panel h5 {
    color: #fff;
}

.character-panel .btn-primary {
    color: #fff;
    background-color: #5a1212;
}


.bg-success .text-muted {
  color: #088072 !important;
}

.bg-danger .text-muted {
  color: #9c4948 !important;
}

.suggest{top:30px;z-index:30;text-align:left}.suggest>.dropdown-menu{margin-top:15px;position:absolute;padding:0}.suggest>.dropdown-menu>li{border-bottom:1px solid #eee}.suggest>.dropdown-menu>li>a{padding:5px 10px;cursor:default}.suggest>.dropdown-menu>li>a:hover *,.suggest>.dropdown-menu>li.active>a *{color:inherit!important}.suggest>.dropdown-menu>li:last-child{border-bottom:0}

.mention-buttons .btn {
  margin-bottom: 5px;
}

.mention-buttons {
  display: none;
}

.feedback_message, .feedback_name {
  color: black;
  padding: 5px 10px;
}

a.emphasized {
    font-style: oblique;
}

th.sorting_disabled {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.leaflet-container .legend {
    z-index: 1000;
    width: 20%;
    min-width: 300px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: white;
    padding: 10px;
    border: 1px #b5ac91 solid;
    color: #525252;
    box-shadow: 3px 8px 44px -9px rgba(179,179,179,0.86);
}



.leaflet-container .legend h1,
.leaflet-container .legend h2,
.leaflet-container .legend h3,
.leaflet-container .legend h4,
.leaflet-container .legend h5,
.leaflet-container .legend h6 {
    color: black;
}

.leaflet-container .compass img {
    z-index: 1000;
    width: 20%;
    max-width: 300px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}


.leaflet-control-layers-base span {
    color: black;
    font-weight: normal;
}

.leaflet-control-layers-overlays span {
    color: black;
    font-weight: normal;
}

.leaflet-label {
  background: rgb(235, 235, 235);
  background: rgba(235, 235, 235, 0.81);
  background-clip: padding-box;
  border-color: #777;
  border-color: rgba(0,0,0,0.25);
  border-radius: 4px;
  border-style: solid;
  border-width: 4px;
  color: #111;
  display: block;
  font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 1px 6px;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  white-space: nowrap;
  z-index: 6;
}

.leaflet-label.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-label:before,
.leaflet-label:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: none;
  position: absolute;
  top: 5px;
}

.leaflet-label:before {
  border-right: 6px solid black;
  border-right-color: inherit;
  left: -10px;
}

.leaflet-label:after {
  border-left: 6px solid black;
  border-left-color: inherit;
  right: -10px;
}

.leaflet-label-right:before,
.leaflet-label-left:after {
  content: "";
}




/* Competitions */



.competition-panel {
    height: 450px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
    background-position: center center;
    background-size: cover;

}

.competition-details  {
  position: absolute;
  bottom: 20px;
  transform: translate(-50%, 0%);
  left: 50%;
}
.competition-details a {
    color: white;
}

.competition-battle {
    min-height: 350px;
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
    background-position: center center;
    background-size: cover;
    height: -webkit-fill-available;
    overflow: auto;
}


.competition-content {
  padding: 20px;
}

.competition-details {
  position: absolute;
  width: auto;
  max-width: 450px;
  bottom: 30px;
  left: 0px;
  background: black;
  padding: 20px 20px 20px 30px;
}
.competition-details a {
    color: white !important;
}



.competition-battle .competition-details {
    top: 20px;
    left: 20px;
    bottom: auto;
    background: black;
    padding: 20px 20px 20px 30px;
    right: 20px;
}

.competition-entry {
    min-height: 150px;
    background-color:  #2f4050;
    background-image: url("/images/placeholder-avatar.png");
    position: relative;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
}

.competition-entry-details {
  position: absolute;
  background: #000000ad;
  padding: 10px;
  max-width: 40%;
  min-width: 250px;
  bottom: 10px;
  left: 10px;
}

.competition-entry-details a {
    color: white;
}

.announcement-box {
    font-size: 1.3em;
    background: #0f518e;
    
}


.marker-content {
  max-height: 300px;
  overflow: auto;
}


.text-abbreviation {
  text-decoration:underline;
  border-bottom: 1px #000 solid;
}



.nav > li.anviltv-indicator {
    background: #fff;
    display: none;
}
.nav > li.anviltv-indicator a {
    color: #000 !important;
    font-weight: bold;
}

.schedule-item {
    padding: 20px;
    background: #b19cd8;
    border: 1px #412b75 solid;
    color: #000;
    margin-bottom: 20px;
}

.schedule-item-title {
    color: #412a6b;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.schedule-item-date {
    color: #fff !important;
    font-size: 1.3em;
}


.highilighted-topmenu-item {
  background-color: #1b4269;
}

/* White labeling Footer and header */
.widget-white-label-mark {
    position: fixed;
    bottom: 73px;
    left: -1px;
    background: #fff;
    padding: 3px 9px;
    color: #000 !important;
    opacity: .6;
    font-size: 15px !important;
    font-family: Helvetica, sans-serif !important;
    line-height: 15px !important;
}

.widget-white-label-mark:hover
{
    opacity: 1;
}



.todo-list-item-container {
  padding-left:10px;
}


.todo-list-item-title-container {
  margin-left: 30px;
}

.todo-list-item-title-container h4 {
  margin: 0;
  line-height: 1em;
  font-size: 1.2em;
}

.todo-list-item {
    margin-bottom: 5px;
  border-left:5px solid #c0c0c0;
    background-color: #00000040;
    padding: 10px 5px;
}

.todo-priority0 {
  border-left:5px solid #7cda00;
}
.todo-priority-1 {
  border-left:5px solid #008ada;
}
.todo-priority-2 {
  border-left:5px solid #5e00da;
}
.todo-priority1 {
  border-left:5px solid #daa100;
}
.todo-priority2 {
  border-left:5px solid #da0000;
}

.todo-list-item-actions {
  display: none;
}

.todo-list-item:hover .todo-list-item-actions {
  display: block;  
}


.glossary-block {
    display: flex;
    flex-flow: row wrap;
    margin-left: -7.5px;
    margin-right: -7.5px;
    text-align: center;
}

.glossary-block .article-panel, .glossary-block > div {
    flex-basis: 33.3%;
    margin-left: 7.5px;
    margin-right: 7.5px;
    flex: 0 1 calc(33.3% - 15px);
}

.glossary-block.two-glossary-items .article-panel, .glossary-block.two-glossary-items > div {
    flex-basis: 50%;
    margin-left: 7.5px;
    margin-right: 7.5px;
    flex: 0 1 calc(50% - 15px);
}

.glossary-block .article-panel a, .glossary-block .article-panel a {
    height: 100%;
}

.glossary-block .article-panel .cover, .glossary-block .article-panel .cover {
    /* display: none; */
    min-height: 100px;
}


/* RPGSRD Blocks generic */

.statblock {
    background: #e8e7e7;
    padding: 20px;
    border: 1px black solid;
    position: relative;
}

.statblock .table>tbody>tr>th {
    color: #fff;
}

.select2-container {
  z-index: 5000;
}

@keyframes blink {  
  0% { color: red; }
  100% { color: black; }
}
@-webkit-keyframes blink {
  0% { color: red; }
  100% { color: black; }
}
.blink {
  -webkit-animation: blink 2s linear infinite;
  -moz-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
} 

.going-live {
    padding: 0 30px !important;
    font-weight: bold;
}


.panel-npcsheet, .panel-plots {
    padding: 40px;
    background: #c7bba6;
    border: 1px #6b6250 solid;
}

.panel-npcsheet h5, .panel-plots h5 {
    margin-top: 15px;
}

.block-iframe {
    width:100%; 
    min-height: 500px; 
    max-height:1200px; 
    border: 1px #591717 solid;
}


.tooltip {
    text-indent: 0 !important;
}

.content-page.focus-mode {
    max-width: none;
}

.content-page.focus-mode .card-box {
    border: none;
    background-color: #181c21;
}

.content-page.focus-mode  .card-box-dark {
    background-color: #0e0f10;

}

.count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 0px;
    top: 8px;
}

#backtotop {
    position: fixed;
    right: 0;
    bottom: 10%;
    z-index:6000;

}

.backtotop-button {
    padding: 10px;
    background-color: #000;
    color: #fff;
    padding-right: 20px;
    font-size: 1.3em;
}




// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {  }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {  

}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {  }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {  }


/* This is the old file used in presentation and panel */

div#super-image-button-container {
    position: fixed;
    bottom: 40px;
    right: 159px;
    z-index: 2000;
    color: #fff;
}

div#super-image-button-container .btn {
    padding: 8px;
    font-size: 10px;
    line-height: 10px;
}

div#super-article-button-menu .card-box {
    padding: 0px !important;
}

.btn-quickimage {
    background-color: #338edc !important;
    border: 1px solid #3ea5ff !important;
}

.btn-quickimage:hover {
    color: #3ea5ff !important;
    border: 1px solid #3ea5ff !important;
}

div#super-image-button-menu {
    color: white;
    position: absolute;
    bottom: 65px;
    right: 0px;
    z-index: -1;
    width: 700px;
    background: #18323c;
    padding: 20px;
    display: none;
}

div#super-image-button-menu .card-box {
    border: 1px solid rgba(255, 255, 255, 0.07);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 5px;
}


div#super-article-button-container {
  position: fixed;
  bottom: 40px;
  right: 100px;
  z-index: 2000;
  color: #fff;
}

div#super-article-button-menu {
    color: white;
    position: absolute;
    bottom: 65px;
    right: -60px;
    z-index: -1;
    width: 700px;
    background: #18323c;
    padding: 20px;
    display: none;
}

div#super-article-button-menu .card-box {
    border: 1px solid rgba(255, 255, 255, 0.07);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 5px;
}

.btn-quickarticle{
    background-color: #9e1f83 !important;
    border: 1px solid #de52c0 !important;
}

.btn-quickarticle:hover {
    background-color: #9e1f83 !important;
    color: #de52c0;
}

.btn-quickaction {
    background-color: #449649 !important;
    border: 1px solid #7eff8c !important;
}

.btn-quickaction:hover {
    background-color: #449649 !important;
    color: green;
}


div#super-button-container {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 2000;
  color: #fff;
}

div#super-button-container h6 {
  color: #fff;
  font-size: 16px;
  line-height: 1.3em;
  font-family: Arial;
  margin-bottom: 10px;
}

div#super-button-container .btn, div#super-article-button-container .btn {
    padding: 8px;
    font-size: 10px;
    line-height: 10px;
}

div#super-button-menu {
    color: white;
    position: absolute;
    bottom: 65px;
    right: 0px;
    z-index: -1;
    width: 700px;
    background: #18323c;
    padding: 20px;
    display: none;
}

@media (max-width: 767px ) {

  div#super-article-button-menu {
      width: 350px;
  }

  div#super-button-menu {
      width: 350px;
  }

  div#super-image-button-menu {
      width: 350px;
  }
} 


div#super-button-container a {
    color: #3fcaff;
    text-decoration: none;  
}

div#super-button-container a:hover {
    color: #3fcaff;
    text-decoration: underline;  
}

.super-button-list li a {
    display: block;
    padding: 5px 3px;
    margin-bottom: 0;
}

.super-button-list li a:hover {
    color: #d7d9da;
    background-color: #052938;
    text-decoration: none !important;
}

div#super-button-container li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #20414e;
}

div#super-button-menu .navbar {
    line-height: 1em;
    min-height: auto;
}


div#super-button-menu .nav>li>a:focus,div#super-button-menu .nav>li>a:hover {
    background-color: transparent !important;
}


div#super-button-container h6 .dropdown-menu {
    top: 0;
    z-index: 1000;
    left: -193px;
}

.dropzone .dz-message {
    font-size: 18px;
}

.presentation-interface #super-image-button {
  display: none;
}

.navbar-hammer li {
  margin-right:10px;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    div#super-button-menu {
        right: -20px;
    }
}
 


@charset "UTF-8";
/*!
 * RPG Awesome 0.0.2 by Daniela Howe, Ivan Montiel
 * License - https://github.com/nagoshiashumari/Rpg-Awesome/blob/master/LICENSE.md
 * (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'RPGAwesome';
  src: url("../common/rpg-awesome/fonts/rpgawesome-webfont.eot?v=0.1.0");
  src: url("../common/rpg-awesome/fonts/rpgawesome-webfont.eot?#iefix&v=0.1.0") format("embedded-opentype"), url("../common/rpg-awesome/fonts/rpgawesome-webfont.woff?v=0.1.0") format("woff"), url("../common/rpg-awesome/fonts/rpgawesome-webfont.ttf?v=0.1.0") format("truetype"), url("../common/rpg-awesome/fonts/rpgawesome-webfont.svg?v=0.1.0#rpg-awesome") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ra {
  font-family: RPGAwesome;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

/* makes the font 33% larger relative to the icon container */
.ra-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.ra-2x {
  font-size: 2em;
}

.ra-3x {
  font-size: 3em;
}

.ra-4x {
  font-size: 4em;
}

.ra-5x {
  font-size: 5em;
}

.ra-fw {
  text-align: center;
  width: 1.28571em;
}

.ra-ul {
  list-style-type: none;
  margin-left: 2.14286em;
  padding-left: 0;
}
.ra-ul > li {
  position: relative;
}

.ra-li {
  left: -2.14286em;
  position: absolute;
  text-align: center;
  top: 0.14286em;
  width: 2.14286em;
}
.ra-li.ra-lg {
  left: -1.85714em;
}

.ra-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.ra.pull-left {
  margin-right: .3em;
}
.ra.pull-right {
  margin-left: .3em;
}

.ra-spin {
  -webkit-animation: ra-spin 2s infinite linear;
  animation: ra-spin 2s infinite linear;
}

@-webkit-keyframes ra-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ra-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.ra-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ra-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ra-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.ra-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.ra-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .ra-rotate-90,
:root .ra-rotate-180,
:root .ra-rotate-270,
:root .ra-flip-horizontal,
:root .ra-flip-vertical {
  filter: none;
}

.ra-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}

.ra-stack-1x, .ra-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.ra-stack-1x {
  line-height: inherit;
}

.ra-stack-2x {
  font-size: 2em;
}

.ra-inverse {
  color: #fff;
}

.ra-acid:before {
  content: "";
}

.ra-zigzag-leaf:before {
  content: "";
}

.ra-archer:before {
  content: "";
}

.ra-archery-target:before {
  content: "";
}

.ra-arena:before {
  content: "";
}

.ra-aries:before {
  content: "";
}

.ra-arrow-cluster:before {
  content: "";
}

.ra-arrow-flights:before {
  content: "";
}

.ra-arson:before {
  content: "";
}

.ra-aura:before {
  content: "";
}

.ra-aware:before {
  content: "";
}

.ra-axe:before {
  content: "";
}

.ra-axe-swing:before {
  content: "";
}

.ra-ball:before {
  content: "";
}

.ra-barbed-arrow:before {
  content: "";
}

.ra-barrier:before {
  content: "";
}

.ra-bat-sword:before {
  content: "";
}

.ra-battered-axe:before {
  content: "";
}

.ra-batteries:before {
  content: "";
}

.ra-battery-0:before {
  content: "";
}

.ra-battery-25:before {
  content: "";
}

.ra-battery-50:before {
  content: "";
}

.ra-battery-75:before {
  content: "";
}

.ra-battery-100:before {
  content: "";
}

.ra-battery-black:before {
  content: "";
}

.ra-battery-negative:before {
  content: "";
}

.ra-battery-positive:before {
  content: "";
}

.ra-battery-white:before {
  content: "";
}

.ra-batwings:before {
  content: "";
}

.ra-beam-wake:before {
  content: "";
}

.ra-bear-trap:before {
  content: "";
}

.ra-beer:before {
  content: "";
}

.ra-beetle:before {
  content: "";
}

.ra-bell:before {
  content: "";
}

.ra-biohazard:before {
  content: "";
}

.ra-bird-claw:before {
  content: "";
}

.ra-bird-mask:before {
  content: "";
}

.ra-blade-bite:before {
  content: "";
}

.ra-blast:before {
  content: "";
}

.ra-blaster:before {
  content: "";
}

.ra-bleeding-eye:before {
  content: "";
}

.ra-bleeding-hearts:before {
  content: "";
}

.ra-bolt-shield:before {
  content: "";
}

.ra-bomb-explosion:before {
  content: "";
}

.ra-bombs:before {
  content: "";
}

.ra-bone-bite:before {
  content: "";
}

.ra-bone-knife:before {
  content: "";
}

.ra-book:before {
  content: "";
}

.ra-boomerang:before {
  content: "";
}

.ra-boot-stomp:before {
  content: "";
}

.ra-bottle-vapors:before {
  content: "";
}

.ra-bottled-bolt:before {
  content: "";
}

.ra-bottom-right:before {
  content: "";
}

.ra-bowie-knife:before {
  content: "";
}

.ra-bowling-pin:before {
  content: "";
}

.ra-brain-freeze:before {
  content: "";
}

.ra-brandy-bottle:before {
  content: "";
}

.ra-bridge:before {
  content: "";
}

.ra-broadhead-arrow:before {
  content: "";
}

.ra-sword:before,
.ra-broadsword:before {
  content: "";
}

.ra-broken-bone:before {
  content: "";
}

.ra-broken-bottle:before {
  content: "";
}

.ra-broken-heart:before {
  content: "";
}

.ra-broken-shield:before {
  content: "";
}

.ra-broken-skull:before {
  content: "";
}

.ra-bubbling-potion:before {
  content: "";
}

.ra-bullets:before {
  content: "";
}

.ra-burning-book:before {
  content: "";
}

.ra-burning-embers:before {
  content: "";
}

.ra-burning-eye:before {
  content: "";
}

.ra-burning-meteor:before {
  content: "";
}

.ra-burst-blob:before {
  content: "";
}

.ra-butterfly:before {
  content: "";
}

.ra-campfire:before {
  content: "";
}

.ra-cancel:before {
  content: "";
}

.ra-cancer:before {
  content: "";
}

.ra-candle:before {
  content: "";
}

.ra-candle-fire:before {
  content: "";
}

.ra-cannon-shot:before {
  content: "";
}

.ra-capitol:before {
  content: "";
}

.ra-capricorn:before {
  content: "";
}

.ra-carrot:before {
  content: "";
}

.ra-castle-emblem:before {
  content: "";
}

.ra-castle-flag:before {
  content: "";
}

.ra-cat:before {
  content: "";
}

.ra-chain:before {
  content: "";
}

.ra-cheese:before {
  content: "";
}

.ra-chemical-arrow:before {
  content: "";
}

.ra-chessboard:before {
  content: "";
}

.ra-chicken-leg:before {
  content: "";
}

.ra-circle-of-circles:before {
  content: "";
}

.ra-circular-saw:before {
  content: "";
}

.ra-circular-shield:before {
  content: "";
}

.ra-cloak-and-dagger:before {
  content: "";
}

.ra-clockwork:before {
  content: "";
}

.ra-clover:before {
  content: "";
}

.ra-clovers:before {
  content: "";
}

.ra-clovers-card:before {
  content: "";
}

.ra-cluster-bomb:before {
  content: "";
}

.ra-coffee-mug:before {
  content: "";
}

.ra-cog:before {
  content: "";
}

.ra-cog-wheel:before {
  content: "";
}

.ra-cold-heart:before {
  content: "";
}

.ra-compass:before {
  content: "";
}

.ra-corked-tube:before {
  content: "";
}

.ra-crab-claw:before {
  content: "";
}

.ra-cracked-helm:before {
  content: "";
}

.ra-cracked-shield:before {
  content: "";
}

.ra-croc-sword:before {
  content: "";
}

.ra-crossbow:before {
  content: "";
}

.ra-crossed-axes:before {
  content: "";
}

.ra-crossed-bones:before {
  content: "";
}

.ra-crossed-pistols:before {
  content: "";
}

.ra-crossed-sabres:before {
  content: "";
}

.ra-crossed-swords:before {
  content: "";
}

.ra-crown:before {
  content: "";
}

.ra-crown-of-thorns:before {
  content: "";
}

.ra-crowned-heart:before {
  content: "";
}

.ra-crush:before {
  content: "";
}

.ra-crystal-ball:before {
  content: "";
}

.ra-crystal-cluster:before {
  content: "";
}

.ra-crystal-wand:before {
  content: "";
}

.ra-crystals:before {
  content: "";
}

.ra-cubes:before {
  content: "";
}

.ra-cut-palm:before {
  content: "";
}

.ra-cycle:before {
  content: "";
}

.ra-daggers:before {
  content: "";
}

.ra-daisy:before {
  content: "";
}

.ra-dead-tree:before {
  content: "";
}

.ra-death-skull:before {
  content: "";
}

.ra-decapitation:before {
  content: "";
}

.ra-defibrilate:before {
  content: "";
}

.ra-demolish:before {
  content: "";
}

.ra-dervish-swords:before {
  content: "";
}

.ra-desert-skull:before {
  content: "";
}

.ra-diamond:before {
  content: "";
}

.ra-diamonds:before {
  content: "";
}

.ra-diamonds-card:before {
  content: "";
}

.ra-dice-five:before {
  content: "";
}

.ra-dice-four:before {
  content: "";
}

.ra-dice-one:before {
  content: "";
}

.ra-dice-six:before {
  content: "";
}

.ra-dice-three:before {
  content: "";
}

.ra-dice-two:before {
  content: "";
}

.ra-dinosaur:before {
  content: "";
}

.ra-divert:before {
  content: "";
}

.ra-diving-dagger:before {
  content: "";
}

.ra-double-team:before {
  content: "";
}

.ra-doubled:before {
  content: "";
}

.ra-dragon:before {
  content: "";
}

.ra-dragon-breath:before {
  content: "";
}

.ra-dragon-wing:before {
  content: "";
}

.ra-dragonfly:before {
  content: "";
}

.ra-drill:before {
  content: "";
}

.ra-dripping-blade:before {
  content: "";
}

.ra-dripping-knife:before {
  content: "";
}

.ra-dripping-sword:before {
  content: "";
}

.ra-droplet:before {
  content: "";
}

.ra-droplet-splash:before {
  content: "";
}

.ra-droplets:before {
  content: "";
}

.ra-duel:before {
  content: "";
}

.ra-egg:before {
  content: "";
}

.ra-egg-pod:before {
  content: "";
}

.ra-eggplant:before {
  content: "";
}

.ra-emerald:before {
  content: "";
}

.ra-energise:before {
  content: "";
}

.ra-explosion:before {
  content: "";
}

.ra-explosive-materials:before {
  content: "";
}

.ra-eye-monster:before {
  content: "";
}

.ra-eye-shield:before {
  content: "";
}

.ra-eyeball:before {
  content: "";
}

.ra-fairy:before {
  content: "";
}

.ra-fairy-wand:before {
  content: "";
}

.ra-fall-down:before {
  content: "";
}

.ra-falling:before {
  content: "";
}

.ra-fast-ship:before {
  content: "";
}

.ra-feather-wing:before {
  content: "";
}

.ra-feathered-wing:before {
  content: "";
}

.ra-fedora:before {
  content: "";
}

.ra-fire:before {
  content: "";
}

.ra-fire-bomb:before {
  content: "";
}

.ra-fire-breath:before {
  content: "";
}

.ra-fire-ring:before {
  content: "";
}

.ra-fire-shield:before {
  content: "";
}

.ra-fire-symbol:before {
  content: "";
}

.ra-fireball-sword:before {
  content: "";
}

.ra-fish:before {
  content: "";
}

.ra-fizzing-flask:before {
  content: "";
}

.ra-flame-symbol:before {
  content: "";
}

.ra-flaming-arrow:before {
  content: "";
}

.ra-flaming-claw:before {
  content: "";
}

.ra-flaming-trident:before {
  content: "";
}

.ra-flask:before {
  content: "";
}

.ra-flat-hammer:before {
  content: "";
}

.ra-flower:before {
  content: "";
}

.ra-flowers:before {
  content: "";
}

.ra-fluffy-swirl:before {
  content: "";
}

.ra-focused-lightning:before {
  content: "";
}

.ra-food-chain:before {
  content: "";
}

.ra-footprint:before {
  content: "";
}

.ra-forging:before {
  content: "";
}

.ra-forward:before {
  content: "";
}

.ra-fox:before {
  content: "";
}

.ra-frost-emblem:before {
  content: "";
}

.ra-frostfire:before {
  content: "";
}

.ra-frozen-arrow:before {
  content: "";
}

.ra-gamepad-cross:before {
  content: "";
}

.ra-gavel:before {
  content: "";
}

.ra-gear-hammer:before {
  content: "";
}

.ra-gear-heart:before {
  content: "";
}

.ra-gears:before {
  content: "";
}

.ra-gecko:before {
  content: "";
}

.ra-gem:before {
  content: "";
}

.ra-gem-pendant:before {
  content: "";
}

.ra-gemini:before {
  content: "";
}

.ra-glass-heart:before {
  content: "";
}

.ra-gloop:before {
  content: "";
}

.ra-gold-bar:before {
  content: "";
}

.ra-grappling-hook:before {
  content: "";
}

.ra-grass:before {
  content: "";
}

.ra-grass-patch:before {
  content: "";
}

.ra-grenade:before {
  content: "";
}

.ra-groundbreaker:before {
  content: "";
}

.ra-guarded-tower:before {
  content: "";
}

.ra-guillotine:before {
  content: "";
}

.ra-halberd:before {
  content: "";
}

.ra-hammer:before {
  content: "";
}

.ra-hammer-drop:before {
  content: "";
}

.ra-hand:before {
  content: "";
}

.ra-hand-emblem:before {
  content: "";
}

.ra-hand-saw:before {
  content: "";
}

.ra-harpoon-trident:before {
  content: "";
}

.ra-health:before {
  content: "";
}

.ra-health-decrease:before {
  content: "";
}

.ra-health-increase:before {
  content: "";
}

.ra-heart-bottle:before {
  content: "";
}

.ra-heart-tower:before {
  content: "";
}

.ra-heartburn:before {
  content: "";
}

.ra-hearts:before {
  content: "";
}

.ra-hearts-card:before {
  content: "";
}

.ra-heat-haze:before {
  content: "";
}

.ra-heavy-fall:before {
  content: "";
}

.ra-heavy-shield:before {
  content: "";
}

.ra-helmet:before {
  content: "";
}

.ra-help:before {
  content: "";
}

.ra-hive-emblem:before {
  content: "";
}

.ra-hole-ladder:before {
  content: "";
}

.ra-honeycomb:before {
  content: "";
}

.ra-hood:before {
  content: "";
}

.ra-horn-call:before {
  content: "";
}

.ra-horns:before {
  content: "";
}

.ra-horseshoe:before {
  content: "";
}

.ra-hospital-cross:before {
  content: "";
}

.ra-hot-surface:before {
  content: "";
}

.ra-hourglass:before {
  content: "";
}

.ra-hydra:before {
  content: "";
}

.ra-hydra-shot:before {
  content: "";
}

.ra-ice-cube:before {
  content: "";
}

.ra-implosion:before {
  content: "";
}

.ra-incense:before {
  content: "";
}

.ra-insect-jaws:before {
  content: "";
}

.ra-interdiction:before {
  content: "";
}

.ra-jetpack:before {
  content: "";
}

.ra-jigsaw-piece:before {
  content: "";
}

.ra-kaleidoscope:before {
  content: "";
}

.ra-kettlebell:before {
  content: "";
}

.ra-key:before {
  content: "";
}

.ra-key-basic:before {
  content: "";
}

.ra-kitchen-knives:before {
  content: "";
}

.ra-knife:before {
  content: "";
}

.ra-knife-fork:before {
  content: "";
}

.ra-knight-helmet:before {
  content: "";
}

.ra-kunai:before {
  content: "";
}

.ra-lantern-flame:before {
  content: "";
}

.ra-large-hammer:before {
  content: "";
}

.ra-laser-blast:before {
  content: "";
}

.ra-laser-site:before {
  content: "";
}

.ra-lava:before {
  content: "";
}

.ra-leaf:before {
  content: "";
}

.ra-leo:before {
  content: "";
}

.ra-level-four:before {
  content: "";
}

.ra-level-four-advanced:before {
  content: "";
}

.ra-level-three:before {
  content: "";
}

.ra-level-three-advanced:before {
  content: "";
}

.ra-level-two:before {
  content: "";
}

.ra-level-two-advanced:before {
  content: "";
}

.ra-lever:before {
  content: "";
}

.ra-libra:before {
  content: "";
}

.ra-light-bulb:before {
  content: "";
}

.ra-lighthouse:before {
  content: "";
}

.ra-lightning:before {
  content: "";
}

.ra-lightning-bolt:before {
  content: "";
}

.ra-lightning-storm:before {
  content: "";
}

.ra-lightning-sword:before {
  content: "";
}

.ra-lightning-trio:before {
  content: "";
}

.ra-lion:before {
  content: "";
}

.ra-lit-candelabra:before {
  content: "";
}

.ra-load:before {
  content: "";
}

.ra-locked-fortress:before {
  content: "";
}

.ra-love-howl:before {
  content: "";
}

.ra-maggot:before {
  content: "";
}

.ra-magnet:before {
  content: "";
}

.ra-mass-driver:before {
  content: "";
}

.ra-match:before {
  content: "";
}

.ra-meat:before {
  content: "";
}

.ra-meat-hook:before {
  content: "";
}

.ra-medical-pack:before {
  content: "";
}

.ra-metal-gate:before {
  content: "";
}

.ra-microphone:before {
  content: "";
}

.ra-mine-wagon:before {
  content: "";
}

.ra-mining-diamonds:before {
  content: "";
}

.ra-mirror:before {
  content: "";
}

.ra-monster-skull:before {
  content: "";
}

.ra-mountains:before {
  content: "";
}

.ra-moon-sun:before {
  content: "";
}

.ra-mp5:before {
  content: "";
}

.ra-muscle-fat:before {
  content: "";
}

.ra-muscle-up:before {
  content: "";
}

.ra-musket:before {
  content: "";
}

.ra-nails:before {
  content: "";
}

.ra-nodular:before {
  content: "";
}

.ra-noose:before {
  content: "";
}

.ra-nuclear:before {
  content: "";
}

.ra-ocarina:before {
  content: "";
}

.ra-ocean-emblem:before {
  content: "";
}

.ra-octopus:before {
  content: "";
}

.ra-omega:before {
  content: "";
}

.ra-on-target:before {
  content: "";
}

.ra-ophiuchus:before {
  content: "";
}

.ra-overhead:before {
  content: "";
}

.ra-overmind:before {
  content: "";
}

.ra-palm-tree:before {
  content: "";
}

.ra-pawn:before {
  content: "";
}

.ra-pawprint:before {
  content: "";
}

.ra-perspective-dice-five:before {
  content: "";
}

.ra-perspective-dice-four:before {
  content: "";
}

.ra-perspective-dice-one:before {
  content: "";
}

.ra-perspective-dice-random:before {
  content: "";
}

.ra-perspective-dice-six:before {
  content: "";
}

.ra-perspective-dice-two:before {
  content: "";
}

.ra-perspective-dice-three:before {
  content: "";
}

.ra-pill:before {
  content: "";
}

.ra-pills:before {
  content: "";
}

.ra-pine-tree:before {
  content: "";
}

.ra-ping-pong:before {
  content: "";
}

.ra-pisces:before {
  content: "";
}

.ra-plain-dagger:before {
  content: "";
}

.ra-player:before {
  content: "";
}

.ra-player-despair:before {
  content: "";
}

.ra-player-dodge:before {
  content: "";
}

.ra-player-king:before {
  content: "";
}

.ra-player-lift:before {
  content: "";
}

.ra-player-pain:before {
  content: "";
}

.ra-player-pyromaniac:before {
  content: "";
}

.ra-player-shot:before {
  content: "";
}

.ra-player-teleport:before {
  content: "";
}

.ra-player-thunder-struck:before {
  content: "";
}

.ra-podium:before {
  content: "";
}

.ra-poison-cloud:before {
  content: "";
}

.ra-potion:before {
  content: "";
}

.ra-pyramids:before {
  content: "";
}

.ra-queen-crown:before {
  content: "";
}

.ra-quill-ink:before {
  content: "";
}

.ra-rabbit:before {
  content: "";
}

.ra-radar-dish:before {
  content: "";
}

.ra-radial-balance:before {
  content: "";
}

.ra-radioactive:before {
  content: "";
}

.ra-raven:before {
  content: "";
}

.ra-reactor:before {
  content: "";
}

.ra-recycle:before {
  content: "";
}

.ra-regeneration:before {
  content: "";
}

.ra-relic-blade:before {
  content: "";
}

.ra-repair:before {
  content: "";
}

.ra-reverse:before {
  content: "";
}

.ra-revolver:before {
  content: "";
}

.ra-rifle:before {
  content: "";
}

.ra-ringing-bell:before {
  content: "";
}

.ra-roast-chicken:before {
  content: "";
}

.ra-robot-arm:before {
  content: "";
}

.ra-round-bottom-flask:before {
  content: "";
}

.ra-round-shield:before {
  content: "";
}

.ra-rss:before {
  content: "";
}

.ra-rune-stone:before {
  content: "";
}

.ra-sagittarius:before {
  content: "";
}

.ra-sapphire:before {
  content: "";
}

.ra-sattelite:before {
  content: "";
}

.ra-save:before {
  content: "";
}

.ra-scorpio:before {
  content: "";
}

.ra-scroll-unfurled:before {
  content: "";
}

.ra-scythe:before {
  content: "";
}

.ra-sea-serpent:before {
  content: "";
}

.ra-seagull:before {
  content: "";
}

.ra-shark:before {
  content: "";
}

.ra-sheep:before {
  content: "";
}

.ra-sherif:before {
  content: "";
}

.ra-shield:before {
  content: "";
}

.ra-ship-emblem:before {
  content: "";
}

.ra-shoe-prints:before {
  content: "";
}

.ra-shot-through-the-heart:before {
  content: "";
}

.ra-shotgun-shell:before {
  content: "";
}

.ra-shovel:before {
  content: "";
}

.ra-shuriken:before {
  content: "";
}

.ra-sickle:before {
  content: "";
}

.ra-sideswipe:before {
  content: "";
}

.ra-site:before {
  content: "";
}

.ra-skull:before {
  content: "";
}

.ra-skull-trophy:before {
  content: "";
}

.ra-slash-ring:before {
  content: "";
}

.ra-small-fire:before {
  content: "";
}

.ra-snail:before {
  content: "";
}

.ra-snake:before {
  content: "";
}

.ra-snorkel:before {
  content: "";
}

.ra-snowflake:before {
  content: "";
}

.ra-soccer-ball:before {
  content: "";
}

.ra-spades:before {
  content: "";
}

.ra-spades-card:before {
  content: "";
}

.ra-spawn-node:before {
  content: "";
}

.ra-spear-head:before {
  content: "";
}

.ra-speech-bubble:before {
  content: "";
}

.ra-speech-bubbles:before {
  content: "";
}

.ra-spider-face:before {
  content: "";
}

.ra-spikeball:before {
  content: "";
}

.ra-spiked-mace:before {
  content: "";
}

.ra-spiked-tentacle:before {
  content: "";
}

.ra-spinning-sword:before {
  content: "";
}

.ra-spiral-shell:before {
  content: "";
}

.ra-splash:before {
  content: "";
}

.ra-spray-can:before {
  content: "";
}

.ra-sprout:before {
  content: "";
}

.ra-sprout-emblem:before {
  content: "";
}

.ra-stopwatch:before {
  content: "";
}

.ra-suckered-tentacle:before {
  content: "";
}

.ra-suits:before {
  content: "";
}

.ra-sun:before {
  content: "";
}

.ra-sun-symbol:before {
  content: "";
}

.ra-sunbeams:before {
  content: "";
}

.ra-super-mushroom:before {
  content: "";
}

.ra-supersonic-arrow:before {
  content: "";
}

.ra-surveillance-camera:before {
  content: "";
}

.ra-syringe:before {
  content: "";
}

.ra-target-arrows:before {
  content: "";
}

.ra-target-laser:before {
  content: "";
}

.ra-targeted:before {
  content: "";
}

.ra-taurus:before {
  content: "";
}

.ra-telescope:before {
  content: "";
}

.ra-tentacle:before {
  content: "";
}

.ra-tesla:before {
  content: "";
}

.ra-thorn-arrow:before {
  content: "";
}

.ra-thorny-vine:before {
  content: "";
}

.ra-three-keys:before {
  content: "";
}

.ra-tic-tac-toe:before {
  content: "";
}

.ra-toast:before {
  content: "";
}

.ra-tombstone:before {
  content: "";
}

.ra-tooth:before {
  content: "";
}

.ra-torch:before {
  content: "";
}

.ra-tower:before {
  content: "";
}

.ra-trail:before {
  content: "";
}

.ra-trefoil-lily:before {
  content: "";
}

.ra-trident:before {
  content: "";
}

.ra-triforce:before {
  content: "";
}

.ra-trophy:before {
  content: "";
}

.ra-turd:before {
  content: "";
}

.ra-two-dragons:before {
  content: "";
}

.ra-two-hearts:before {
  content: "";
}

.ra-uncertainty:before {
  content: "";
}

.ra-underhand:before {
  content: "";
}

.ra-unplugged:before {
  content: "";
}

.ra-vase:before {
  content: "";
}

.ra-venomous-snake:before {
  content: "";
}

.ra-vest:before {
  content: "";
}

.ra-vial:before {
  content: "";
}

.ra-vine-whip:before {
  content: "";
}

.ra-virgo:before {
  content: "";
}

.ra-water-drop:before {
  content: "";
}

.ra-wifi:before {
  content: "";
}

.ra-wireless-signal:before {
  content: "";
}

.ra-wolf-head:before {
  content: "";
}

.ra-wolf-howl:before {
  content: "";
}

.ra-wooden-sign:before {
  content: "";
}

.ra-wrench:before {
  content: "";
}

.ra-wyvern:before {
  content: "";
}

.ra-x-mark:before {
  content: "";
}

.ra-zebra-shield:before {
  content: "";
}

.ra-arcane-mask:before {
  content: "";
}

.ra-aquarius:before {
  content: "";
}

.ra-apple:before {
  content: "";
}

.ra-anvil:before {
  content: "";
}

.ra-ankh:before {
  content: "";
}

.ra-angel-wings:before {
  content: "";
}

.ra-anchor:before {
  content: "";
}

.ra-ammo-bag:before {
  content: "";
}

.ra-alligator-clip:before {
  content: "";
}

.ra-all-for-one:before {
  content: "";
}

.ra-alien-fire:before {
  content: "";
}

.ra-acorn:before {
  content: "";
}

/*# sourceMappingURL=rpg-awesome.css.map */

.marker-content h5 {
    color: #060606;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.marker-content a {
	font-weight: bold;
}

.marker-content a:hover {
	color: #0078A8;
}

.marker-content p {
	margin-bottom: 10px;
	margin-top: 0px;
}


.user-css.htmlIcon {
    background: #00000055;
    border-radius: 50%;
    font-size: 2em;
    text-align: center;
    padding: 6px;
    color: white;
}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
.usercard {
    background-color: #ececec;
    padding: 15px;
    color: #1f1f1f;
    border: 1px #1f1f1f solid;
}

.usercard .header-title {
    color: #0a0f18;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.usercard .usercard-fullname {
    margin-bottom: 10px;
}

.usercard a.usercard-link {
    color: #283348;
}

.usercard a.usercard-link:hover {
    color: #0a0f18;
}
.iconPf2 {
    vertical-align: middle;
    margin-right: -1px;
    margin-left: -1px;
    margin-top: -0px;
    margin-bottom: -0px;
}
.iconPf2.oneaction {
    width: 14px;
}
.iconPf2.twoaction {
    height: 22px;
    width: 24px;
}
.iconPf2.threeaction {
    height: 28px;
    width: 32px;
}

/* Generic Text Transformations, Color and Effects */

.text-green-light, .text-lime {
    color: #24ff24;
}

.fa-spacer {
    display: inline-block;
    width: 1.6em;
}

.float-top-right {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10000;
}
.float-bottom-right {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10000;
}

.depth-0 {
    margin-left: 10px;
}
.depth-1 {
    margin-left: 30px;
}
.depth-2 {
    margin-left: 50px;
}
.depth-3 {
    margin-left: 70px;
}
.depth-4 {
    margin-left: 90px;
}
.depth-5 {
    margin-left: 110px;
}

@media print {
    .do-not-print, .userway {
        display: none;
    }

    a::after {
        content: "" !important;
    }
}
.system-cod .full-dot {
    height: 10px;
    width: 10px;
    background-color: #3c3c3c;
    border-radius: 50%;
    border: 1.5px solid black;
    display: inline-block;
}

.system-cod .empty-dot {
    height: 10px;
    width: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1.5px solid black;
    display: inline-block;
}

.system-cod .split-line
{
    border-bottom: solid 2px #3c3c3c;
}
.template-character-dnd5e {
    margin-top: 20px;
    border: 2px solid #58180d;
    display: block;
    background-color: #e3dbc6;
    border: 1px solid #760809;
    padding: 20px;
    position: relative;
    color: #000;
    background-image: url(/images/parchment.jpg)
}
.template-character-dnd5e hr {
    margin: 0;
    color: #770808;
    border: 1px #c9ad6a solid;
    margin-top: 12px;
    margin-bottom: 12px;
}
.template-character-dnd5e hr.hr-dark {
    border: 1px #58180d solid;
}
.template-character-dnd5e .statblock-source {
    text-align: right;
    font-size: 0.7em;
    font-style: italic;
    color: #424242;
    position: absolute;
    top:20px;
    right: 20px;
}
.template-character-dnd5e h1 {
    font-family: "Crimson Text";
    font-size: 1.6rem;
    color: #58180d;
    margin: 0;
    padding: 0;
}
.template-character-dnd5e h2 {
    font-family: "Crimson Text";
    font-size: 20px;
    color: #58180d;
    border-bottom: 2px solid #c9ad6a;
}
.template-character-dnd5e h3 {
    margin: 0;
    margin-top: 15px;
    color: #7b2516;
    font-family: "Crimson Text";
    font-size: 20px;
}
.template-character-dnd5e h4 {
    margin: 0;
    color: #770808;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    text-transform: uppercase;
}
.template-character-dnd5e .subheading {
    font-size: 12px;
    font-style: italic;
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
}
.template-character-dnd5e .modifiers {
    padding-left: 20px;
    padding-right: 20px;
}
.template-character-dnd5e .statblock-stat {
    margin: 1px 0;
    padding: 0;
}
.template-character-dnd5e .statblock-attribute {
    display: inline-block;
    height: 18px;
    width: 54px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.template-character-dnd5e .inputContent {
    font-weight: bold;
    font-family: "Crimson Text";
    font-size: 18px;
    padding-left: 5px;
    color: #58180d;
}
.template-character-dnd5e .inputLabel {
    display: block;
    border-top: 1px black dotted;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 2px;
    padding-left: 2px;
    margin-top: 3px;
}
.template-character-dnd5e .contentContainer {
    border: 1px black solid;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #ffffffba;
}
.template-character-dnd5e .contentContainer-attribute .inputLabel {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}
.template-character-dnd5e .contentContainer-side .inputLabel {
    text-align: left;
    border: 0;
    padding: 0;
    padding-left: 10px;
    margin-left: 25px;
    margin-top: 3px;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}
.template-character-dnd5e .contentContainer-standard .inputLabel {
    text-align: center;
    padding: 0;
    padding-top: 3px;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}
.template-character-dnd5e .contentContainer-standard td {
    border:0;
    padding:4px;
}
.template-character-dnd5e .contentContainer-attribute {
    text-align: center;
    font-size: 24px;
 }
.template-character-dnd5e .contentContainer-attribute .rolldice {
    font-size: 0.9rem;
}
.template-character-dnd5e .contentContainer-attribute .subContainer {
    font-size: 0.7em;
    display: block;
}
.template-character-dnd5e .dsts {
    background-image: url(/images/bg-dark.jpg)
}
.template-character-dnd5e .dsts .card {
    background-color: #ffffffba;
}
.template-character-dnd5e .trackable input {
    width: 4rem;
}
.template-character-dnd5e .trackable .trackable-value {
    font-size: 1.1rem;
}
.template-character-dnd5e .trackable span {
    width: 4rem;
    display: inline-block;
}
.template-character-dnd5e .trackable h4 {
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-top: 1rem;
}
.template-character-dnd5e .trackable h5 {
    font-size: 0.85rem;
    text-transform: uppercase;
}
.template-character_dnd35e {
	padding:20px;
	background-color: #e5dfc1;
	border: 1px solid #504717;
}

.system-dnd35e h1 p, 
.system-dnd35e h2 p, 
.system-dnd35e h3 p, 
.system-dnd35e h4 p,
.system-dnd35e h5 p, 
.system-dnd35e h6 p {
    margin:0;
}

.system-dnd35e .sub-table-title,
.system-dnd35e .skill-table-header
{
    font-size: 1.1em;
    font-weight: 700; 
}

.system-dnd35e .dnd35-label {
	font-style: oblique;

}

.system-dnd35e .dnd35-value {
	font-weight: bold;
	font-size: 1.5em;
}

.system-dnd35e .dnd35-box {
	margin-top: 10px;
	margin-bottom: 20px;
	padding:10px;
	background-color: #f1ecd3;
	border: 1px solid #504717;
}

.system-dnd35e .attr-dnd35-label {
    font-size: 1.5em;
}

.system-dnd35e .attr-score {
    font-size: 2em;
    font-weight: bold;
}

.system-dnd35e .skills-list .row {
	margin-bottom: 5px;
	padding:2px;
	background-color: #e0dbba;
}


/* DSTS FIX  + ADDING A BIT OF COLOR */

.dsts.system-dnd35e {
    background-image: url('/images/bg-dark.jpg');
}

.dsts.system-dnd35e .card {
    background-color: #ffffffba;
}
.system-dnd35e {
    background-image: url('/images/parchment.jpg');
    padding: 10px;
    border: 2px solid #58180d;
    display: block;
}

.system-dnd35e h1 {
    font-family: "Crimson Text";
    font-size: 1.6rem;
    color: #58180d;
    margin: 0;
    padding: 0;
}

.system-dnd35e h2 {
    font-family: "Crimson Text";
    font-size: 20px;
    color: #58180d;
    border-bottom: 2px solid #c9ad6a;
}

.system-dnd35e h3 {
    margin: 0;
    margin-top: 15px;
    color: #7b2516;
    font-family: "Crimson Text";
    font-size: 20px;
}

.system-dnd35e h4 {
    margin: 0;
    color: #770808;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    text-transform: uppercase;
}
.system-pathfinder h1 p, 
.system-pathfinder h2 p, 
.system-pathfinder h3 p, 
.system-pathfinder h4 p,
.system-pathfinder h5 p, 
.system-pathfinder h6 p {
	margin:0;
}

.system-pathfinder.statblock {
    background-color: #e3dbc6;
    border: 1px solid #760809;
    padding: 20px;
    position: relative;
}

.system-pathfinder hr {
	margin: 0;
	color: #770808;
    border: 1px #c9ad6a solid;
    margin-top: 12px;
    margin-bottom: 12px;
}

.system-pathfinder hr.hr-dark {
    border: 1px #58180d solid;
}


.system-pathfinder .statblock-source {
    text-align: right;
    font-size: 0.7em;
    font-style: italic;
    color: #424242;
    position: absolute;
    top:20px;
    right: 20px;
}

.system-pathfinder .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #dcd0b1;
}


.system-pathfinder {
    background-image: url('/images/parchment.jpg');
    /*font-family: "Raleway";*/
    font-size: 15px;
    padding: 10px;
    border: 2px solid #58180d;
    /*max-width: 860px;*/
    display: block;
}

.system-pathfinder h1 {
    font-family: "Crimson Text";
    font-size: 30px;
    color: #58180d;
    margin: 0;
    padding: 0;
}

.system-pathfinder h2 {
    font-family: "Crimson Text";
    font-size: 20px;
    color: #58180d;
    border-bottom: 2px solid #c9ad6a;
}

.system-pathfinder h3 {
    margin: 0;
    margin-top: 15px;
    color: #7b2516;
    font-family: "Crimson Text";
    font-size: 20px;
}

.system-pathfinder h4 {
    margin: 0;
    color: #FFFAF0;
	background: #5E2612;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    text-transform: uppercase;
}

.system-pathfinder .subheading {
    font-size: 12px;
    font-style: italic;
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
}

.system-pathfinder .modifiers {
    padding-left: 20px;
    padding-right: 20px;
}

.system-pathfinder .statblock-stat {
    margin: 1px 0;
    padding: 0;
}


.system-pathfinder .statblock-attribute {
    display: inline-block;
    height: 18px;
    width: 54px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.system-pathfinder .inputContent {
    font-weight: bold;
    font-family: "Crimson Text";
    font-size: 18px;
    padding-left: 5px;
    color: #58180d;
}

.system-pathfinder .inputLabel {
    display: block;
    border-top: 1px black dotted;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 2px;
    padding-left: 2px;
    margin-top: 3px;
}

.system-pathfinder .contentContainer {
    border: 1px black solid;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #ffffffba;
}

.system-pathfinder .contentContainer-attribute .inputLabel {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.system-pathfinder .contentContainer-side .inputLabel {
    text-align: left;
    border: 0;
    padding: 0;
    padding-left: 10px;
    margin-left: 25px;
    margin-top: 3px;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.system-pathfinder .contentContainer-standard .inputLabel {
    text-align: center;
    padding: 0;
    padding-top: 3px;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.system-pathfinder .contentContainer-standard td {
    border:0;
    padding:4px;
}

.system-pathfinder .contentContainer-attribute {
    text-align: center;
    font-size: 24px;
 }

.system-pathfinder .contentContainer-attribute .subContainer {
    font-size: 0.7em;
    display: block;
}
 /* IMPORTS */

@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600,600i,700');
@import url('https://fonts.googleapis.com/css?family=Oswald');

@font-face {
    font-family: 'Genesys';
    src: url('/fonts/Genesys.ttf');
}

@font-face {
    font-family: 'Genesys1';
    src: url('/fonts/EotE_Symbol-Regular_v1.otf');
}

/* Main Background */
.system-genesys {
    background-image: url(https://i.imgur.com/5s6VJkT.png);
    text-align: justify;
    font-family: 'Crimson Text', serif;
    display: inline-block;
    border: 1px #b19f55 solid;
} 

.system-genesys h1, .system-genesys h2, .system-genesys h3, .system-genesys h4, .system-genesys h5, .system-genesys h6 { 
    letter-spacing: 0px;
    font-family: 'Oswald';
    margin: 0px;
    margin-bottom: 2%;
}

.system-genesys h1{
    color: #1ABEEF;
    font-weight:400;
    font-variant: uppercase;
    font-size:42pt;
    margin-bottom:30px;
}

/* Makes the bigger "first letter" in paragraphs under H1 and H2*/
.system-genesys h1 + p:first-letter, .system-genesys h2 + p:first-letter  {
    font-family: 'Crimson Text';
    color: #326DA1;
    font-size:32pt;    
    line-height:95%;
    margin-bottom:-9px;
    margin-right:2px;
    margin-top:-5px;
    float:left;
}

.system-genesys h2 {
    color: #1ABEEF;
    font-variant: small-caps;
    display:table;
    font-size:32pt;
    font-weight:300;
    column-span:all;
}

/* create the offset underline under h2s */
.system-genesys h2:after {
    content:"";
    border-bottom: 2px solid #CCCCCC;
    display: table;
    width:100%;
    margin-top:-5px;
    margin-left:20px;
}

.system-genesys h3 {
    color: #1ABEEF;
    font-variant: small-caps;
    font-size: 18pt;
    font-weight:1;
    border:none;
}

.system-genesys h4 {
    color: #ed9629;
    font-variant: small-caps;
    font-size: 16pt;
    text-align:center;
}

.system-genesys h5 {
    color: #326DA1;
    font-weight: 1;
    font-variant: small-caps;
    font-size: 16pt;
}

.system-genesys h6 {
    color: #ea702b;
    font-variant: small-caps;
    font-size: 16pt;
    display: table;
    border-bottom: 1px solid #ea702b;
}

.system-genesys p { 
    font-size: 15px; 
    letter-spacing: -0.4px;
    line-height:1.15em;
    text-indent:0px !important;
    font-weight:400;
    padding-bottom:1px;
    column-fill:balance;
}

.system-genesys ul li span {
    font-size: 15px; 
    letter-spacing: -0.4px;
    
}

.system-genesys .force-indent {
    text-indent: 1em !important;
}

.system-genesys p + p {
    margin-top:0px;  
}

.system-genesys wide {clear:both;}
.system-genesys .abilities {
    list-style: none;
    padding-left: 1.5em;
}
.system-genesys .abilities li::before {
    content: "•"; 
    color: #F69337;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.system-genesys .characteristics {
    background-image: url('https://i.imgur.com/wk1XTwj.png');
    height:62px;
    width:329px;
    background-size:100%;
    font-family: 'Oswald';
    font-size:14pt;
}

.system-genesys .characteristics .bra {
    position:relative;
    left:15.5px;
    top:5px;
    text-align:center;
    display:inline-block;
    width:25px;
}

.system-genesys .characteristics .agi {
    position:relative;
    left:41px;
    top:5px;
    width:25px;
    text-align:center;
    display:inline-block;
}
.system-genesys .characteristics .int {
    position:relative;
    left:66.5px;
    top:5px;
    width:25px;
    text-align:center;
    display:inline-block;
}

.system-genesys .characteristics .cun {
    position:relative;
    left:91px;
    top:5px;
    width:25px;
    text-align:center;
    display:inline-block;
}
.system-genesys .characteristics .wil {
    position:relative;
    left:117px;
    top:5px;
    width:25px;
    text-align:center;
    display:inline-block;
}
.system-genesys .characteristics .pre {
    position:relative;
    left:141.5px;
    top:5px;
    width:25px;
    text-align:center;
    display:inline-block;
}

/* Dice and Symbols */
.genesys-wrapper .symbols {
    font-family: Genesys;
}

.genesys-wrapper .dice {
    font-family: Genesys1;
}

.genesys-wrapper .setback {
    font-family: Genesys1;
    color: black;
    text-shadow: -1px 0 #000000,0 1px #000000,1px 0 #000000,0 -1px #000000;
}


.genesys-wrapper .boost {
    font-family: Genesys1;
    color: #76CDDB;
    text-shadow: -1px 0 #000000,0 1px #000000,1px 0 #000000,0 -1px #000000;
}

.genesys-wrapper .challenge {
    font-family: Genesys1;
    color: #751317;
    text-shadow: -1px 0 #000000,0 1px #000000,1px 0 #000000,0 -1px #000000;
}

.genesys-wrapper .proficiency {
    font-family: Genesys1;
    color: #FEF035;
    text-shadow: -1px 0 #000000,0 1px #000000,1px 0 #000000,0 -1px #000000;
}

.genesys-wrapper .difficulty {
    font-family: Genesys1;
    color: #52287E;
    text-shadow: -1px 0 #000000,0 1px #000000,1px 0 #000000,0 -1px #000000;
}

.genesys-wrapper .ability {
    font-family: Genesys1;
    color: #46AC4E;
    text-shadow: -1px 0 #000000,0 1px #000000,1px 0 #000000,0 -1px #000000;
}

.system-genesys .block {
    max-width: 369px;
    padding: 20px;
}

/* Adversaries */
.system-genesys .adversary {
    background-image: url('https://i.imgur.com/ks1JaPU.png');
    height:47px;
    width:329px;
    background-position: -3px 0px;
    background-size:102%;
    font-family: 'Bebas Neue';
    font-size:14pt;
}

.system-genesys .adversary .soak {
    position:relative;
    left:25px;
    top:15px;
    width:25px;
    text-align:center;
    display:inline-block;
}
.system-genesys .adversary .wound {
    position:relative;
    left:78px;
    top:15px;
    width:25px;
    text-align:center;
    display:inline-block;
}
.system-genesys .adversary .strain {
    position:relative;
    left:131px;
    top:15px;
    width:25px;
    text-align:center;
    display:inline-block;
}
.system-genesys .adversary .mdef {
    position:relative;
    left:171px;
    top:15px;
    width:25px;
    text-align:center;
    display:inline-block;
}
.system-genesys .adversary .rdef {
    position:relative;
    left:167px;
    top:15px;
    width:25px;
    text-align:center;
    display:inline-block;
}

/* MINION STAT BLOCK */
.system-genesys .minion {
    background-image: url('https://i.imgur.com/K1aEwZa.png');
    height:63px;
    width:329px;
    background-position: 42px 0px;
    background-repeat:no-repeat;
    background-size:75%;
    font-family: 'Bebas Neue';
    font-size:14pt;
}

.system-genesys .minion .soak {
    position:relative;
    left:71px;
    top:13px;
    width:25px;
    text-align:center;
    display:inline-block;
}

.system-genesys .minion .wound {
    position:relative;
    left:125px;
    top:13px;
    width:25px;
    text-align:center;
    display:inline-block;
}

.system-genesys .minion .mdef {
    position:relative;
    left:165px;
    top:13px;
    width:25px;
    text-align:center;
    display:inline-block;
}
.system-genesys .minion .rdef {
    position:relative;
    left:165px;
    top:13px;
    width:25px;
    text-align:center;
    display:inline-block;
}

.system-genesys .talent {
    line-height:1.04em;
    font-size: 15px; 
    letter-spacing: -0.4px;
    text-indent:0px !important;
    font-weight:400;
    padding-bottom:1px;
    column-fill:balance;
}

/* Charactet sheet */
.system-genesys .character-sheet {
    background-image: url("/images/rpgsrd/genesys/character-sheet.png");
    background-size: 1000px 1299px;
    width: 1000px;
    height: 1299px;
}

.system-genesys .character-sheet span {
    font-size: 15pt;
}

.system-genesys .character-name {
    margin-top: 45px !important;
}

.system-genesys .character-info {
    margin-left: 210px;
    margin-top: 5px;
    padding-bottom: 2px;
    display: inline-block;
}

.system-genesys .character-resources {
    margin-left: 105px;
    margin-top: 55px;
    display: flex;
}

.system-genesys .resource-block {
    padding: 0px;
    width: 200px;
    height: 42px;
}

.system-genesys .resource-block span {
    font-size: 32pt;
    text-align: center;
}

.system-genesys .character-resources .threshold {
    width: 55px;
    display: inline-block;
    margin-left: 35px;
}
.system-genesys .character-resources .current {
    width: 55px;
    display: inline-block;
}
.system-genesys .character-characteristics {
    display: flex;
    margin-top: 75px;
}
.system-genesys .character-characteristics .characteristic {
    width: 9px;
    display: flex;
    margin-left: 138px;
    margin-right: -8px;
}

.system-genesys .characteristic span {
    font-size: 32pt;
    text-align: center;
}

.system-genesys .character-skills {
    margin-top: 82px;
    margin-left: 96px;
    width: 808px;
    height: 569px;
    display: flex;
}

.system-genesys .character-skills .left-column {
    display: block;
    padding-right: 12px;
    width: 391px;
}

.system-genesys .character-skills .general-skills {
    width: 391px;
    height:468px;
}

.system-genesys .character-skills .magic-skills {
    margin-top: 26px;
    width: 391px;
    height:70px;
}

.system-genesys .character-skills .right-column {
    display: block;
    padding-left: 25px;
    width: 391px;
}

.system-genesys .character-skills .combat-skills {
    width: 391px;
    height: 188px;
}

.system-genesys .character-skills .social-skills {
    margin-top: 48px;
    width: 391px;
    height: 118px;
}

.system-genesys .character-skills .knowledge-skills {
    margin-top: 24px;
    width: 391px;
    height: 95px;
}

.system-genesys .character-skills .custom-skills {
    margin-top: 24px;
    width: 391px;
    height: 95px;
}

.system-genesys .skill-row {
    height: 23.35px;
    display: flex;
}

.system-genesys .skill-row .name {
    width: 130px;
    overflow: hidden;
    height: inherit;
    padding-left: 11px;
}

.system-genesys .skill-row .setting {
    width: 64px;
    overflow: hidden;
    height: inherit;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

.system-genesys .skill-row .career {
    width: 66px;
    overflow: hidden;
    height: inherit;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

.system-genesys .skill-row .rank {
    display: flex;
    width: 110px;
    overflow: hidden;
    height: inherit;
    padding-left: 10px;
    align-items: center; /* align vertical */
}

.system-genesys .skill-row .rank > span {
    margin: 0 6px;
}

.system-genesys .skill-row *:not(.rank) span {
    font-size: 12pt;
    padding-left: 12px;
}

.circle {
    background: #000;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
}

.square {
    background: #000;
    width: 10px !important;
    height: 10px !important;
}

.oval {
    display: inline-block;
    background: #000;
    width: 12px !important;
    height: 6px !important;
    border-radius: 75%;
}

.center {
    margin: auto;
    width: 50%;
    display: block;
}

.system-genesys .character-resources .soak > span {
    font-size: 32pt;
    text-align: center;
}

.system-genesys .character-weapons {
    margin-top: 78px;
    margin-left: 96px;
    width: 808px;
    height:105px;
}

.system-genesys .weapon-row {
    height: 26.35px;
    display: flex;
}

.system-genesys .weapon-row .name {
    width: 133px;
    overflow: hidden;
    height: inherit;
}

.system-genesys .weapon-row .skill {
    width: 132px;
    overflow: hidden;
    height: inherit;
}

.system-genesys .weapon-row .damage {
    width: 132px;
    overflow: hidden;
    height: inherit;
}

.system-genesys .weapon-row .crit {
    width: 90px;
    overflow: hidden;
    height: inherit;
}

.system-genesys .weapon-row .range {
    width: 125px;
    overflow: hidden;
    height: inherit;
}

.system-genesys .weapon-row .special {
    width: 195px;
    overflow: hidden;
    height: inherit;
}

.system-genesys .weapon-row span:not(.center) {
    padding-left: 12px;
}

.system-genesys .character-total-xp {
    margin-top: 15px;
    margin-left: 117px;
    width: 110px;
    height: 50px;
}

.system-genesys .character-xp {
    margin-top: 15px;
    margin-left: 117px;
    display: flex;
}

.system-genesys .character-xp .total {
    display: flex;
    width: 110px;
    height: 50px;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

.system-genesys .character-xp .available {
    display: flex;
    margin-left: 545px;
    width: 110px;
    height: 50px;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

.dsts.system-genesys h4 {
    text-align: left;
}

.dsts.system-genesys {
    max-width: inherit;
}

/*==========================
  GRID STYLES
 ========================== */

.system-dw .grid-container {
  display: grid;
  align-items: stretch;
  justify-items: stretch;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-gap: 2em;
  column: 1.5em;
}

/* Spans 4 columns */
.system-dw .four-container {
  grid-column: span 4;
}

/* Spans 3 columns */
.system-dw .three-container {
  grid-column: span 3;
}

/* ...guess. */
.system-dw .one-container {
  grid-column: span 1;
}

.system-dw .section-label {
  background-color: black;
  color: white;  
  font-size: 1.5em;
  padding: .2em 1.1em;
}

.system-dw .start-slant {
  /* Shamelessly stolen from 
  https://kilianvalkhof.com/2017/design/sloped-edges-with-consistent-angle-in-css/ */
  clip-path: polygon(
    calc(0% + 1.2vw) 0, /* left top */
    100% 0, /* right top */
    100% 100%, /* right bottom */
    0 100% /* left bottom */
  );  
}

.system-dw .end-slant {
  /* Shamelessly stolen from 
  https://kilianvalkhof.com/2017/design/sloped-edges-with-consistent-angle-in-css/ */
  clip-path: polygon(
    0 0, /* left top */
    100% 0, /* right top */
    calc(100% - 1.2vw) 100%, /* right bottom */
    0 100% /* left bottom */
  );
}

.system-dw .pc-name, 
.system-dw .pc-class {
  grid-column: 1 / 7;    
  font-size: 1.8em;
  font-variant: small-caps;
}

.system-dw .look {
  grid-column: 7 / end;
  grid-row: 1;
  font-style: italic;
  text-align: right;
}

.system-dw .dw-stats, 
.system-dw .dw-stat-names {  
  border-radius: .35em;
  border: .2em;
  grid-column: span 2;    
  text-align: center;
  font-size: 2em;  
}

.system-dw .dw-stat-names {  
  background-color: black;
  color: white;  
  font-variant: small-caps;
  font-size: 1.5em;  
}

/* Border the top and sides */
.system-dw .dw-stats-top {
  border-style: solid solid none solid;
}

/* Border the bottom and sides */
.system-dw .dw-stats-bottom {
  border-style: none solid solid;
}

.system-dw .dw-stats-small {
  font-weight: bold;
  font-size: 1.8em;  
  text-align: center;
}

/* Border the top and right side, also some text styling */
.system-dw .dw-combat {    
  text-align: left;  
  border-radius: .35em;
  border: .2em;
  border-style: solid solid none none;
}

.system-dw .moves-container {
  grid-row: span 3;
  grid-column: span 9;
  max-height: 100%;
  overflow: scroll;
}

.system-dw .move-text {
  margin-top: .25em;
  font-size: .8em;  
}

.system-dw .alignment, 
.system-dw .race {
  margin-left: .5em;
  font-size: 1.2em;
}

.system-dw .bond-text, 
.system-dw .gear-item {
  margin-left: .5em;
  margin-top: .5em;
}

.system-dw .gear-container {  
  grid-column: span 13;
  display: grid;
  grid-template-columns: auto repeat(5, 1fr);
  align-items: bottom;
}

.system-dw .gear-label {
  grid-column: span 6;
}

.system-dw .gear-item {    
  font-size: 1.1em;
}

.system-dw .class-container {
  grid-column: span 9;  
}


/*==========================
  OLD TABLE STYLES
 ========================== */

 /*--------------
Shared table styles
-----------------*/

.system-dw h1, 
.system-dw h2, 
.system-dw h3 {
  font-family:'Yanone Kaffeesatz',serif;
}

.system-dw h1 {
  font-size: 40px;
  font-variant: small-caps;
}

.system-dw h2 {
  font-size: 30px;
  font-variant: small-caps;
}

.system-dw h3 {
  font-size: 23px;
  font-weight: 200;
}
.system-dw body{
  font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 12px;
}

.system-dw .dw-box {
  -webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 2px 4px 0px;
  background-color: rgb(255, 255, 255);
  border-bottom-color: rgb(204, 204, 204);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(204, 204, 204);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(204, 204, 204);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(204, 204, 204);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px 2px 4px 0px;
  padding: 20px;     
}

.system-dw .dw-table {
  font: serif; 
  width: 100%;   
  border-top: 3px solid black;
  border-bottom: 3px solid black;
}

.system-dw .name {
    font-weight: bold;
    font-variant: small-caps;
    font-size: larger;
}

.system-dw .tags {
  font-style: italic;
  text-align: right;
  font-size: 12px;  
}

.system-dw .dw-armor {
  width: 20%;
  font-size: 14px;
  text-align: right;
}

 /*--------------
Item table styles
-----------------*/
.system-dw .dw-uses {
  padding-right: 2em;
}

 /*--------------
Monster table styles
-----------------*/
.system-dw .damage-tags {
  font-style: italic;
  font-size: 12px;
}

.system-dw .special-qualities {
  font-size: 14px;
}

.system-dw .dw-damage {
  width: 60%;
  font-size: 14px;
}

.system-dw .monster-hp {
  width: 20%;
  font-size: 14px;
  text-align: center;
}

.system-wod .full-dot {
    height: 10px;
    width: 10px;
    background-color: #3c3c3c;
    border-radius: 50%;
    border: 1.5px solid black;
    display: inline-block;
}

.system-wod .empty-dot {
    height: 10px;
    width: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1.5px solid black;
    display: inline-block;
}

.system-wod .split-line
{
    border-bottom: solid 2px #3c3c3c;
}
table.system-shadowrun5 {
    background-color: #424949;
    border-spacing: 0px;
}

.system-shadowrun5 caption {
    font-weight: bold;
    font-size: large;
}

.system-shadowrun5 tr.attribute_header {
    background-color: #000;
}

.system-shadowrun5 tr.attribute_header > td {
    width: 42px;
    text-align: center;
    color: #F1C40F;
    font-weight: bold;
    border-top: 2px solid #F1C40F;
    border-bottom: 2px solid #F1C40F;
    background-color: #000;
}
.system-shadowrun5 tr.vehicles > td {
    width: 60px;
}

.system-shadowrun5 tr.attributes > td {
    text-align: center;
    border-bottom: 2px solid #F1C40F;
}

.system-shadowrun5 td {
    padding: 2px;
    color: #EEE;
    background-color: #424949;
}

.system-shadowrun5 td.table_header_left {
    background-color: #000;
    color: #F1C40F;
    font-weight: bold;
    vertical-align: top;
}

@import url(https://fonts.googleapis.com/css?family=Prosto+One|Sigmar+One|Bangers);

.system-dch .dch_page {
  padding: 0;
  padding-left: .5em;
}

.system-dch .fr-attrib {
  border-top: 2px solid #6d6d6d;
  border-left: 1px solid #6d6d6d;
  border-right: 1px solid #6d6d6d;
  border-bottom: 2px solid #6d6d6d;
  background: #fff;
}

.system-dch .back_col {
  background: rgba(70, 130, 180, 0.6);
  position: absolute;
  z-index: -1;
  right:0;
  top:0;
  bottom:0;
  width: 60vw;
}

.system-dch .stripe_hightlight {
  background: rgba(70, 130, 180, 0.6);
}
.system-dch .stripe_hightlight_light {
  background: rgba(70, 130, 180, 0.25);
}

.system-dch .mb-2em {
  margin-bottom: 2em;
}
.system-dch .mb-1em {
  margin-bottom: 1em;
}

.system-dch .cat-bar {
  border-bottom:2px dashed #033661;
}

.system-dch .dch_categories {
  font-family: Prosto One, cursive;
  font-style: italic;
  -webkit-text-stroke: 1px rgba(3, 54, 97, 0.5);
  color: rgba(3, 54, 97, 0.8);
}

.system-dch .cat_val {
  background: #fff;
}

.system-dch .dch_fnote {
  font-style: italic;
  font-size: 10pt;
}

.system-dch .hero_title {
  font-family: Sigmar One, cursive;
  font-style: italic;
  -webkit-text-stroke: 1px rgba(3, 54, 97, 0.5);
  color: rgba(3, 54, 97, 0.8);
}

.system-dch .dch_container-fluid .row:nth-child(1),
.system-dch .dch_container-fluid .row:nth-child(n+2) div:nth-child(1),
.system-dch .attr_title {
  font-weight: 700;
  font-style: italic;
}

.system-dch .dch_container-fluid .row:nth-child(n+2) div:nth-child(2) {
  font-style: italic;
}

.system-chroub .template-character_chroub {
	padding:20px;
	background-color: #e5dfc1;
	border: 1px solid #504717;
}
.system-chroub h1 p,
.system-chroub h2 p,
.system-chroub h3 p,
.system-chroub h4 p,
.system-chroub h5 p,
.system-chroub h6 p {
    margin:0;
}
.system-chroub div p {
    margin-top: 10px;
}
.system-chroub .sub-table-title,
.system-chroub .skill-table-header
{
    font-size: 1.1em;
    font-weight: 700;
}
 .system-chroub .chroub-label {
	font-style: oblique;
    font-size: 1.5em;
 }
 .system-chroub .chroub-label-tiny {
    font-style: oblique;
    font-size: 1.2em;
 }
 .system-chroub .chroub-value {
	font-weight: bold;
	font-size: 1.5em;
}
 .system-chroub .chroub-value-text {
    font-size: 1.5em;
}
 .system-chroub .chroub-value-text-tiny {
    font-size: 1em;
}
 .system-chroub .chroub-box {
	margin-top: 10px;
	margin-bottom: 20px;
	padding:10px;
	background-color: #f1ecd3;
	border: 1px solid #504717;
}
 .system-chroub .attr-chroub-label {
    font-weight: bold;
    font-size: 1.5em;
    vertical-align: middle;
}
 .system-chroub .attr-score {
    font-size: 1.5em;
    font-weight: bold;
}
 .system-chroub .skills-list .row {
	margin-bottom: 5px;
	padding:2px;
	background-color: #e0dbba;
}
 /* DSTS FIX  + ADDING A BIT OF COLOR */
 .dsts.system-chroub {
    background-image: url('/images/bg-dark.jpg');
}
 .dsts.system-chroub .card {
    background-color: #ffffffba;
}
.system-chroub {
    background-image: url('/images/parchment.jpg');
    padding: 10px;
    border: 2px solid #58180d;
    display: block;
}
 .system-chroub h1 {
    font-family: "Crimson Text";
    font-size: 4rem;
    font-weight: bold;
    color: #58180d;
    margin: 0;
    padding: 0;
}
 .system-chroub h2 {
    font-family: "Crimson Text";
    font-style: oblique;
    font-size: 3rem;
    color: #58180d;
    border-bottom: 2px solid #c9ad6a;
}
 .system-chroub h3 {
    margin: 0;
    margin-top: 15px;
    color: #7b2516;
    font-family: "Crimson Text";
    font-style: oblique;
    font-size: 2.5rem;
    border-bottom: 1px solid #c9ad6a;
}
 .system-chroub h4 {
    margin: 0;
    color: #770808;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    text-transform: uppercase;
}
 .system-chroub .header-table {
    background-color: #f1ecd3;
}
.system-chroub .title-table {
    background-color: #ececec;
}
 .system-chroub .border-left {
    border-left: 2px solid #c9ad6a;
}
 .system-chroub [class^="icon"] {
    align-self: flex-start;
    display: inline-flex;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position-x: 50%;
    background-position-y: 50%;
    min-height: 25px;
    min-width: 25px;
    vertical-align: middle;
    border-radius: 2mm;
    border-top-left-radius: 2mm;
    border-top-right-radius: 2mm;
    border-bottom-right-radius: 2mm;
    border-bottom-left-radius: 2mm;
 }
 .system-chroub .icon-bordered-shield {
    background-image: url(/images/rpgsrd/chroub/bordered-shield.png);
    background-color: deepskyblue;
}
 .system-chroub .icon-comet-spark {
    background-image: url(/images/rpgsrd/chroub/comet-spark.png);
    background-color: red;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.system-chroub .icon-dice-twenty-faces-twenty {
    background-image: url(/images/rpgsrd/chroub/dice-twenty-faces-twenty.png);
    background-color: midnightblue;
}
.system-chroub .icon-hearts {
    background-image: url(/images/rpgsrd/chroub/hearts.png);
    background-color: green;
}
.system-chroub .icon-pocket-bow {
    background-image: url(/images/rpgsrd/chroub/pocket-bow.png);
    background-color: red;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.system-chroub .icon-pointy-sword {
    background-image: url(/images/rpgsrd/chroub/pointy-sword.png);
    background-color: red;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.system-chroub .icon-shamrock {
    background-image: url(/images/rpgsrd/chroub/shamrock.png);
    background-color: deepskyblue;
}
 .system-chroub .icon-strong {
    background-image: url(/images/rpgsrd/chroub/strong.png);
    background-color: midnightblue ;
}
.system-chroub .icon-swordwoman {
    background-image: url(/images/rpgsrd/chroub/swordwoman.png);
    background-color: red;
}
 .system-chroub .legal-mentions {
    font-size: 1rem;
}
.system-zweihander .zweihander-contents {
    padding: 20px;
    background-color: #e5dfc1;
    border: 1px solid #504717;
}

.system-zweihander .zwei-top-row {
    font-weight: bold;
    color: white;
    background-color: lightslategray;
    border-bottom: 3px solid black;
    border-top: 3px solid black;
}

.system-zweihander .zwei-value {
    font-weight: bold;
    color: white;
    background-color: lightslategray;
    border-bottom: 3px solid black;
    border-top: 3px solid black;
}

.system-zweihander .zwei-label {
    align-self: center;
    color: white;
    background-color: dimgray;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}


.system-zweihander .zwei-result {
    align-self: center;
    color: black;
    background-color: burlywood;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}

.system-zweihander .zwei-skills {
    font-style: italic;
    align-self: center;
    color: black;
    background-color: beige;
    border: 1px solid black;
    
}

.system-zweihander .zwei-traits {
    font-style: italic;
    align-self: center;
    color: black;
    background-color: beige;
    border: 1px solid black;
}

.system-zweihander .zwei-trappings-result {
    font-style: italic;
    align-self: center;
    color: black;
    background-color: beige;
    border: 1px solid black;
}

.system-zweihander .zwei-attack-result {
    align-self: center;
    color: black;
    background-color: beige;
    border: 1px solid black;
}

.system-zweihander .zwei-attack {
    align-self: center;
    color: white;
    background-color: dimgray;
    border-bottom: 2px solid black;
    border-top: 2px solid black;