@media print { @page {size: auto !important} }
.card-header.bg-success{
	background-color: #28a745 !important;
	border-bottom: #28a745 !important;
}
.card-header.bg-danger{
	background-color: #dc3545 !important;
	border-bottom: #dc3545 !important;
}
html {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
	/*padding-top: 60px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px !important;
	line-height: 1.25 !important;
  	background-color: #efefef;
}
.modal.bootstrap-dialog.size-wide{
	padding-left: 0px;
	padding-right: 0px;
}
.modal-dialog.modal-lg{
	max-width:98%;
}

.swgtPointer{
	cursor: pointer;
}
.monsterIDontHave{
	opacity: 0.35;
}
.tmdcContainer{
	max-width: 1024px !important;
}
p{
	margin-bottom: 0px !important;
}
.text-underline{
	text-decoration: underline !important;
}
.text-bold{
	font-weight:bold !important;
}
.text-italics{
	font-style: italic;
}
.text-positive{
	color: #090 !important;
}
.text-negative{
	color: #900 !important;
}
.text-warning2{
	color: #c19100 !important;
}
.text-disabled{
	color: #aaa !important;
}
.text-dimmed{
	color: #c3c3c3;
}
.text-footnote{
	color: #c3c3c3;
	font-size:8.5px;
}
.text-blue{
	color: #00f !important;
}
.text-automatic-dark-mode{
	color: #555 !important;
}
.btn-primary-button-group:not(.active){
	color: #555 !important;
}
.text-nowrap{
	white-space:nowrap !important;
}
.text-nowrap-ellipsis{
	white-space:nowrap !important;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-swgt-personal{
	color: #b040ff !important;
}
.text-swgt-guild{
	color: #b09000 !important;
}
.swgt-background-red{
	background-color: #f8d7da !important;
}
.swgt-background-yellow{
	background-color: #fff3cd !important;
}
.swgt-background-green{
	background-color: #d4edda !important;
}
.swgt-table-header-bgcolor{
	background-color: #e3e3e3 !important;
}
.swgt-table-border-top{
	border-top: 1px solid #e3e3e3;
}
.swgt-table-border-right{
	border-right: 1px solid #e3e3e3;
}
.swgt-table-border-bottom{
	border-bottom: 1px solid #e3e3e3;
}
.swgt-table-border-left{
	border-left: 1px solid #e3e3e3;
}
.swgt-table-light-bgcolor{
	background-color:#fff;
	color:#222;
}
.swgt-p-1px{
	padding: 1px;
}
.swgt-p-2px{
	padding: 2px;
}
.swgt-p-3px{
	padding: 3px;
}
.swgt-p-4px{
	padding: 4px;
}
.swgt-p-5px{
	padding: 5px;
}
.swgt-pt-1px{
	padding-top: 1px;
}
.swgt-pb-1px{
	padding-bottom: 1px;
}
.swgt-mr-1px{
	margin-right: 1px;
}
.swgt-ml-1px{
	margin-left: 1px;
}

@media (max-width: 767px) {
    .table-many-columns{
		font-size: 0.65em !important
	}
	.swgtNavLinkFullWidthMobile{
		flex: 0 0 100% !important;
    	max-width: 100% !important;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .table-many-columns{
		font-size: 0.75vw !important
	}
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .table-many-columns{
		font-size: 0.80vw !important
	}
}
@media (min-width: 1201px) and (max-width: 1300px) {
    .table-many-columns{
		font-size: 0.75em !important
	}
}
@media (min-width: 1301px){
    .table-many-columns{
		font-size: 0.8em !important
	}
}
/*@media only screen and (min-width: 992px) and (max-width: 1023px){*/

.labelColor {
	 color:#4092b2;
	 font-weight:bold;
}
.disabledLabelColor {
	 color:#aaa;
	 font-weight:bold;
}
.labelColorNoBold{
	 color:#4092b2;
}
.form-control, .custom-select {
	font-size:14px !important;
}
.form-control-xs, .custom-select-xs{
	padding: 0.1rem 0.5rem !important;
}
.form-control-xxs{
    height: calc(1.3em + 0.5rem + 2px);
    padding: 0.15rem 0.3rem;
    font-size: 0.875rem;
    line-height: 1.3;
    border-radius: 0.2rem;
}
.file-caption.form-control{
	font-size: 1rem !important;
}
.font-size-06em{
	font-size: 0.6em !important;
}
.font-size-065em{
	font-size: 0.65em !important;
}
.font-size-07em{
	font-size: 0.7em !important;
}
.font-size-08em{
	font-size: 0.8em !important;
}
.font-size-09em{
	font-size: 0.9em !important;
}
.font-size-11em{
	font-size: 1.1em !important;
}
.font-size-12em{
	font-size: 1.2em !important;
}
.font-size-13em{
	font-size: 1.3em !important;
}
.font-size-14em{
	font-size: 1.4em !important;
}
.swgt-mb-2px{
	margin-bottom:2px;
}
.input-group-text {
	font-size:14px;
}
.swgt-form-control-xs{
	height: calc(1.2em + 0.5rem + 2px) !important;
}
.dropdown-menu {
	font-size:14px !important;
}
.flag-icon{
	border: 1px #EDEDED solid !important;
	background-color: #fff !important;
	line-height: 0.95em !important;
}
.caret-off::before {
    display: none;
}
.caret-off::after {
    display: none;
}
.whiteContentBody {
	max-width: 95%;
	width: 95%;
  	padding: 15px;
  	margin: 0 auto;
  	background-color: #fff;
}
.whiteContentBodyNoWidth {
  	padding: 15px;
  	margin: 0 auto;
  	background-color: #fff;
}
.maxWidth95p {
	max-width: 95%;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 15px !important;
}
.maxWidth100p {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 15px !important;
}
.box-shadow { 
	/*
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .10);
	*/
}
.m-05{
	margin: 0.125rem !important;
}
.mt-05{
	margin-top: 0.125rem !important;
}
.mr-05{
	margin-right: 0.125rem !important;
}
.mb-05{
	margin-bottom: 0.125rem !important;
}
.ml-05{
	margin-left: 0.125rem !important;
}
.mt-1px{
	margin-top:1px;
}
.mt-2px{
	margin-top:2px;
}
.mt-3px{
	margin-top:3px;
}
.mt-4px{
	margin-top:4px;
}
.mt-5px{
	margin-top:5px;
}
.mt-6px{
	margin-top:6px;
}
.mt-7px{
	margin-top:7px;
}
.mt-8px{
	margin-top:8px;
}
.mt-9px{
	margin-top:9px;
}
.mt-10px{
	margin-top:10px;
}
.httpErrorTitle {
	font-size:24px;
	font-weight:bold;
	color: #000;
}
.httpErrorSubtitle {
	font-size:16px;
	color: #666;
}
.rowColor th {
  	background-color: #ddd !important;
}
.rowColor tr:nth-child(even) {
  	background-color: #efefef;
}
.rowColor tr:nth-child(odd) {
  	background-color: #fff;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
  background-color: #99ccff;
  color:#333;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ddd !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ddd !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ddd !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ddd !important;
}
.navbar{
	background-color: #FFF !important;
	margin-bottom: 15px;
}
.card{
	margin-bottom: 0.5rem;
}
.card-body{
	padding: 1.0rem;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}
.form-signin {
	background-color: #fff;
}
.bg-primary {
    border-color: #337ab7 !important;
    background-color: #337ab7 !important;
}
.bg-primary > .card-header {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}
.bg-warning{
	border-color: #ffe597 !important;
	background-color: #ffe597 !important;
}
.bg-warning2{
	border-color: #ffc107 !important;
	background-color: #ffc107 !important;
}
.bg-danger{
	border-color: #dc3545 !important;
	background-color: #dc3545 !important;
}
 .badge-primary{
 	background-color: #476aa5 !important;
 }
.btn-primary {
    color: #fff;
    background-color: #476aa5 !important;
    border-color: #476aa5 !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	background-color: #6187c7 !important;
}
.btn-youtube {
    color: #f00 !important;
    background-color: #fff !important;
    border-color: #fff !important;
    padding: .08rem .25rem !important;
    font-size: 1rem !important;
}
.btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube:not(:disabled):not(.disabled).active, .show > .btn-youtube.dropdown-toggle {
	background-color: #f00 !important;
}
.btn-outline-primary {
	color: #476aa5 !important;
    border-color: #476aa5 !important;
}
.btn-outline-primary:hover {
	color: #fff !important;
	background-color: #6187c7 !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
	color: #fff !important;
	background-color: #6187c7 !important;
}
.btn-outline-danger {
	color: #dc3545 !important;
    border-color: #912c36;
}
.btn-outline-danger:hover {
	color: #fff !important;
	background-color: #dc3545 !important;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
	color: #fff !important;
	background-color: #dc3545 !important;
}
.btn-outline-warning {
	color: #ffc107 !important;
    border-color: #ffc107;
}
.btn-outline-warning:hover {
	color: #fff !important;
	background-color: #ffc107 !important;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
	color: #fff !important;
	background-color: #ffc107 !important;
}
.btn:focus {
  	outline: none !important;
  	box-shadow: none !important;
}
.btn:active {
  	outline: none !important;
  	box-shadow: none !important;
}
.btn-transparent{
	background-color:transparent !important;
	color: #aaa !important;
	border:transparent !important;
}
.btn-transparent:hover{
	background-color: #eee !important;
	color: #777 !important;
	border:transparent !important;
}
.btn-outline-primary-selected{
	background-color:#e4e9f2 !important;
}
.btn-outline-primary-notselected{
	border-color:#DDDDDD !important;
}
.card-header{
	background-color: transparent !important;
	border-bottom: 1px solid #476aa5 !important;
}
.progress{
	background-color: #cfcfcf;
}
.swgt-div-table-background-shade{
	background-color: rgba(0, 0, 0, 0.05);
}
.swgt-div-table-border-cell{
	border: 1px solid #dee2e6;
}
.swgt-div-table-border-cell-top{
	border-top: 1px solid #dee2e6;
}
.swgt-div-table-border-cell-right{
	border-right: 1px solid #dee2e6;
}
.swgt-div-table-border-cell-bottom{
	border-bottom: 1px solid #dee2e6;
}
.swgt-div-table-border-cell-left{
	border-left: 1px solid #dee2e6;
}
.roll_separator_container{
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
}
.artifact_roll_separator_container{
	position: absolute;
	display: flex;
	width: 210px;
	height: 15px;
}
.swgt-rune-preview-with-summary{
	border: 1px #6c757d solid;
	background-color:#e3e3e3;
	border-radius: 4px;
	padding: 2px;
}
.swgt-artifact-preview-with-summary{
	border: 1px #6c757d solid;
	background-color:#e3e3e3;
	border-radius: 4px;
	padding: 2px;
	min-height:340px;
}
.p-2px{
	padding: 2px;
}
.no-border-left{
	border-left: none !important;
}
.swgt-progressbar-hover{
	font-size: 0.8em;
}
.roll_2_separator{
	height: 100%;
    width: 50%;
    border-left: 1px solid white;
    z-index: 100;
    opacity: 40%;
}
.roll_3_separator{
	height: 100%;
    width: 33.3%;
    border-left: 1px solid white;
    z-index: 100;
    opacity: 40%;
}
.roll_4_separator{
	height: 100%;
    width: 25%;
    border-left: 1px solid white;
    z-index: 100;
    opacity: 40%;
}
.roll_5_separator{
	height: 100%;
    width: 20%;
    border-left: 1px solid white;
    z-index: 100;
    opacity: 40%;
}
.roll_separator_black{
	border-left: 1px solid black !important;
}
.nav-tabs {
    border-bottom: 1px solid #476aa5 !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-top-color: #476aa5 !important;
    border-right-color: #476aa5 !important;
    border-bottom-color: transparent !important;
    border-left-color: #476aa5 !important;
}
.nav-tabs .nav-link:hover {
	border-top-color: inherit !important;
	border-right-color: inherit !important;
	border-bottom-color: transparent !important;
	border-left-color: inherit !important;
}
.nav-tabs .nav-link:focus {
    border-top-color: #476aa5 !important;
    border-right-color: #476aa5 !important;
    border-bottom-color: transparent !important;
    border-left-color: #476aa5 !important;
}
.nav-tabs .nav-link {
	border-top: 1px solid #eee !important;
	border-right: 1px solid #eee !important;
	border-bottom: 1px solid transparent !important;
    border-left: 1px solid #eee !important;
}
.breadcrumb{
	margin-bottom: 0.5rem !important;
	background-color: #fff;
	padding: 0.5rem 1rem;
}
.modal-header .close {
	font-size: 21px !important;	
}
.bootstrap-dialog-header{
	flex: 0 0 100%;
    max-width: 100%;
}
.modal-header{
	padding: 10px;
}
.close {
	opacity: 0.2;	
}
.close:hover,
.close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.dt-ellipsis{
    white-space:nowrap;
    /*max-width:12em;*/
    overflow:hidden;
}
.navbar .brand { 
    /*max-height: 40px;*/
    max-width: 30%; 
    overflow: visible;
    /*padding-top: 5px;
    padding-bottom: 5px;*/ 
}
.btn-padBottom{
	margin-bottom: 10px;	
}
@media (max-width: 480px) {
    .dt-ellipsis{
	    white-space:nowrap;
	    max-width:12em;
	    overflow:hidden;
	}
}
.card-body .row{
	 padding-left:15px;
	 padding-right:15px;
}
.form-horizontal .control-label{
	text-align:left;
}
@media (min-width: 768px) {
    .padRight5px {
        padding-right: 5px;
    }
    .mobile-only {
        display:none !important;
    }
}
@media (max-width: 767px) {
    .desktop-only {
        display:none !important;
    }
    .form-control, .custom-select {
	    padding: 0.175rem 0.35rem;
	}
}
@media (max-width: 991px) {
	.sideBySidePad-md{
		padding: 5px !important;
	}
	.defaultPad-md{
		padding: 5px !important;
	}
	.breadcrumb-desktop-only{
		display:none !important;
	}
	.breadcrumb-mobile-only{
		
	}
}
@media (min-width: 992px) {
	.sideBySidePad-md{
		padding-right: 0px !important;
	}
	.defaultPad-md{
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.breadcrumb-desktop-only{
	
	}
	.breadcrumb-mobile-only{
		display:none !important;
	}
}
@media (max-width: 767px){
	.container {
	    max-width:none !important;
	}
}
.ui-datepicker-month{
	color: #000 !important;
}
.ui-datepicker-year{
	color: #000 !important;
}
.ui-autocomplete{
	list-style-type: none;
	padding-left: 10px;
	padding-top: 2px;
	border: 1px #e7e7ef solid;
	z-index: 100;
	background-color: #f9f9f9;
	border-radius: 4px;
}
.ui-menu-item-wrapper{
	border: 1px solid #f9f9f9;
}
.ui-menu-item-wrapper.ui-state-active{
	border: 1px solid #ffac45;
	color: #ffac45;
}
.ui-helper-hidden-accessible{
	display:none;
}
.jqte_tool.jqte_tool_1 .jqte_tool_label {
	height: 24px !important;
}
.with-nav-tabs{
	padding-left: 5px !important; 
	padding-right: 5px !important; 
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	border-color: transparent !important;
}
.resequencingContents{
	padding: 6px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-bottom: 0px;
	font-weight: normal;
}
table.dataTable thead th, table.dataTable thead td{
	padding: 5px 13px;
}
.glyphicon-none:before {
    /*content: "\2122";*/
    color: transparent !important;
}
.read-only-textarea{
	border: 1px solid #ced4da !important;
	margin-bottom: 5px;
	padding:10px;
	min-height:50px;
	border-radius: 0.25rem;
	background-color: #fafafa !important;
	color: #495057;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
	/*border-color: #00aeef !important;*/
	outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}
.form-control:focus, .custom-select:focus {
	outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #476aa5;
}
a:hover {
    color: #0e639d;
}
a:focus{
	color: #476aa5;
}
a{
	color: #476aa5;
}
.bootstrap-switch-handle-on.bootstrap-switch-success{
	background:#8ed16a !important;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #476aa5 !important;
}
@media (max-width: 555px) {
    .form-group.dropdown-group {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}
.nav > li > a {
    padding: 10px 10px;
    color: #777;
}
.flip-glyphicon {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
	font-family: 'Font Awesome 5 Pro' !important;
	content: '\f078' !important;
	font-weight: 900 !important;
	border:0px solid black !important;
	border-radius:0px !important;
	background-color:inherit !important;
	box-shadow:0 0 0 white !important;
	color: #333 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
	font-family: 'Font Awesome 5 Pro' !important;
	content: '\f077' !important;
	font-weight: 900 !important;
	color: #333 !important;
}
.ui-datepicker{
	z-index: 1000 !important;
}
.btn-sm{
	font-size:0.75rem
}
.btn-md{
	font-size:1.0rem
}
.btn-lg{
	font-size:1.25rem
}
.btn-xl{
	font-size:1.5rem
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger-stripe {
    color: #a94442;
    background-image: linear-gradient(135deg, #f2dede 25%, #ebd3d3 25%, #ebd3d3 50%, #f2dede 50%, #f2dede 75%, #ebd3d3 75%, #ebd3d3 100%);
	background-size: 56.57px 56.57px;
    border-color: #ebccd1;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #ffff99;
    border-color: #faebcc;
}
div.note-editor.note-frame.card{
	margin-bottom: 0px !important;
}
div.dropdown.bootstrap-select.form-control{
	border: 1px solid #ced4da;
}
button.btn.dropdown-toggle.btn-light{
	background-color: #fff;
}
div.filter-option-inner-inner{
	font-size: 14px !important;
}
.input-group input[type="checkbox"] {
    display: none;
}
.input-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
    padding-top:7px;
}
.input-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.input-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}
.input-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.input-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}
.input-group input[type="radio"] {
    display: none;
}
.input-group input[type="radio"] + .btn-group > label span {
    width: 20px;
    padding-top:7px;
}
.input-group input[type="radio"] + .btn-group > label span:first-child {
    display: none;
}
.input-group input[type="radio"] + .btn-group > label span:last-child {
    display: inline-block;   
}
.input-group input[type="radio"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.input-group input[type="radio"]:checked + .btn-group > label span:last-child {
    display: none;   
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: #495057 !important;	
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	color: #495057 !important;	
}
.btn-success {
    color: #fff !important;
    background-color: #5CB85B !important;
    border-color: #4cae4c !important;
}
.btn-success:hover {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    color: #fff !important;
    background-color: #398439 !important;
    border-color: #255625 !important;
}
.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}
.btn-danger:hover {
    color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: #fff !important;
    background-color: #ac2925 !important;
    border-color: #761c19 !important;
}
.btn-orange {
    color: #fff !important;
    background-color: #d9934f !important;
    border-color: #d48a3a !important;
}
.btn-orange:hover {
    color: #fff !important;
     background-color: #c97a2c !important;
    border-color: #ac6825 !important;
}
.btn-orange:active:hover, .btn-orange.active:hover, .open > .dropdown-toggle.btn-orange:hover, .btn-orange:active:focus, .btn-orange.active:focus, .open > .dropdown-toggle.btn-orange:focus, .btn-orange:active.focus, .btn-orange.active.focus, .open > .dropdown-toggle.btn-orange.focus {
    color: #fff !important;
    background-color: #ac6825 !important;
    border-color: #764719 !important;
}
.ui-sortable-placeholder {
	margin-left: 0px !important; 
	margin-right: 0px !important; 
	border: 2px dashed #7e7e7e; 
	visibility: visible !important; /*height: 100px !important;*/ 
}
.note-status-output{
	display: none !important;
}
@media (max-width: 345px) {
    .formDate{font-size: 10px !important;}
}
.btn-group-xs > .btn, .btn-xs {
  padding  : .25rem .4rem;
  font-size  : .65rem;
  line-height  : .5;
  border-radius : .2rem;
}
.btn-group-xxs > .btn, .btn-xxs {
  padding  : .1rem .2rem;
  font-size  : .65rem;
  line-height  : .5;
  border-radius : .2rem;
}
.btn-xs-tight{
	font-size: 1.0rem !important;
    padding: 0.15rem 0.2rem !important;
}
.dropdown-item.active, .dropdown-item:active {
	color: #16181b;	
	border: 2px solid #00aeef !important;
}
.modal-footer {
	justify-content:center !important;	
}
.tab-content-container-border{
	border-left: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}
.billingCodeBtn{
	padding: 0rem 0.10rem !important; 
	/*margin-right:3px !important;*/
}
.table-nostriped tbody tr:nth-of-type(odd) {
  background-color:transparent;
}
.table-swgt-xs th, .table-swgt-xs td {
	padding: 0.2rem;
}
#styled-accordion .card-header:after {
    font-family: 'Font Awesome 5 Pro';  
    content: "\f068";
    float: right; 
}
#styled-accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
#styled-accordion .card-header[aria-expanded="true"]{
	background-color: #007bff !important;
}
#styled-accordion .card-header[aria-expanded="false"]{
	background-color: rgba(0, 0, 0, 0.03);
}
.no-modal-body-padding{
	padding-left:0px !important;
	padding-right:0px !important;
	padding-top: 0px !important;
	padding-bottom: 10px !important;
}
/*Button systemDefault */
.btn-systemDefault {
	background-color: #fafafa;
    border-color: #dbdbdb;
    color: #333333;
}
.btn-systemDefault:hover, .btn-systemDefault:focus, .btn-systemDefault:active, .btn-systemDefault.active, .open > .dropdown-toggle.btn-systemDefault {
    background-color: #e0e0e0;
    background-position: 0 -15px;
    color: #333333;
}
.btn-systemDefault:active, .btn-systemDefault.active {
    background-color: #e0e0e0;
  	border-color: #dbdbdb;
  	color: #333333;
    box-shadow: none;
}
/*Button swgtRune and swgtArtifact*/
.btn-swgtRune, .btn-swgtArtifact{
	background-color: #d3a357;
    border-color: #5b3609;
    color: #333 !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Radio Button */
.btn-swgtRadio {
    background: #fff;
    color: #333;
    border-color: #ddd;
}
.btn-swgtRadio, .btn-swgtRadio, .btn-swgtRadio, .btn-swgtRadio.active, .open > .dropdown-toggle.btn-swgtRadio {
    background: #fff;
	color: #333;
	border-color: #ddd;
}
 
.btn-swgtRadio:active, .btn-swgtRadio.active {
    background: #1177bd;
	color: #ffffff;
    box-shadow: none;
    border-color: #ddd;
}
.btn-group.display-only label.btn {
    pointer-events: none;
    cursor: not-allowed;
}
.btn-group.display-only label.btn.active {
    opacity: 1;
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.imageContainer {
  position: relative;
}

/* Bottom right text */
.imageTextBlock {
  	position: absolute;
  	bottom: 3px;
  	right: 3px;
  	background-color: #333;
  	color: white;
  	padding-left: 2px;
  	padding-right: 2px;
  	border: 1px solid #ccc;
  	font-size: 0.6em;
  	min-width: 15px;
  	border-radius: 9px;
  	white-space: nowrap;
  	text-align: center !important;
} 
.imageFusionBlock {
    position: absolute;
    bottom: 28px;
    right: 0px;
    background-color: #333;
    color: white;
    padding: 1px;
    font-size: 0.6em;
    border-radius: 9px;
    white-space: nowrap;
    text-align: center !important;
} 
.imageTopLeftNumberBlock {
    position: absolute;
  	top: 3px;
  	left: 3px;
  	background-color: #333;
  	color: white;
  	padding-left: 2px;
  	padding-right: 2px;
  	border: 1px solid #ccc;
  	font-size: 0.6em;
  	min-width: 15px;
  	border-radius: 9px;
  	white-space: nowrap;
  	text-align: center !important;
} 
.imageFusionBlock > img {
	width: 12px;
	height: 12px;
}
.imageHOHBlock {
    position: absolute;
    top: 3px;
    left: 4px;
    background-color: #333;
    color: white;
    padding: 1px;
    font-size: 0.5em;
    border-radius: 9px;
    white-space: nowrap;
    text-align: center !important;
} 
.imageTopLeftBlock {
    position: absolute;
    top: 3px;
    left: 4px;
    background-color: #333;
    color: white;
    padding: 1px;
    font-size: 0.5em;
    border-radius: 9px;
    white-space: nowrap;
    text-align: center !important;
} 
.monster-image{
	margin-right: 2px;
	border-radius: 5px;
}
.monster-image-md{
	width: 36px;
	height: 36px;
	margin-right: 2px;
	border-radius: 5px;
}
.monster-image-sm{
	width: 30px;
	height: 30px;
	margin-right: 2px;
	border-radius: 5px;
}
.monster-image-xs{
	width: 25px;
	height: 25px;
	margin-right: 2px;
	border-radius: 5px;
}
.monster-image-xs-artifact-preview{
	margin-top: -3px !important;
	margin-right: 5px !important;
	margin-bottom: -1px !important;
	margin-left: -7px !important;
	width: 22px !important;
    height: 22px !important;
}
.monster-image-xs-rune-preview{
	margin-top: -2px !important;
	margin-right: 5px !important;
	margin-bottom: -1px !important;
	margin-left: -7px !important;
	width: 22px !important;
    height: 22px !important;
}
.monster-image-25{
	width: 24px;
	height: 24px;
	margin-right: 2px;
	border-radius: 3px;
}
.monster-image-24{
	width: 24px;
	height: 24px;
	margin-right: 2px;
	border-radius: 3px;
}
.monster-image-23{
	width: 23px;
	height: 23px;
	margin-right: 2px;
	border-radius: 3px;
}
.monster-image-22{
	width: 22px;
	height: 22px;
	margin-right: 2px;
	border-radius: 3px;
}
.monster-image-21{
	width: 21px;
	height: 21px;
	margin-right: 2px;
	border-radius: 3px;
}
.monster-image-20{
	width: 20px;
	height: 20px;
	margin-right: 2px;
	border-radius: 2px;
}
.monster-image-19{
	width: 19px;
	height: 19px;
	margin-right: 2px;
	border-radius: 2px;
}
.monster-image-18{
	width: 18px;
	height: 18px;
	margin-right: 2px;
	border-radius: 2px;
}
.monster-image-17{
	width: 17px;
	height: 17px;
	margin-right: 2px;
	border-radius: 1px;
}
.monster-image-16{
	width: 16px;
	height: 16px;
	margin-right: 2px;
	border-radius: 1px;
}
.monster-image-15{
	width: 15px;
	height: 15px;
	margin-right: 2px;
	border-radius: 1px;
}
.monster-image-14{
	width: 14px;
	height: 14px;
	margin-right: 2px;
	border-radius: 1px;
}
/* Data Tables - Make Column Headers More Narrow */
table.dataTable.compact thead th, 
table.dataTable thead th {
  /*text-align: left;*/
  vertical-align: bottom;
}
table.dataTable.compact thead th, 
table.dataTable thead th {
  padding: 10px 18px 10px 5px;
  border-right: 1px solid #dddddd;
}
table.dataTable.compact tbody th,
table.dataTable tbody th {
  padding: 10px 18px 10px 5px;
  border-right: 1px solid #dddddd;
}
/* Sticky Notes */
.stickyNote h2 {
	font-size: 0.80em;
	font-weight: bold;
}
.stickyNote p {
	font-size: 0.9em;
}
.stickyNote ul li {
	list-style: none;
}
.stickyNote ul {
	overflow: hidden;
	padding-inline-start: 0px;
	margin-bottom:0px;
}
.stickyNote ul li div {
	font-size: 0.9em;
	text-decoration: none;
	color: #000;
	background: #ffdee6;
	display: block;
	height: 14em;
	width: 14em;
	padding: 0.75em;
	-moz-box-shadow: 3px 3px 5px rgba(33, 33, 33, 1);
	/* Safari+Chrome */
	-webkit-box-shadow: 3px 3px 5px rgba(33, 33, 33, .7);
	/* Opera */
	box-shadow: 3px 3px 5px rgba(33, 33, 33, .7);
	-moz-transition: -moz-transform .15s linear;
	-o-transition: -o-transform .15s linear;
	-webkit-transition: -webkit-transform .15s linear;
}
.stickyNote ul li {
	margin-top: 1em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	float: left;
}
.stickyNote ul li:nth-child(1n) div {
	-o-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	position: relative;
	top: -5px;
}
.stickyNote ul li:nth-child(2n) div {
	-o-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	position: relative;
	top: -5px;
	background: #c5e8ff;
}
.stickyNote ul li:nth-child(3n) div {
	-o-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	position: relative;
	top: -5px;
	background: #fbffbe;
}
.stickyNote ul li:nth-child(4n) div {
	position: relative;
	top: -5px;
	background: #dfffdb;
}
.stickyNote ul li div:hover,ul li div:focus{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    position:relative;
    z-index:5;
}
/* Sticky Note Slim */
.stickyNoteSlim h2 {
	font-size: 0.7em;
	font-weight: bold;
}
.stickyNoteSlim p {
	font-size: 0.7em;
}
.stickyNoteSlim ul li {
	list-style: none;
}
.stickyNoteSlim ul {
	overflow: hidden;
	padding-inline-start: 0px;
	margin-bottom:0px;
}
.stickyNoteSlim ul li div {
	font-size: 0.9em;
	text-decoration: none;
	color: #000;
	background: #ffbecd;
	display: block;
	padding: 0.75em;
	-moz-box-shadow: 2px 2px 4px rgba(33, 33, 33, 1);
	/* Safari+Chrome */
	-webkit-box-shadow: 2px 2px 4px rgba(33, 33, 33, .7);
	/* Opera */
	box-shadow: 2px 2px 4px rgba(33, 33, 33, .7);
	-moz-transition: -moz-transform .15s linear;
	-o-transition: -o-transform .15s linear;
	-webkit-transition: -webkit-transform .15s linear;
}
.stickyNoteSlim ul li {
	margin: 0.5em 0.4em 0em 0em;
	float: left;
}
.stickyNoteSlim ul li:nth-child(1n) div {
	position: relative;
	top: -5px;
}
.stickyNoteSlim ul li:nth-child(2n) div {
	top: -5px;
	background: #99d6ff;
}
.stickyNoteSlim ul li:nth-child(3n) div {
	top: -5px;
	background: #f6ff7a;
}
.stickyNoteSlim ul li:nth-child(4n) div {
	top: -5px;
	background: #c6ffbe;
}
/* Battle Rank Scaling*/
.battleRankScaling20 {
  width: 20px !important;
  height: 20px !important;
}
.battleRankScaling19 {
  width: 19px !important;
  height: 19px !important;
}
.battleRankScaling18 {
  width: 18px !important;
  height: 18px !important;
}
.battleRankScaling17 {
  width: 17px !important;
  height: 17px !important;
}
.battleRankScaling16 {
  width: 16px !important;
  height: 16px !important;
}
.battleRankScaling15 {
  width: 15px !important;
  height: 15px !important;
}
.battleRankScaling14 {
  width: 14px !important;
  height: 14px !important;
}
.battleRankScaling13 {
  width: 13px !important;
  height: 13px !important;
}
.battleRankScaling12 {
  width: 12px !important;
  height: 12px !important;
}
.battleRankScaling11 {
  width: 11px !important;
  height: 11px !important;
}
.battleRankScaling10 {
  width: 10px !important;
  height: 10px !important;
}
/* Bootstrap Carousel */
.carousel-control-prev-icon, .carousel-control-next-icon {
  color: black !important;
}
/* Web Slide Menu Override */
.wsmenu-arrow{
	color: #1177bd !important;
}
/* Overall Five Star Rating */
.overall-five-star-rating-box {
	position:relative;
	vertical-align: middle;
	font-size: 0.6em;
	font-family: 'Font Awesome 5 Pro';
	display:inline-block;
	color: #FFBD1B;
}
.overall-five-star-rating-box:before{
    content: "\f005 \f005 \f005 \f005 \f005";
}
.overall-five-star-rating-box .overall-five-star-rating {
    position: absolute;
    left:0;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    color: #FFBD1B;
}
.overall-five-star-rating-box .overall-five-star-rating:before {
	font-weight: 600;
    content: "\f005 \f005 \f005 \f005 \f005";
}
/* My Five Star Rating */
.my-five-star-rating-box {
	position:relative;
	vertical-align: middle;
	font-size: 0.6em;
	font-family: 'Font Awesome 5 Pro';
	display:inline-block;
	color: #5CB85B;
}
.my-five-star-rating-box:before{
    content: "\f005 \f005 \f005 \f005 \f005";
}
.my-five-star-rating-box .my-five-star-rating {
    position: absolute;
    left:0;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    color: #5CB85B;
}
.my-five-star-rating-box .my-five-star-rating:before {
	font-weight: 600;
    content: "\f005 \f005 \f005 \f005 \f005";
}
/* Button White */
.btn-swgtWhite {
    background: #fff;
    color: #333;
    border-color: #aaa;
}
.btn-swgtWhite:hover, .btn-swgtWhite:focus, .btn-swgtWhite:active, .btn-swgtWhite.active, .open > .dropdown-toggle.btn-swgtWhite {
    background: #fff;
	color: #333;
	border-color: #aaa;
}
.btn-swgtWhite:active, .btn-swgtWhite.active {
    background: #fff;
	color: #333;
    box-shadow: none;
    border-color: #aaa;
}
.btn-swgtWhite-disabled {
    border-color: #ddd !important;
}
/* Button Selected */
.btn-swgtSelected {
  	background: #6187c7;
  	
    color: #333;
    border-color: #aaa;
}
.btn-swgtSelected, .btn-swgtSelected:focus, .btn-swgtSelected:active, .btn-swgtSelected.active, .open > .dropdown-toggle.btn-swgtSelected {
  	background: #6187c7;
  	
	color: #333;
	border-color: #aaa;
}
.btn-swgtSelected, .btn-swgtSelected.active {
  	background: #6187c7;
  	
	color: #333;
    box-shadow: none;
    border-color: #aaa;
}
.btn-circle{
	border-radius:1.0rem !important;
	height:28px !important;
	width:28px !important;
}
.btn-square{
	border-radius:3.2px !important;
	height:28px !important;
	width:28px !important;
}
.btn-swgtMultipleChoiceFixButtonGroupRightRadius{
	border-top-right-radius: 0.2rem !important;
	border-bottom-right-radius: 0.2rem !important;
}
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(195, 195, 195, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}
/* Disable Boostrap selectpicker select all */
.bs-select-all{
	display: none;
}

/* SWGT Menu Original */
.wsmenu-submenu{
	box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .20);
}
.wsmenu-submenu li a.text-negative{
    color: #900 !important;
}
.wsmenu-submenu li a.text-disabled{
	color: #aaa !important;
}
@media only screen and (min-width: 992px) and (max-width: 1023px){
	.smllogo {
		padding-top: 0px !important;
		padding-bottom: 0px !important;	
	}
	
}

/* SWGT Menu Refresh 03/16/2022 */
#swgtTopRightHomeIcon a{
	color: #a3a9b3;
}
.swgtMenuThumbtackOn{
	
}
.swgtMenuThumbtackOn:hover{
	color: #aaa !important;
}
.swgtMenuThumbtackOff{
	color: #aaa !important;
}
.swgtMenuThumbtackOff:hover{
	color: #2e394c !important;
}
#wstoggle:before {
    content: "" !important;
}
#wstoggle {
	color:#2e394c !important;
	width: 32px !important;	
}
#wstoggle span {
	width: 26px !important;	
}
#wstoggle:before {
	color: #2e394c !important;
}
.wsfulllinksty li {
	color: #333 !important;
	text-transform: none;
}
.wsfulllinksty li a {
	color: #333 !important;
	font-size: 13px !important;
	text-transform: none;
}
.wsbottompart {
	position: static;
	border-top: #eee 1px solid;
	color: #333 !important;
    padding: 5px 0px 5px 0px;
	line-height: normal;
}
.wsbottompart a {
	color: #476aa5;
	text-decoration:underline;
}
#wstoggle span {
	color: #2e394c !important;
	background-color: #333 !important;
}
#wstoggle span:after, #wstoggle span:before {
	background-color: #2e394c !important;
}
#wstoggle.active span {
	background-color: transparent !important;
}
.wsfmenufull .wsfwrapinner {
    padding: 10px 15px 15px 40px;
    
}
.wsfmenufull {
	overflow: auto;	
	background-color: #fff;
	transform: scaleX(0);
    transition: transform 0.0s ease 0.00s;
}
.wsguildsmenu a{
	color: #476aa5 !important;
}
.swgtMenu{
	padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.0rem;
    padding-left: 1rem;
    background-color: #fff !important;
    margin-bottom: 0.5rem !important;
}
@media only screen and (max-width: 991px){
	.swgtMenu {
		padding-bottom: 0.5rem !important;
	}
}
.swgtMenuHeading{
	margin-top: 10px;
	font-size: 12px;
    font-weight: 900;
	color: #2e394c !important;
    display: block;
    /*text-transform: uppercase;*/
}
.swgtMenuMenu{
	padding-inline-start: 0px;
}
.swgtMenuItem{
	padding: 3px 0px 3px 0px;
	list-style-type: none;
	font-size: 12px;
}
.swgtMenuItemDisabled{
	border-right: 0 none !important;
    text-align: left !important;
    display: block !important;
    padding: 0.25rem 1.5rem !important;
    text-transform: none !important;
    font-size: 14px !important;
    letter-spacing: normal !important;
	color: #bbb !important;
}
.swgtMenuItem hr{
	border-top: 1px solid #eee;
}
#wstoggle {
	top: 2px;
	right: 18px;
	z-index: 1049 !important;
}
.wsfulllinksty {
	padding: 0px 0px 0px 0px;
}
.wsfulllinksty li:first-child {
	padding-top: 0px;
	padding-bottom: 0px;
}

