.tc-classes-splash,.tc-classes {
    margin: 0 auto;
    max-width: 612px;
    padding-bottom: 10px
}

.tc-classes-splash {
    color: #ccc;
    background: #161616;
    border-radius: 3px;
    margin: 0 auto 239px;
    padding: 50px 0 58px;
    position: relative
}

.tc-classes-splash-inner,.tc-classes-inner {
    margin: 0 auto;
    text-align: center;
    width: 384px
}

.tc-classes-splash p,.tc-classes p {
    font-size: 32px;
    margin: 0 0 16px 0;
    padding: 0
}

.tc-classes-splash .iconmedium,.tc-classes .iconmedium {
    display: inline-block;
    margin: 0 10px 10px;
    opacity: 0.6666;
    filter: alpha(opacity=66)
}

.tc-classes-splash .iconmedium-gold-selected,.tc-classes .iconmedium-gold-selected {
    opacity: 1;
    filter: alpha(opacity=100)
}

#talentcalc-links {
    clear: both;
    text-align: center
}

#talentcalc-links .graphical-guide-links .withimg {
    display: inline-block;
    margin: 10px 5px 0
}

#comments-section {
    padding: 20px 0;
    text-align: center;
    font-size: 120%
}

.tc-classes-splash.choose,.tc-classes.choose {
    position: relative;
    padding: 0
}

.tc-classes-splash.choose .tc-classes-splash-outer,.tc-classes.choose .tc-classes-outer {
    width: 614px
}

.tc-classes-splash.choose .tc-classes-splash-inner,.tc-classes.choose .tc-classes-inner {
    position: absolute;
    left: 77px;
    top: 85px
}

.tc-classes.choose-splash .iconmedium,.tc-classes.choose .iconmedium {
    opacity: 1;
    filter: alpha(opacity=100)
}

.tc-has-guide-data .tc-classes {
    display: none
}

.tc-class-guides-link {
    color: #fff;
    display: block;
    font-size: 32px;
    font-weight: 300;
    margin-top: 15px;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 100%
}

.tc-class-guides-link:hover {
    color: #ffd100
}

.tc-class-guides-link img {
    display: block;
    min-height: 50px;
    width: 100%
}

.tc-class-guides-link span {
    bottom: -10px;
    left: 0;
    position: absolute;
    right: 0
}

.talentcalc-main {
    background-color: #141414 !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
    border-radius: 6px;
    max-width: 100%;
    position: relative;
    width: 612px;
    z-index: 1
}

.talentcalc-main[data-class="deathknight"] {
    background: url(../images/talent/class-bgs/deathknight.jpg)
}

.talentcalc-main[data-class="demonhunter"] {
    background: url(../images/talent/class-bgs/demonhunter.jpg)
}

.talentcalc-main[data-class="druid"] {
    background: url(../images/talent/class-bgs/druid.jpg)
}

.talentcalc-main[data-class="hunter"] {
    background: url(../images/talent/class-bgs/hunter.jpg)
}

.talentcalc-main[data-class="mage"] {
    background: url(../images/talent/class-bgs/mage.jpg)
}

.talentcalc-main[data-class="monk"] {
    background: url(../images/talent/class-bgs/monk.jpg)
}

.talentcalc-main[data-class="paladin"] {
    background: url(../images/talent/class-bgs/paladin.jpg)
}

.talentcalc-main[data-class="priest"] {
    background: url(../images/talent/class-bgs/priest.jpg)
}

.talentcalc-main[data-class="rogue"] {
    background: url(../images/talent/class-bgs/rogue.jpg)
}

.talentcalc-main[data-class="shaman"] {
    background: url(../images/talent/class-bgs/shaman.jpg)
}

.talentcalc-main[data-class="warlock"] {
    background: url(../images/talent/class-bgs/warlock.jpg)
}

.talentcalc-main[data-class="warrior"] {
    background: url(../images/talent/class-bgs/warrior.jpg)
}

.talentcalc-header {
    position: relative
}

.talentcalc-header-class {
    font-size: 28px;
    padding: 14px 0 0 17px
}