@media only screen and (max-width: 880px){
	.wsfmenufull {
    	position: fixed;
    }    
}
.wslogo {
	padding-bottom: 0px;
}
.wsfmain {
    z-index: 1001 !important;
}
.wsfmenufull{
    z-index: 1002 !important;
}

/* 3MDC Search */
.form-3mdc-search {
	padding: 15px;
	margin: 0 auto;
}
.form-3mdc-search .form-3mdc-search-heading, .form-3mdc-search .checkbox {
	margin-bottom: 10px;
}
.form-3mdc-search .checkbox {
	font-weight: normal;
}
.form-3mdc-search .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
}
.form-3mdc-search .form-control:focus {
	z-index: 2;
}
.hr-3mdc-counter{
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	border: 0;
	border-top: 1px solid #333;
}
.hr-3mdc-between{
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	border: 0;
	border-top: 1px solid #eee;
}
.btn-3mdc-thumbsUp{
	padding: 0.0rem 0.25rem !important;
	font-size: 0.65em !important;
	min-width: 35px;
}
.btn-3mdc-addStrategy{
	margin-top: 5px;
}
.btn-3mdc-importCounter{
	margin-top: 5px;
}
.btn-3mdc-thumbsDown{
	padding: 0.0rem 0.25rem !important;
	font-size: 0.65em !important;
	min-width: 35px;
}
.navbar-toggle.navbar-left {
  float: left !important;
  margin-left: 10px !important;
}
.btn-liked{
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}
.btn-disliked{
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}
.winRateColor{
	color:#777; 
	font-size: 0.8em;
}
.contributedByColor{
	color: #aaa;
	font-size: 0.7em;
}