.talentcalc-header-class a {
    text-decoration: none
}

.talentcalc-header-class a:hover {
    text-decoration: underline
}

.talentcalc-header-class i {
    font-size: 20px
}

.talentcalc-spec-switcher {
    margin: 5px 0;
    padding: 0 0 0 17px
}

.talentcalc-spec-desc {
    box-sizing: border-box;
    font-size: 12px;
    height: 68px;
    padding: 0 0 17px 17px;
    width: 60%
}

.talentcalc-spec-desc a {
    border-bottom: 1px dotted #fff;
    text-decoration: none
}

.talentcalc-core {
    padding: 0 0 16px
}

.talentcalc-row {
    background: url(../images/talent/sprite.png);
    height: 50px;
    line-height: 50px;
    margin: 16px 0 0;
    text-align: center
}

.talentcalc-row:first-child {
    margin-top: 0
}

.talentcalc-row .outer {
    background: url(../images/talent/sprite.png) 0 -50px;
    cursor: pointer;
    float: left;
    height: 50px;
    max-width: 30%;
    overflow: hidden;
    position: relative;
    width: 184px
}

.talentcalc-row .outer.last-child {
    width: 183px
}

.talentcalc-row .outer:first-child {
    background-position: 0 -50px !important;
    cursor: default;
    font-size: 22px;
    max-width: 10%;
    width: 61px
}

.talentcalc-row[data-available="yes"] .outer:first-child {
    color: #ffd100
}

.talentcalc-row .outer:hover {
    background-position: 0 -100px
}

.talentcalc-row .outer[data-selected="yes"] {
    background-position: 0 -150px
}

.talentcalc-row .outer[data-selected="yes"]:hover {
    background-position: 0 -250px
}

.talentcalc-row .inner {
    background: url(../images/talent/sprite.png) right -50px;
    bottom: 0;
    display: block;
    float: left;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.talentcalc-row .inner>div {
    float: left
}

.talentcalc-row .screen {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.talentcalc-row .iconmedium {
    left: 30px;
    position: absolute;
    top: 3px
}

.talentcalc-row .outer[data-selected="yes"] .iconmedium del {
    background-image: url(../images/gold-medium.png)
}

.talentcalc-row[data-available="yes"] .outer:hover .iconmedium a {
    background-position: 0 0
}

.talentcalc-row table {
    background: none !important;
    border: 0 !important;
    border-collapse: collapse;
    border-spacing: 0;
    bottom: 0;
    font-size: 12px;
    font-weight: 500;
    left: 79px;
    line-height: normal;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: calc(100% - 79px - 15px)
}

.talentcalc-row td {
    background: none !important;
    border: 0 !important;
    height: 50px;
    padding: 0
}

.talentcalc-row .outer[data-selected="yes"] td {
    color: #eee
}

.talentcalc-row .outer[data-selected="yes"] .inner {
    background-position: right -200px;
    box-shadow: 0 0 8px rgba(255,209,0,0.4);
    -moz-box-shadow: 0 0 8px rgba(255,209,0,0.4);
    -webkit-box-shadow: 0 0 8px rgba(255,209,0,0.4);
    z-index: 1
}

.talentcalc-row .outer.talentcalc-unknown-talent .iconmedium,.talentcalc-row .outer.talentcalc-unknown-talent table {
    opacity: .25
}

.talentcalc-wrapper {
    box-sizing: border-box;
    float: left;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 310px 0 170px;
    position: relative;
    transition: 150ms;
    width: 1092px
}

.talentcalc-default[data-hide-left="true"] .talentcalc-wrapper {
    padding-left: 0;
    width: 922px
}

.talentcalc-itself {
    color: #bbb;
    position: relative
}

.talentcalc-itself:after {
    clear: both;
    content: ' ';
    display: block
}

.talentcalc-ajax-loader {
    background: rgba(36,36,36,0.5) url(../images/ajax-huge.gif) center 200px no-repeat;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999
}

.talentcalc-controls .tc-classes-splash {
    width: auto
}

.talentcalc-controls .tc-classes-splash-inner {
    width: 300px
}

.talentcalc-controls .tc-classes-splash .iconmedium {
    margin: 3px
}

.talentcalc-itself>.tc-classes {
    width: auto
}

.talentcalc-itself>.tc-classes {
    max-width: none
}

.talentcalc-itself>.tc-classes .tc-classes-inner {
    width: auto
}

.talentcalc-itself>.tc-classes .iconmedium {
    margin: 3px
}

.talentcalc-controls {
    bottom: 10px;
    line-height: normal;
    position: absolute;
    right: 10px;
    text-align: right
}

.talentcalc-controls:after {
    clear: both;
    content: ' ';
    display: block
}

.talentcalc-controls-guide-links {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

.talentcalc-controls-guide-links .iconsmall {
    display: inline-block;
    vertical-align: top
}

.talentcalc-controls-actions a {
    display: inline-block;
    margin-left: 10px
}

.talentcalc-guide-button {
    margin: 0 0 2px
}

.talentcalc-guide-button .btn {
    display: inline-block;
    float: none !important;
    margin: 0 !important
}

.talentcalc-controls-actions2 {
    padding: 2px 0
}

.talentcalc-controls-actions2 a {
    display: block;
    margin-right: 10px;
    float: left
}

.talentcalc-markup-parent .talentcalc-specs-header .heading-size-3,.talentcalc-controls .heading-size-3 {
    padding: 0;
    font-weight: 500
}

.talentcalc-controls .heading-size-3.first {
    margin-top: 0
}

.talentcalc-controls .heading-size-3 a {
    margin-left: 6px;
    font-weight: normal
}

.talentcalc-glyphs {
    margin: 0 10px 10px
}

.talentcalc-reset-glyphs {
    font-size: 12px;
    margin-left: 10px
}

.talentcalc-controls-primeglyphs,.talentcalc-controls-majorglyphs,.talentcalc-controls-minorglyphs {
    font-size: 13px
}

.talentcalc-controls .icontab td {
    width: 70px;
    height: 34px;
    font-size: 13px
}

.talentcalc-controls .icontab a {
    text-decoration: none
}

.talentcalc-controls .block-block-bg {
    margin: 0 auto !important
}

.talentcalc {
    margin: 0 auto 10px
}

.talentcalc-default {
    display: none;
    max-width: 100%;
    text-align: left;
    transition: 150ms;
    width: 1092px
}

.talentcalc-default[data-hide-left="true"] {
    width: 922px
}

.talentcalc-left-wrapper,.talentcalc-right-wrapper {
    position: absolute;
    top: 10px;
    width: 310px
}

.talentcalc-left-wrapper {
    left: 0;
    width: 170px
}

.talentcalc-left-toggle {
    cursor: pointer;
    left: -22px;
    position: absolute;
    top: 19px;
    transition: 150ms;
    z-index: 1
}

.talentcalc-right-wrapper {
    right: 0
}

.talentcalc-default[data-hide-left="true"] .talentcalc-wrapper {
    padding-left: 0
}

.talentcalc-default[data-hide-left="true"] .talentcalc-left-toggle {
    left: 3px;
    top: 3px
}

.talentcalc-specs {
    float: left;
    width: 292px
}

.talentcalc-warcraft-logs,.talentcalc-spells {
    color: #bbb;
    background: #121212;
    border-radius: 0 6px 6px 0;
    box-sizing: border-box;
    display: block;
    height: 592px;
    padding: 10px 0 0;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.talentcalc-warcraft-logs {
    border-radius: 6px 0 0 6px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0
}

.talentcalc-spells:after {
    bottom: 0;
    content: ' ';
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 15px;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.3) 0%, transparent 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 )
}

.talentcalc-warcraft-logs-content:after {
    bottom: 0;
    box-sizing: border-box;
    content: ' ';
    display: block;
    min-height: 100%;
    padding: 10px 0 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    background: -moz-linear-gradient(left, transparent 0%, rgba(0,0,0,0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.3)));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0,0,0,0.3) 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0,0,0,0.3) 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=1 )
}