.img-dashed-border{
	border: #ccc 1px dashed;
}
.hr-black{
	border-top-color: #000 !important;
}

.runeOrArtifactMarker{
	margin-right: -18px;
    margin-top: 1px;
    border: 1px #876b43 solid;
    padding: 1px;
    border-radius: 10px;
    width: 18px;
    font-size: 11px;
    color: #876b43;
}

/* RUNE BUILD STYLING - Courtesy of SWARFarm */
.build-runes {
	width:150px;
	height:160px;
}
.build-rune-slot-1, .build-rune-slot-4 {
	position:relative;
	width:42px;
	height:50px
}
.build-rune-slot-2, .build-rune-slot-3, .build-rune-slot-5, .build-rune-slot-6 {
	position:relative;
	width:50px;
	height:38px
}
.build-rune-slot-1 {
	left:54px;
	top:10px
}
.build-rune-slot-2 {
	left:85px;
	top:-9px
}
.build-rune-slot-3 {
	left:85px;
	top:-9px
}
.build-rune-slot-4 {
	left:54px;
	top:-28px
}
.build-rune-slot-5 {
	left: 14px;
    top: -96px;
}
.build-rune-slot-6 {
	left:14px;
	top:-173px
}
.build-rune-symbol {
	width:32px;
	height:32px
}
.build-rune-symbol-popup {
	width:32px;
	height:32px
}
.build-rune-slot-1 .build-rune-symbol {
	position:relative;
	left:5px;
	top:13px;
}
.build-rune-slot-1 .build-rune-symbol-popup {
	position:relative;
	left:0px;
	top:13px;
}
.build-rune-slot-2 .build-rune-symbol {
	position:relative;
	left:6px;
	top:2px;
}
.build-rune-slot-2 .build-rune-symbol-popup {
	position:relative;
	left:-2px;
	top:2px;
}
.build-rune-slot-3 .build-rune-symbol {
	position:relative;
	left:6px;
	top:2px;
}
.build-rune-slot-3 .build-rune-symbol-popup {
	position:relative;
	left:-1px;
	top:2px;
}
.build-rune-slot-4 .build-rune-symbol {
	position:relative;
	left:5px;
	top:5px;
}
.build-rune-slot-4 .build-rune-symbol-popup {
	position:relative;
	left:0px;
	top:5px;
}
.build-rune-slot-5 .build-rune-symbol {
	position:relative;
	left:11px;
	top:3px;
}
.build-rune-slot-5 .build-rune-symbol-popup {
	position:relative;
	left:2px;
	top:3px;
}
.build-rune-slot-6 .build-rune-symbol {
	position:relative;
	left:11px;
	top:3px;
}
.build-rune-slot-6 .build-rune-symbol-popup {
	position:relative;
	left:1px;
	top:3px;
}
.build-rune-preview-over-background-slot-1{
	padding: 4px 9px 0px 9px;
}
.build-rune-preview-over-background-slot-2{
	padding: 10px 5px 0px 5px;
}
.build-rune-preview-over-background-slot-3{
	padding: 10px 5px 0px 4px;
}
.build-rune-preview-over-background-slot-4{
	padding: 4px 9px 0px 9px;
}
.build-rune-preview-over-background-slot-5{
	padding: 10px 4px 0px 5px;
}
.build-rune-preview-over-background-slot-6{
	padding: 10px 5px 0px 5px;
}
.build-rune-add {
	color:rgb(55,255,55)
}
.build-rune-slot-1 .build-rune-add {
	position:relative;
	left:11px;
	top:18px
}
.build-rune-slot-2 .build-rune-add {
	position:relative;
	left:12px;
	top:7px
}
.build-rune-slot-3 .build-rune-add {
	position:relative;
	left:12px;
	top:7px
}
.build-rune-slot-4 .build-rune-add {
	position:relative;
	left:11px;
	top:8px
}
.build-rune-slot-5 .build-rune-add {
	position:relative;
	left:18px;
	top:8px
}
.build-rune-slot-6 .build-rune-add {
	position:relative;
	left:18px;
	top:8px
}
/* SWGT Custom Original Rune Colors */
.original-rune-grade-normal{
	filter: opacity(100%);
}
.original-rune-grade-magic{
	filter: opacity(100%) hue-rotate(-20deg) saturate(2800%);
}
.original-rune-grade-rare{
	filter: opacity(100%) hue-rotate(42deg) saturate(2000%);
}
.original-rune-grade-hero{
	filter: opacity(100%) hue-rotate(200deg) saturate(2000%);
}
.original-rune-grade-legend{
	filter: opacity(100%) hue-rotate(302deg) saturate(2000%);
}
.ancient-original-rune-grade-normal{
	filter: opacity(100%);
}
.ancient-original-rune-grade-magic{
	filter: opacity(100%) hue-rotate(-20deg) saturate(2800%);
}
.ancient-original-rune-grade-rare{
	filter: opacity(100%) hue-rotate(42deg) saturate(2000%);
}
.ancient-original-rune-grade-hero{
	filter: opacity(100%) hue-rotate(200deg) saturate(2000%);
}
.ancient-original-rune-grade-legend{
	filter: opacity(100%) hue-rotate(302deg) saturate(2000%);
}
.rune-quality-text-legend {
    color: #FFAD49 !important;
}
.rune-quality-text-hero {
    color: #a233af !important;
}
.rune-quality-text-rare {
    color: #0180A5 !important;
}
.rune-quality-text-magic {
    color: #01A564 !important;
}