.talentcalc-warcraft-logs *,.talentcalc-spells * {
    position: relative;
    z-index: 1
}

.talentcalc-warcraft-logs-content {
    box-sizing: border-box;
    min-height: 100%;
    padding: 10px
}

.talentcalc-warcraft-logs .imitation-heading {
    font-size: inherit;
    line-height: 1.2;
    margin: 10px 0
}

.talentcalc-warcraft-logs .imitation-heading:first-child {
    margin: 0 0 10px
}

.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.talentcalc-warcraft-logs .talent-calc-wcl-raid {
    margin: 10px 0 6px
}

.talentcalc-warcraft-logs .talent-calc-wcl-raid a {
    color: #fff
}

.talentcalc-warcraft-logs .talent-calc-wcl-encounters .talent-calc-wcl-encounter {
    display: block;
    font-size: 13px;
    line-height: 1.1;
    margin: 0 0 6px
}

.talentcalc-warcraft-logs .talent-calc-wcl-encounters .talent-calc-wcl-encounter:last-child {
    margin: 0
}

.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>span,.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>a>span,.talentcalc-warcraft-logs .talent-calc-wcl-encounters .talent-calc-wcl-encounter a {
    border-radius: 2px;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 2px;
    padding: 1px 3px 2px
}

.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>span,.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>a>span {
    margin-right: 3px;
    text-shadow: none
}

.talentcalc-warcraft-logs .talent-calc-wcl-encounters .talent-calc-wcl-encounter a:nth-child(2) {
    margin-right: 3px
}

.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>span,.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>a>span,.talentcalc-warcraft-logs .talent-calc-wcl-encounters .talent-calc-wcl-encounter a:hover {
    background: #ccc;
    color: #121212 !important
}

.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>span.r1,.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>a>span.r1,.talentcalc-warcraft-logs .talent-calc-wcl-encounters .talent-calc-wcl-encounter a.r1:hover {
    background: #ff8040
}

.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>span.q10,.talentcalc-warcraft-logs .talentcalc-warcraft-logs-encounter-title>a>span.q10,.talentcalc-warcraft-logs .talent-calc-wcl-encounters .talent-calc-wcl-encounter a.q10:hover {
    background: #ff4040
}

.talentcalc-warcraft-logs table {
    border-collapse: collapse;
    border-spacing: 0;
    left: -2px;
    padding: 0;
    position: relative;
    margin: 0
}

.talentcalc-warcraft-logs th,.talentcalc-warcraft-logs td {
    color: #9d9d9d;
    font-size: 10px;
    line-height: 13px;
    padding: 0 1px 0 0;
    text-align: center;
    vertical-align: middle
}

.talentcalc-warcraft-logs th {
    padding-right: 10px
}

.talentcalc-warcraft-logs .talentcalc-top-talents tr:nth-child(even) td {
    padding-bottom: 10px
}

.talentcalc-warcraft-logs .talentcalc-top-talents tr:last-child td {
    padding-bottom: 0
}

.talentcalc-warcraft-logs .iconmedium .glow {
    font-size: 10px
}

.talentcalc-warcraft-logs .iconsmall .glow {
    font-size: 10px;
    font-weight: normal
}

.talentcalc-warcraft-logs small {
    color: #9d9d9d;
    display: block;
    margin: -10px 0 0
}

.talentcalc-warcraft-logs small a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap
}

.talentcalc-warcraft-logs small a:hover {
    color: #fff
}

.talentcalc-warcraft-logs small a img {
    height: 10px;
    margin: 0 3px 0 0;
    vertical-align: middle;
    width: 10px
}

.talentcalc-warcraft-logs small a:hover img {
    -webkit-filter: brightness(1.35);
    filter: brightness(1.35)
}

.options-menu-widget-tc-spec {
    color: #ffd100;
    cursor: pointer;
    display: inline-block
}

.options-menu-widget-tc-spec:hover {
    color: #fff
}

.talentcalc-controls-spec-desc {
    color: #ccc;
    display: block;
    font-size: 12px;
    margin-bottom: 7px;
    padding: 7px 0;
    position: relative;
    text-decoration: none
}