.rune-quality-legend {
    background: #FFAD49 !important;
}
.rune-quality-hero {
    background: #a233af !important;
    color: #fff !important;
}
.rune-quality-rare {
    background: #0180A5 !important;
}
.rune-quality-magic {
    background: #01A564 !important;
}
.rune-quality-common {
    background: #898DA2 !important;
}

.outline-rune-quality-legend, .outline-rune-quality-legend:hover {
    border: 1px #FFAD49 solid;
    color: #FFAD49 !important;
}
.outline-rune-quality-hero, .outline-rune-quality-hero:hover {
    border: 1px #a233af solid;
    color: #a233af;
}
.outline-rune-quality-rare, .outline-rune-quality-rare:hover {
    border: 1px #0180A5 solid;
    color: #0180A5;
}
.outline-rune-quality-magic, .outline-rune-quality-magic:hover {
    border: 1px #01A564 solid;
    color: #01A564;
}
.outline-rune-quality-common, .outline-rune-quality-common:hover {
    border: 1px #898DA2 solid;
    color: #898DA2;
}

.rune-quality-preview-text-legend {
    color: #f2af61;
    text-shadow: -1px 0 #473c0f,0 1px #473c0f, 1px 0 #473c0f,0 -1px #473c0f;
    -moz-text-shadow: -1px 0 #473c0f,0 1px #473c0f, 1px 0 #473c0f,0 -1px #473c0f;
    -webkit-text-shadow: -1px 0 #473c0f,0 1px #473c0f, 1px 0 #473c0f,0 -1px #473c0f;
}
.rune-quality-preview-text-hero {
    color: #e691f8;
    text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
    -moz-text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
    -webkit-text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
}
.rune-quality-preview-text-rare {
    color: #88fbec;
    text-shadow: -1px 0 #0b206f,0 1px #0b206f,1px 0 #0b206f,0 -1px #0b206f;
    -moz-text-shadow: -1px 0 #0b206f,0 1px #0b206f,1px 0 #0b206f,0 -1px #0b206f;
    -webkit-text-shadow: -1px 0 #0b206f,0 1px #0b206f,1px 0 #0b206f,0 -1px #0b206f;
}
.rune-quality-preview-text-magic {
    color: #60d06e;
    text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
    -moz-text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
    -webkit-text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
}
.rune-quality-preview-text-common {
    color: #fffbf8;
    text-shadow: -1px 0 #463930,0 1px #463930,1px 0 #463930,0 -1px #463930;
    -moz-text-shadow: -1px 0 #463930,0 1px #463930,1px 0 #463930,0 -1px #463930;
    -webkit-text-shadow: -1px 0 #463930,0 1px #463930,1px 0 #463930,0 -1px #463930;
}
.rune-quality-preview-border-legend {
    border: 1px #FFAD49 solid;
}
.rune-quality-preview-border-hero {
    border: 1px #a233af solid;
}
.rune-quality-preview-border-rare {
    border: 1px #0180A5 solid;
}
.rune-quality-preview-border-magic {
    border: 1px #01A564 solid;
}
.rune-quality-preview-border-common {
    border: 1px #898DA2 solid;
}
.rune-quality-preview-legend {
    background: #6d351c;
    color: #f6ca81;
}
.rune-quality-preview-hero {
    background: #591842;
    color: #f8d9eb;
}
.rune-quality-preview-rare {
    background: #1c3e4a;
    color: #bcf2fe;
}
.rune-quality-preview-magic {
    background: #12350b;
    color: #ebfe80;
}
.rune-quality-preview-common {
    background: #504444;
    color: #fffbf8;
}
.runePreview{
    background-color: #25180f;
    /*border: 1px solid #90771d;*/
    border-radius: 4px;
    width: 290px;
    min-height: 178px;
    display: inline-block;
    vertical-align: top;
    user-select: none;
    padding: 3px 5px 3px 5px;
}
.runePreview #runeTitle {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    /*color: #d29447;*/
    text-shadow: -1px 0 #463605,0 1px #463605,1px 0 #463605,0 -1px #463605;
    -moz-text-shadow: -1px 0 #463605,0 1px #463605,1px 0 #463605,0 -1px #463605;
    -webkit-text-shadow: -1px 0 #463605,0 1px #463605,1px 0 #463605,0 -1px #463605
}