.talentcalc-spec-role {
    background: url(../images/talent/roles.png) no-repeat;
    display: inline-block;
    height: 16px;
    position: relative;
    top: -1px;
    vertical-align: text-bottom;
    width: 16px
}

.talentcalc-spells-td-lvl {
    width: 30px;
    text-align: center
}

.talentcalc-spells-heading {
    margin: 0 10px 0 0
}

.talentcalc-spells-wrapper {
    border-top: 2px solid #2A2A2A;
    padding: 5px
}

.talentcalc-spells-table {
    height: 540px;
    overflow-y: auto;
    overflow-x: hidden
}

.talentcalc-specs-header {
    padding: 5px 5px 10px 5px;
    text-align: center
}

.specicon span {
    cursor: default;
    display: block;
    color: #e5cc80;
    left: -2px;
    position: relative;
    text-align: center;
    top: 1px;
    width: 14px
}

.talentcalc-spells .filters {
    cursor: default;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px
}

.talentcalc-spells .filters a {
    background: #1c1c1c;
    border-radius: 2px 2px 0 0;
    color: #aaa;
    font-size: 13px;
    padding: 6px 10px;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.3)
}

.talentcalc-spells .filters a:hover {
    color: #fff
}

.talentcalc-spells .filters a:last-child {
    margin-left: 6px
}

.talentcalc-spells .filters .fselected {
    background: #2A2A2A;
    color: #fff;
    cursor: default
}

.talentcalc-glyphpicker {
    width: 780px;
    height: 554px
}

.talentcalc-glyphpicker .listview {
    border: 0
}

.talentcalc-glyphpicker .listview-band-top {
    background-color: #303030
}

.talentcalc-markup-parent .talentcalc-default {
    width: 1092px
}

.talentcalc-default[data-hide-left="true"] .talentcalc-markup-parent .talentcalc-default {
    width: 922px
}

.talentcalc-markup-parent .tc-classes {
    display: none
}

.talentcalc-markup-parent .talentcalc-controls-inner,.talentcalc-markup-parent .icontab td {
    width: auto
}

.talentcalc-markup-parent .icontab {
    background: none
}

.talentcalc-markup-parent .icontab th {
    padding: 2px;
    width: 1%
}

.talentcalc-markup-no-glyphs .talentcalc-glyphs {
    display: none
}

.talentcalc-markup-no-specs .talentcalc-default[data-hide-left="true"] .talentcalc-wrapper,.talentcalc-markup-parent .talentcalc-default[data-hide-left="true"] {
    width: 612px
}

.talentcalc-markup-no-specs .talentcalc-right-wrapper {
    display: none
}

.talentcalc-markup-no-specs .talentcalc-default .talentcalc-wrapper {
    padding-right: 0
}

@media screen and (max-width: 475px) {
    .tc-classes-splash-inner,.tc-classes-inner {
        width:256px
    }
}

@media screen and (max-width: 549px) {
    .tc-class-guides-link {
        font-size:24px
    }
}

@media screen and (max-width: 374px) {
    .tc-class-guides-link {
        font-size:20px
    }
}

@media screen and (max-width: 622px) {
    .talentcalc-wrapper {
        margin:0 -5px;
        max-width: calc(100% - -10px)
    }
}

@media screen and (max-width: 612px) {
    .talentcalc-wrapper {
        margin:0 -10px;
        max-width: calc(100% - -20px)
    }
}

@media screen and (max-width: 499px) {
    .talentcalc-main {
        background-size:120% auto !important
    }
}

@media screen and (max-width: 474px) {
    .talentcalc-header {
        padding-bottom:10px
    }
}

@media screen and (max-width: 903px) {
    .talentcalc-row .iconmedium {
        left:10px
    }

    .talentcalc-row table {
        left: 59px;
        width: calc(100% - 59px - 5px)
    }
}

@media screen and (max-width: 883px) {
    .talentcalc-row .iconmedium {
        left:0
    }

    .talentcalc-row table {
        left: 49px;
        width: calc(100% - 49px)
    }
}