.scorecard-req-equal{
	color: #31708f;
    background-color: #9dd4ef;
}
.scorecard-req-success{
	color: #1c731d;
    background-color: #bfffa5;
}
.scorecard-req-success-plus{
	color: #1c731d;
    background-color: #92e570;
}
.scorecard-req-warning{
	color: #675331;
    background-color: #ffff6b;
}
.scorecard-req-danger{
	color: #c90400;
    background-color: #f38a8a;
}

/* ARTIFACT BUILD STYLING - Courtesy of SWARFarm */
.build-artifact {
	width:58px;
	height:79px;
}
.artifact {
	position:relative;
	width:100%;
	height:100%;
	background:center no-repeat;
	background-size:50px 50px
}
.artifact-symbol {
	display:inline-block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:center;
}
.artifact-v2 {
	position:relative;
	width:100%;
	height:100%;
	background:center no-repeat;
	background-size:50px 50px
}
.artifact-style-v2 {
	position:relative;
	width:100%;
	height:100%;
	background:center no-repeat;
	background-size:42px 42px
}
.artifact-symbol-v2 {
	display:inline-block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:18px 18px;
	background-position:center;
}
.artifact-quality-text-legend {
    color: #f2af61;
    text-shadow: -1px 0 #473c0f,0 1px #473c0f, 1px 0 #473c0f,0 -1px #473c0f;
    -moz-text-shadow: -1px 0 #473c0f,0 1px #473c0f, 1px 0 #473c0f,0 -1px #473c0f;
    -webkit-text-shadow: -1px 0 #473c0f,0 1px #473c0f, 1px 0 #473c0f,0 -1px #473c0f;
}
.artifact-quality-text-hero {
    color: #e691f8;
    text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
    -moz-text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
    -webkit-text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
}
.artifact-quality-text-rare {
    color: #88fbec;
    text-shadow: -1px 0 #0b206f,0 1px #0b206f,1px 0 #0b206f,0 -1px #0b206f;
    -moz-text-shadow: -1px 0 #0b206f,0 1px #0b206f,1px 0 #0b206f,0 -1px #0b206f;
    -webkit-text-shadow: -1px 0 #0b206f,0 1px #0b206f,1px 0 #0b206f,0 -1px #0b206f;
}
.artifact-quality-text-magic {
    color: #60d06e;
    text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
    -moz-text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
    -webkit-text-shadow: -1px 0 #55102f,0 1px #55102f,1px 0 #55102f,0 -1px #55102f;
}
.artifact-quality-text-common {
    color: #fffbf8;
    text-shadow: -1px 0 #463930,0 1px #463930,1px 0 #463930,0 -1px #463930;
    -moz-text-shadow: -1px 0 #463930,0 1px #463930,1px 0 #463930,0 -1px #463930;
    -webkit-text-shadow: -1px 0 #463930,0 1px #463930,1px 0 #463930,0 -1px #463930;
}
.artifact-quality-legend {
    background: #FFAD49;
}
.artifact-quality-hero {
    background: #a233af;
    color: #fff;
}
.artifact-quality-rare {
    background: #0180A5;
}
.artifact-quality-magic {
    background: #01A564;
}
.artifact-quality-common {
    background: #898DA2;
}
.artifact-quality-border-legend {
    border: 1px #FFAD49 solid;
}
.artifact-quality-border-hero {
    border: 1px #a233af solid;
}
.artifact-quality-border-rare {
    border: 1px #0180A5 solid;
}
.artifact-quality-border-magic {
    border: 1px #01A564 solid;
}
.artifact-quality-border-common {
    border: 1px #898DA2 solid;
}
.artifact-quality-preview-legend {
    background: #6d351c;
    color: #f6ca81;
}
.artifact-quality-preview-hero {
    background: #591842;
    color: #f8d9eb;
}
.artifact-quality-preview-rare {
    background: #1c3e4a;
    color: #bcf2fe;
}
.artifact-quality-preview-magic {
    background: #12350b;
    color: #ebfe80;
}
.artifact-quality-preview-common {
    background: #504444;
    color: #fffbf8;
}
.artifactPreview{
    background-color: #25180f;
    /*border: 1px solid #90771d;*/
    border-radius: 4px;
    width: 290px;
    min-height: 158px;
    display: inline-block;
    vertical-align: top;
    user-select: none;
    padding: 3px 5px 3px 5px;
}
.artifactPreview #artifactTitle {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    /*color: #d29447;*/
    text-shadow: -1px 0 #463605,0 1px #463605,1px 0 #463605,0 -1px #463605;
    -moz-text-shadow: -1px 0 #463605,0 1px #463605,1px 0 #463605,0 -1px #463605;
    -webkit-text-shadow: -1px 0 #463605,0 1px #463605,1px 0 #463605,0 -1px #463605
}