@media screen and (max-width: 878px) {
    .talentcalc-row table {
        left:46px;
        width: calc(100% - 46px)
    }
}

@media screen and (max-width: 828px) {
    .talentcalc-row {
        margin:27px 0 0;
        position: relative
    }

    .talentcalc-row .outer {
        max-width: 33.33333%
    }

    .talentcalc-row .outer:first-child {
        background: none;
        font-size: inherit;
        font-weight: 600;
        height: auto;
        left: 5px;
        line-height: 22px;
        max-width: none;
        position: absolute;
        top: -23px;
        width: auto
    }

    .talentcalc-row .outer:first-child .inner {
        background: none;
        float: none;
        position: static
    }
}

@media screen and (max-width: 781px) {
    .talentcalc-row .iconmedium {
        left:-1px
    }

    .talentcalc-row table {
        left: 42px;
        width: calc(100% - 42px)
    }
}

@media screen and (max-width: 767px) {
    .talentcalc-row {
        margin:0 0 16px
    }

    .talentcalc-row .outer {
        max-width: 30%
    }

    .talentcalc-row .outer:first-child {
        background: url(../images/talent/sprite.png) 0 -50px;
        font-size: 22px;
        font-weight: normal;
        height: 50px;
        line-height: 50px;
        max-width: 10%;
        position: static;
        width: 61px
    }

    .talentcalc-row .outer:first-child .inner {
        background: url(../images/talent/sprite.png) right -50px;
        position: static
    }

    .talentcalc-row .iconmedium {
        left: 30px
    }

    .talentcalc-row table {
        left: 79px;
        width: calc(100% - 79px - 15px)
    }

    .talentcalc-wrapper {
        padding: 0
    }

    .talentcalc-left-wrapper,.talentcalc-right-wrapper {
        margin: 10px 0 0 0;
        position: relative;
        right: auto;
        top: auto;
        width: auto
    }

    .talentcalc-left-wrapper {
        margin: 0 0 10px 0
    }

    .talentcalc-left-toggle {
        display: none
    }

    .talentcalc-warcraft-logs {
        border-radius: 6px
    }

    .talentcalc-spells {
        border-radius: 6px;
        height: 250px !important
    }

    .talentcalc-spells-table {
        height: 198px !important
    }

    .talentcalc-warcraft-logs:after,.talentcalc-spells:after {
        display: none !important
    }
}

@media screen and (max-width: 612px) {
    .talentcalc-main {
        border-radius:0
    }

    .talentcalc-spells {
        border-radius: 0
    }
}

@media screen and (max-width: 549px) {
    .talentcalc-row .iconmedium {
        left:10px
    }

    .talentcalc-row table {
        left: 59px;
        width: calc(100% - 59px - 5px)
    }
}

@media screen and (max-width: 529px) {
    .talentcalc-row .iconmedium {
        left:0
    }

    .talentcalc-row table {
        left: 49px;
        width: calc(100% - 49px)
    }

    .talentcalc-left-wrapper {
        margin-left: 0
    }

    .talentcalc-right-wrapper {
        margin-right: 0
    }

    .talentcalc-spells {
        border-radius: 0
    }

    .talentcalc-spec-desc {
        height: auto;
        padding: 0 17px 17px;
        width: auto
    }

    .talentcalc-controls {
        padding: 0 0 17px 17px;
        position: static;
        text-align: left
    }

    .talentcalc-controls-actions a {
        margin-left: 0;
        margin-right: 10px
    }
}

@media screen and (max-width: 524px) {
    .talentcalc-row table {
        left:46px;
        width: calc(100% - 46px)
    }
}

@media screen and (max-width: 474px) {
    .talentcalc-row {
        margin:27px 0 10px;
        position: relative
    }

    .talentcalc-row .outer {
        max-width: 33.33333%
    }

    .talentcalc-row .outer:first-child {
        background: none;
        font-size: inherit;
        font-weight: 600;
        height: auto;
        left: 5px;
        line-height: 22px;
        max-width: none;
        position: absolute;
        text-align: center;
        top: -23px;
        width: auto
    }

    .talentcalc-row .outer:first-child .inner {
        background: none;
        float: none;
        position: static
    }

    .talentcalc-controls {
        padding: 0 0 0 17px
    }
}