.artifact-summoners-btn p {
    font-size: 12px;
    padding: 4px 7px 4px 7px;
    margin: 8px 0;
    cursor: default;
    border-radius: 5px;
    background-color: #644c2a;
    color: #6a6045;
    text-shadow: -1px 0 #2f2009,0 1px #2f2009,1px 0 #2f2009,0 -1px #2f2009;
    -moz-text-shadow: -1px 0 #2f2009,0 1px #2f2009,1px 0 #2f2009,0 -1px #2f2009;
    -webkit-text-shadow: -1px 0 #2f2009,0 1px #2f2009,1px 0 #2f2009,0 -1px #2f2009
}

.artifactPreview #option select {
    background-color: #25180f;
    color: #fff;
    width: 100%
}

.artifactPreview #option select:hover {
    border: 1px solid #fff
}

.artifact_options {
    font-size: 11px;
    vertical-align: top;
    text-align: left
}

.artifact_options ul {
	list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    color: #968563
}
.artifactMonsterButton{
	height: 26px;
	padding-top: 3px;
    padding-bottom: 0px;
	background-color: #3a2618 !important;
    color: #644c2a !important;
    border-color: #644c2a !important;
    
    max-width: 194px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*float: left;*/
}
.artifactMonsterButton:hover{
	background-color: #4d3423 !important;
	color: #7c5f35 !important;
}
.runeMonsterButton{
	height: 26px;
	padding-top: 3px;
    padding-bottom: 0px;
	background-color: #3a2618 !important;
    color: #644c2a !important;
    border-color: #644c2a !important;
    max-width: 243px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
.runeMonsterButton:hover{
	background-color: #4d3423 !important;
	color: #7c5f35 !important;
}
.buff-image-xs{
	margin-top: -2px !important;
	margin-right: 5px !important;
	margin-bottom: -1px !important;
	margin-left: -6px !important;
	width: 22px !important;
    height: 22px !important;
}
.artifactMonsterFinderButton{
	padding-top: 0px;
    padding-bottom: 0px;
    font-size: 1rem;
	background-color: #3a2618 !important;
    color: #644c2a !important;
    border-color: #644c2a !important;
}
.artifactMonsterFinderButton:hover{
	background-color: #4d3423 !important;
	color: #7c5f35 !important;
}
.inventoryText{
	padding-top:7px;
	font-size: 0.75rem;
}
.swgt-btn-transparent, .swgt-btn-transparent:hover{
	background-color:transparent !important;
	color: #476aa5 !important;
}
.swgt-btn-transparent.active{
	color: #fff !important;
}
.artifactLineDeprecated, .artifactLineDeprecated:hover{
	color: #5e4701 !important;
	border-color: #a17903 !important;
}
.swgt-artifact-substat, .swgt-number-of-enemies, .swgt-attack-buffed{
	min-width: 55px;
}
.artifactLineDeprecated.btn-primary, 
.artifactLineDeprecated.btn-primary:active, 
.artifactLineDeprecated.btn-outline-primary:active, 
.artifactLineDeprecated.btn-primary:not(:disabled):not(.disabled):active, 
.artifactLineDeprecated.btn-outline-primary:not(:disabled):not(.disabled):active
{
	border-color: #a17903 !important;
	background-color: #ffc107 !important;
	color: #000 !important;
}
.artifact-line-powerupcount-0{
	background: transparent;
}
.artifact-line-powerupcount-1{
	background: #003c24;
}
.artifact-line-powerupcount-2{
	background: #004b2d;
}
.artifact-line-powerupcount-3{
	background: #007d4b;
}
.artifact-line-powerupcount-4{
	background: #01A564;
}
.artifact-line-powerupcount-nocolor{
	background: #4e572d;
	color: #212513;
}
.artifact-line-powerupcount-color{
	background: #7a8f33;
	color: #f8feb8;
}
.artifact-powerupcount-badge{
	min-width: 16px;
}

/* input range styling */

input[type=range] {
  	height: 25px;
  	-webkit-appearance: none;
  	margin: 10px 0;
}
input[type=range]:focus {
  	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  	height: 5px;
  	cursor: pointer;
  	animate: 0.2s;
  	box-shadow: 0px 0px 0px #000000;
  	background: #E3E3E3;
  	border-radius: 1px;
  	border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  	box-shadow: 0px 0px 0px #000000;
  	border: 1px solid #476aa5;
  	height: 18px;
  	width: 18px;
  	border-radius: 25px;
  	background: #476AA5;
  	cursor: pointer;
  	-webkit-appearance: none;
  	margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  	background: #E3E3E3;
}
input[type=range]::-moz-range-track {
  	height: 5px;
  	cursor: pointer;
  	animate: 0.2s;
  	box-shadow: 0px 0px 0px #000000;
  	background: #E3E3E3;
  	border-radius: 1px;
  	border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  	box-shadow: 0px 0px 0px #000000;
  	border: 1px solid #476aa5;
  	height: 18px;
  	width: 18px;
  	border-radius: 25px;
  	background: #476AA5;
  	cursor: pointer;
}
input[type=range]::-ms-track {
  	height: 5px;
  	cursor: pointer;
  	animate: 0.2s;
  	background: transparent;
  	border-color: transparent;
  	color: transparent;
}
input[type=range]::-ms-fill-lower {
  	background: #E3E3E3;
  	border: 0px solid #000000;
  	border-radius: 2px;
  	box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  	background: #E3E3E3;
  	border: 0px solid #000000;
  	border-radius: 2px;
  	box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  	margin-top: 1px;
  	box-shadow: 0px 0px 0px #000000;
  	border: 1px solid #476aa5;
  	height: 18px;
  	width: 18px;
  	border-radius: 25px;
  	background: #476AA5;
  	cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  	background: #E3E3E3;
}
input[type=range]:focus::-ms-fill-upper {
  	background: #E3E3E3;
}

/*Step Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #337ab7; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #285b87; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #46aaff;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Step Wizard*/

/* Skill Effects */
.swgt-skill-effect-text{
	height:30px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
.swgt-skill-effect-image{
	width:30px;
	height:30px;
	display: inline-table;
	float: left;
	cursor: pointer;
}
.swgt-skill-effect-buff{
	background-color: #052576 !important;
}
.swgt-skill-effect-debuff{
	background-color: #c30f0f !important;
}
.skill-effect-buff {
    color: #fff;
    
    border-radius: 5px;
}
.skill-effect-debuff {
    color: #fff;
    
    border-radius: 5px;
}
.skill-effect {
    display: inline-table;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 1;
    font-size: 0.7em;
    text-align: center;
    cursor: default;
}
.skill-effect>span {
    display: table-cell;
    vertical-align: middle;
}

/* Grinds */
.grindPreview{
    background-color: #25180f;
    /*border: 1px solid #90771d;*/
    border-radius: 4px;
    width: 250px;
    display: inline-block;
    vertical-align: top;
    user-select: none;
    padding: 3px 5px 3px 5px;
}
.swgt-grind{
	position:relative;
	background-repeat: no-repeat; 
	background-size: 36px 36px;
	width:36px;
	height:36px;
}
.swgt-grind-50{
	position:relative;
	background-repeat: no-repeat; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
}
.swgt-grind-bottom-right-text{
	position: absolute;
	bottom: 2px;
	right: 2px;
	background-color: #333;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ccc;
	font-size: 0.6em;
}
.swgt-grind-bottom-right-text-50{
	position: absolute;
	bottom: 2px;
	right: 2px;
	background-color: #333;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ccc;
}
.swgt-grind-bottom-left-text{
	position: absolute;
	top: 2px;
	right: 2px;
	background-color: #333;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ccc;
	font-size: 0.6em;
}
.swgt-grind-bottom-left-text-50{
	position: absolute;
	top: 2px;
	right: 2px;
	background-color: #333;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ccc;
}
.swgt-grind-quality{
	position:relative;
	background-repeat: no-repeat; 
	background-size: 36px 36px;
	width:36px;
	height:36px;
}
.swgt-grind-quality-50{
	position:relative;
	background-repeat: no-repeat; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
}
.swgt-grind-set{
	width: 16px;
    height: 16px;
    margin-top: 11px;
    margin-left: 11px;
}
.swgt-grind-set-50{
	width: 21px;
    height: 21px;
    margin-top: 14px;
    margin-left: 16px;
}

/* Gems */
.gemPreview{
    background-color: #25180f;
    /*border: 1px solid #90771d;*/
    border-radius: 4px;
    width: 250px;
    display: inline-block;
    vertical-align: top;
    user-select: none;
    padding: 3px 5px 3px 5px;
}
.swgt-gem{
	position:relative;
	background-repeat: no-repeat; 
	background-size: 36px 36px;
	width:36px;
	height:36px;
}
.swgt-gem-50{
	position:relative;
	background-repeat: no-repeat; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
}
.swgt-gem-bottom-right-text{
	position: absolute;
	bottom: 2px;
	right: 2px;
	background-color: #333;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ccc;
	font-size: 0.6em;
}
.swgt-gem-bottom-right-text-50{
	position: absolute;
	bottom: 2px;
	right: 2px;
	background-color: #333;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ccc;
}
.swgt-gem-bottom-left-text{
	position: absolute;
	top: 2px;
	right: 2px;
	background-color: #333;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ccc;
	font-size: 0.6em;
}
.swgt-gem-bottom-left-text-50{
	position: absolute;
	top: 2px;
	right: 2px;
	background-color: #333;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ccc;
}
.swgt-gem-quality{
	position:relative;
	background-repeat: no-repeat; 
	background-size: 36px 36px;
	width:36px;
	height:36px;
}
.swgt-gem-quality-50{
	position:relative;
	background-repeat: no-repeat; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
}
.swgt-gem-set{
	width: 16px;
    height: 16px;
    margin-top: 11px;
    margin-left: 9px;
}
.swgt-gem-set-50{
	width: 22px;
    height: 22px;
    margin-top: 16px;
    margin-left: 14px;
}
.swgt-column-highlight{
	background-color: #f1f6ff !important;;
}
.swgt-column-higlight-border-left{
	border-left: 1px #476aa5 solid !important;
}
.swgt-column-higlight-border-right{
	border-right: 1px #476aa5 solid !important;
}
.swgt-rune-preview-top-stars {
    position: absolute;
    top: -3px;
    left: 17px;
    color: #fdd00c;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 0.65em;
    -webkit-text-stroke: 1px #000;
}
.swgt-rune-preview-top-stars-maxed {
    position: absolute;
    top: -3px;
    left: 17px;
    color: #FF00CC;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 0.65em;
    -webkit-text-stroke: 1px #000;
}
.swgt-rune-preview-top-star{
	margin-right: -2px;
}
.tooltipster-shadow{
	box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
}
.swgt-add-tag-float{
	border: 1px solid #ececec;
}
.swgt-v-nav-tabs {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	  -ms-flex-flow: row-reverse nowrap;
	      flex-flow: row-reverse nowrap;
	  -webkit-box-pack: end;
	      -ms-flex-pack: end;
	          justify-content: flex-end;
	-webkit-transform: rotate(-90deg) translateX(-100%);
	        transform: rotate(-90deg) translateX(-100%);
	-webkit-transform-origin: 0% 0%;
	        transform-origin: 0% 0%;
	padding-left: 0;
}
.swgt-v-nav-tabs > li {
	list-style-type: none;
}
.swgt-v-nav-tabs > li  > a {
	display: block;
}
.swgt-v-nav-tabs > li > a:hover{
	text-decoration: none;
}
.swgt-monster-border-blue {
	border: 1px solid #337ab7;
	color: #337ab7;
	background-color: #eaf6ff;
}

.swgt-monster-border-red {
	border: 1px solid #cc0000;
	color: #d34a4a;
	background-color: #fdebeb;
}
.swgt-border-dashed{
	border: 2px #476aa5 dashed;
}
.swgt-friend-summary {
	border: 1px #dadada solid;
    background-color: #f7f7f7;
    border-radius: 4px;
    width:280px;
}
.px-03rem{
	padding-left:0.3rem;
	padding-right:0.3rem;
}
.swgt-circle-progress-bar-canvas {
    display: block;
    position:relative;
    top:0;
    left:0;
}
.swgt-30-circle-progress-bar-span {
    display: block;
    padding-top: 3px;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 100;
    margin-left: 30px;
    position: absolute;
}
.swgt-60-circle-progress-bar-span {
    display: block;
    padding-top: 23px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 100;
    margin-left: 8px;
    position: absolute;
}
.swgt-120-circle-progress-bar-span {
    display: block;
    padding-top: 50px;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 100;
    margin-left: 38px;
    position: absolute;
}
.swgt-240-circle-progress-bar-span {
    display: block;
    padding-top: 90px;
    font-family: sans-serif;
    font-size: 50px;
    font-weight: 100;
    margin-left: 42px;
    position: absolute;
}
.swgt-user-notification{
	position: relative;
}
.swgt-user-notification span{
	position: absolute;
	top: -12px;
	right: -8px;
	display: block;
	opacity: 0.7;
	border: 1px #fff solid;
	font-size: 0.6em;
}
/* Small Tables Auto Formatting */
@media only screen and (max-width: 575px) {
	/* Force table to not be like tables anymore */
    .small-screen-50-50-tables table,
    .small-screen-50-50-tables thead,
    .small-screen-50-50-tables tbody,
    .small-screen-50-50-tables tfoot,
    .small-screen-50-50-tables th,
    .small-screen-50-50-tables td,
    .small-screen-50-50-tables tr {
    	display: block;
	}
         
	/* Hide table headers (but not display: none;, for accessibility) */
	.small-screen-50-50-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	         
	.small-screen-50-50-tables tr { border: 1px solid #656565; }
	  
	.small-screen-50-50-tables td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	 
	.small-screen-50-50-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	 
	/*Label the data*/
	.small-screen-50-50-tables td:before {
		content: attr(data-title); 
	}
}
/* Small Tables Auto Formatting */
@media only screen and (max-width: 575px) {
	/* Force table to not be like tables anymore */
    .small-screen-30-70-tables table,
    .small-screen-30-70-tables thead,
    .small-screen-30-70-tables tbody,
    .small-screen-30-70-tables tfoot,
    .small-screen-30-70-tables th,
    .small-screen-30-70-tables td,
    .small-screen-30-70-tables tr {
    	display: block;
	}
         
	/* Hide table headers (but not display: none;, for accessibility) */
	.small-screen-30-70-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	         
	.small-screen-30-70-tables tr { border: 1px solid #656565; }
	  
	.small-screen-30-70-tables td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
		white-space: normal;
		text-align:left;
	}
	 
	.small-screen-30-70-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 65%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	 
	/*Label the data*/
	.small-screen-30-70-tables td:before { 
		content: attr(data-title); 
	}
}
.skill-1-badge{
	background-color:#a6bddb;
	color: #333;
	padding-top: 3px;
	font-size: 10px;
}
.skill-2-badge{
	background-color:#74a9cf;
	color: #333;
	padding-top: 3px;
	font-size: 10px;
}
.skill-3-badge{
	background-color:#0570b0;
	color: #fff;
	padding-top: 3px;
	font-size: 10px;
}
.skill-4-badge{
	background-color:#023858;
	color: #fff;
	padding-top: 3px;
	font-size: 10px;
}
.rune-preview-account-summary-match-value{
	font-size: 1.7em;
	margin-top: 2px;
	margin-right: 4px;
}
.artifact-preview-account-summary-match-value{
	font-size: 1.7em;
	margin-top: 2px;
	margin-right: 4px;
}