@media screen and (max-width: 427px) {
    .talentcalc-row .iconmedium {
        left:-1px
    }

    .talentcalc-row table {
        left: 42px;
        width: calc(100% - 42px)
    }
}

@media screen and (max-width: 413px) {
    .talentcalc-row .iconmedium {
        width:26px;
        height: 26px
    }

    .talentcalc-row .iconmedium ins {
        width: 18px;
        height: 18px;
        left: 4px;
        top: 4px
    }

    .talentcalc-row .iconmedium del {
        width: 26px;
        height: 26px;
        background-image: url(../images/icon_border_small.png)
    }

    .talentcalc-row .iconmedium var {
        width: 26px;
        height: 26px
    }

    .talentcalc-row .iconmedium a {
        width: 20px;
        height: 20px;
        background: url(../images/icon_hilite_small.png) no-repeat 20px 0
    }

    .talentcalc-row .iconmedium .glow {
        font-size: 11px;
        margin: 2px 5px 2px 4px
    }

    .talentcalc-row .iconmedium-premium del {
        background-image: url(../images/premium.png)
    }

    .talentcalc-row .iconmedium-gold del {
        background-image: url(../images/gold-small.png)
    }

    .talentcalc-row .iconmedium-q0 del {
        background-image: url(../images/q0-small.png)
    }

    .talentcalc-row .iconmedium-q1 del {
        background-image: url(../images/q1-small.png)
    }

    .talentcalc-row .iconmedium-q2 del {
        background-image: url(../images/q2-small.png)
    }

    .talentcalc-row .iconmedium-q3 del {
        background-image: url(../images/q3-small.png)
    }

    .talentcalc-row .iconmedium-q4 del {
        background-image: url(../images/q4-small.png)
    }

    .talentcalc-row .iconmedium-q5 del {
        background-image: url(../images/q5-small.png)
    }

    .talentcalc-row .iconmedium-q6 del {
        background-image: url(../images/q6-small.png)
    }

    .talentcalc-row .iconmedium-q7 del {
        background-image: url(../images/q7-small.png)
    }

    .talentcalc-row .iconmedium-q8 del {
        background-image: url(../images/q8-small.png)
    }

    .talentcalc-row .iconmedium-q9 del {
        background-image: url(../images/q9-small.png)
    }

    .talentcalc-row .iconmedium-q10 del {
        background-image: url(../images/q10-small.png)
    }

    .talentcalc-row .iconmedium-q13 del {
        background-image: url(../images/q13-small.png)
    }

    .talentcalc-row .iconmedium {
        left: 0;
        top: 12px
    }

    .talentcalc-row .iconmedium ins {
        background-size: 18px 18px
    }

    .talentcalc-row .outer[data-selected="yes"] .iconmedium del {
        background-image: url(../images/gold-small.png)
    }

    .talentcalc-row table {
        left: 26px;
        width: calc(100% - 26px)
    }
}

@media screen and (max-width: 622px) {
    .talentcalc-ajax-loader {
        left:-5px;
        right: -5px
    }
}

@media screen and (max-width: 612px) {
    .talentcalc-ajax-loader {
        left:-10px;
        right: -10px
    }
}

@media screen and (max-width: 637px) {
    .talentcalc-itself>.tc-classes .tc-classes-inner {
        max-width:100%;
        width: 340px
    }
}

@media screen and (max-width: 614px) {
    .talentcalc-controls .tc-classes-inner {
        width:300px
    }
}

@media screen and (max-width: 339px) {
    .tc-classes {
        height:auto;
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .talentcalc-wrapper {
        float:none;
        width: 612px
    }
}

@media screen and (max-width: 474px) {
    .talentcalc-specs-header {
        margin-top:15px
    }
}

@media screen and (max-width: 374px) {
    .talentcalc-specs-header {
        font-size:14px
    }
}