/* 
    Author: Константин Штыков (shtykov)
*/

body {
    background-image: url('../images/samples/profile-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-position-y: inherit;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/samples/profile-bg.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/samples/profile-bg.png', sizingMethod='scale')";
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

h4 {
    color: #ebb100;
}

.well-sm {
    background-color: rgba(0,0,0,0.5) !important;
    border: 1px solid rgba(0,0,0,0.5) !important;
}

/*
    Navigation
*/
.navbar-top {
    background: rgba(23, 28, 5, 0.7);
}

.navbar-bottom {
    background: rgba(53, 61, 19, 0.7);
    min-height: 70px;
}

.navbar-form .input-group {
    border: 1px solid rgb(52,58,44); 
}

.navbar-form .input-group .btn {
    background-color: #E8AE30 !important; 
    color: rgb(255, 255, 255) !important;
}

.navbar-form .input-group .form-control {
    background-color: rgba(0, 0, 0, .4) !important;
    color: #fff !important;
}

.navbar-right .input-group-btn {
    border: 1px solid rgb(52,58,44);
}

ul.nav li.active a {
    color: #fff !important;
}

ul.nav li a {
    color: #000 !important;
}

ul.nav.nav-tabs li.active a {
    color: #E8AE30 !important;
}

ul.nav.nav-tabs li a {
    color: #fff !important;
}

.nav li:hover {
    transform: scale(1.07);
    -webkit-box-shadow: -12px 9px 0px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: -12px 9px 0px 0px rgba(0, 0, 0, 0.7);
    box-shadow: -12px 9px 0px 0px rgba(0, 0, 0, 0.7);
}

.nav li {
    background-color: #E8AE30;
    margin: 8px;
    -webkit-box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.7);
    box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.7);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.nav.nav-tabs {
    background: rgba(53, 61, 19, 0.7);
    padding: 5px;
    border-bottom: none;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover,
.nav.nav-tabs li.active,
.nav.nav-tabs li {
    background-color: #131B02 !important;
    -webkit-box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.4);
    box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.4);
}

.nav li.active {
    background-color: #AF5500;
}

.navbar ul>.active>a, 
.navbar ul>.active>a:focus, 
.navbar ul>.active>a:hover, 
.navbar ul>li>a:focus, 
.navbar ul>li>a:hover {
    color: #000;
}

/*
    Split buttons
*/
.split-button-nav .btn-title {
    color: rgba(191, 191, 191, 0.8);
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.split-button-nav .btn-caret {
    background-color: rgba(0, 0, 0, 0.7) !important;
    margin-right: 2px !important;
}

.split-button-nav .btn-caret .caret {
    color: #FEB300 !important;
}

.split-button-nav li.active .btn-title {
    color: rgb(255, 255, 255) !important;
}

.split-button-nav li .btn-title {
    color: rgba(102, 153, 204, 0.6) !important;
}

.thumbnail .caption .btn {
    background-color: rgb(105, 125, 55);
}

.wizzard .step button.btn {
    font-weight: bold;
    font-size: 18px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.wizzard .step button.btn:hover {
    transform: scale(1.07);
    -webkit-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.4);
    box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.4);
}

.wizzard .step button.btn[disabled]:hover {
    transform: scale(1);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
}

.wizzard .step button.btn.btn-primary {
    background: linear-gradient(to top, #7F1717 50%, #EA4133 50%);
}

.wizzard .step button.btn.btn-warning {
    background: linear-gradient(to top, #324144 50%, #567B7E 50%);
    float: right;
}

.wizzard .step button.btn.btn-success {
    background: linear-gradient(to top, #4C682D 50%, #5D7E38 50%);
}

/*
    Dropdown
*/
.dropdown-menu li.active a {
    color: #FEB300 !important;
}

.dropdown-menu li a {
    color: rgba(102, 153, 204, 0.6) !important;
}

.dropdown-menu li a:hover {
    color: #FEB300 !important;
}

/*
    Tabs
*/
.nav-tabs > li > a {
    border-radius: 0;
    color: #FEB300;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0px solid transparent !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: rgb(255, 255, 255);
}

.nav-tabs>li>a:hover {
    color: rgb(255, 255, 255) !important;
    background-color: #FEB300 !important;
}

#feedbackRules {
    background-color: rgba(23, 28, 5, 0.7);
}

/*
    Buttons
*/
.cart-button {
    background-color: #FEB300 !important;
    color: rgb(0, 0, 0) !important;
}

.btn.btn-primary.cart-button {
    background-color: rgba(0,0,0,0) !important;
    color: rgba(0,0,0,0) !important;
    background-image: url(../../warops/images/samples/shop-icon.png) !important;
    background-size: 100% 100% !important;
    border: none !important;
}

/*
    Panels
*/
.panel > .panel-heading > .panel-title {
    color: #fff;
}

.panel-default>.panel-heading {
    background-color: rgba(53, 61, 19, 0.7);
}
.panel-body {
    background-color: rgba(23, 28, 5, 0.7);
}

div[role=tabpanel] {
    margin-top: 5px;
}

/*
    Tables
*/
table > thead {
    background-color: #32401F;
}

.table > thead > tr > th {
    color: #fff !important;
}

.table tbody tr {
    background-color: rgba(53, 61, 19, 0.7);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(53, 61, 19, 0.7) !important;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgba(23, 28, 5, 0.7) !important;
}

/*
    Thumbnail
*/
.thumbnail {
    background-color: rgba(53, 61, 19, 0.3) !important;
    border: 3px solid #fff;
    border-radius: 3px !important;
}

.info-table > tbody > tr > td {
    background: rgba(0, 0, 0, 0.5);
}

.info-table > tbody > tr > td:first-child {
    background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* Standard syntax (must be last) */
}

/*
    Text muted
*/
.text-muted {
    color: #FEB300 !important;
}

/*
    My clan media
*/
.media-gradient {
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 60%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 60%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 60%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 60%); /* Standard syntax (must be last) */
}

.media-left-color {
    background: rgba(0, 0, 0, 0.2);
}

/*
    My clan table
*/
.table-clan {
    background-color: rgba(93, 99, 79, 0.15) !important;
}

.table-clan-info {
    background: rgba(30, 30, 27, 0.6);
}

.table-clan-stats-value {
    color: #FEB300;
}

.player-info {
    background-color: rgba(30, 30, 27, 0.6);
}

/*
    Contribution
*/
.contribution-table > tbody > tr > td {
    background: rgba(0, 0, 0, 0);
}

.contribution-table > tbody > tr > td:first-child {
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Standard syntax (must be last) */
}

.contribution-info {
    background-color: rgba(255, 255, 255, 0.2);
}

.panel-heading-contribution {
    color: #fff !important;
}

#contribution {
    color: #fff;
}

#blacklist {
    color: #fff;
}

/*
    Rating
*/

.table-rating {
    background-color: rgba(255, 255, 255, 0.2);
}

/*
    Create clan
*/
.panel-create-clan .panel-heading {
    color: rgb(255, 255, 255);
}

.panel-create-clan .panel-body {
    background-color: rgba(255, 255, 255, 0.09);
}

.panel-create-clan .panel-body .row label {
    color: #FEB300;
}

/*
    Search clans
*/
.table-search-clan {
    background-color: rgba(93, 99, 79, 0.15);
}

.table-search-clan-collapse {
    background-color: rgba(93, 99, 79, 0.15) !important;
}

.table-search-clan-value {
    color: #FEB300;
}

.table-search-clan-info {
    background-color: transparent !important;
}

/*
    Shop
*/
.shop {
    background-color: rgba(23, 28, 5, 0.7) !important;
    margin-top: 10px;
}

.shop-price-wrap-color {
    background-color: rgba(51, 51, 51, 0.8) !important;
}

.shop-item-info {
    color: #fff;
}

.shop-item-price {
    color: #fff;
}

.shop-price-border-bottom {
    border-bottom: 1px solid rgba(40, 40, 40, 0.4);
}

.shop-price-border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.shop-buy-btn {
    border-right: 1px solid rgba(40, 40, 40, 0.8);
}

.shop-gift-btn {
    border-left: 1px solid rgba(255, 255, 255, 0.8);
}

.shop-price-currency {
    font-size: 14px;
}

.shop-price-amount {
    font-size: 16px;
    font-weight: 500;
}

.shop .thumbnail > * {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.shop .thumbnail:hover .shop-img-vip,
.shop .thumbnail:hover .shop-img {
    transform: matrix(1.02,0,0,1.04,0,-4);
    -webkit-transform: matrix(1.02,0,0,1.04,0,-4);
    -moz-transform: matrix(1.02,0,0,1.04,0,-4);
    -ms-transform: matrix(1.02,0,0,1.04,0,-4);
    -o-transform: matrix(1.02,0,0,1.04,0,-4);
}

.showcase-item-sale {
    right: -9px;
}

/*
    Contacts
*/
.contact h3 {
    color: #E8AE30;
}

.contact .contact-icon .glyphicon {
    color: #E8AE30;
}

/*
    Feedback
*/
.feedback-answer {
    color: #FEB300;
}

.lable-unread-messages {
    background-color: #FEB300;
}

/*
    Alerts
*/
.alert {
    border: none;
    color: #fff;
    background-color: rgba(23, 28, 5, 0.7);
    border-radius: 0px;
    box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.4);
    font-size: 20px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.alert.alert-dismissible {
    animation: scale 2s infinite ease-in-out;
    -webkit-animation: scale 2s infinite ease-in-out;
}

/*
    Custom file input
*/
.custom-file-input-file-name {
    background: rgba(30, 30, 27, 0.6) !important;
}

/*
    Knockout validation
*/
.validationMessage {
    color: #FEB300;
}

/*
    Bootstrap switcher
*/
.bootstrap-switch {
    border-radius: 0px !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    background-color: rgb(255, 255, 255);
}

.bootstrap-switch-handle-on {
    background-color: #FEB300 !important;
    border-color: #FEB300 !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.bootstrap-switch-handle-off {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.bootstrap-switch-label {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

/*
    Popover confirmation
*/
.popover {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(0, 0, 0, 0.8) !important;
    border-radius: 0px !important;
}

.popover .popover-title {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8) !important;
    border-radius: 0px !important;
}

.popover.top>.arrow:after {
    border-top-color: rgba(0, 0, 0, 0.8) !important;
}

/*
    Glyphicons
*/
.glyphicon-star {
    color: #FEB300 !important;
}

/*
    Animations
*/
@keyframes scale {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.4);
    }
    50% {
        transform: scale(1.01);
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
        box-shadow: -10px 9px 0px 0px rgba(0, 0, 0, 0.4);
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        box-shadow: -9px 6px 0px 0px rgba(0, 0, 0, 0.4);
    }
}

/*
    Media queries
*/
@media (max-width: 768px) {
    .shop-img {
        height: 75px !important;
        width: 75px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0.5em;
    }
    
    .shop-img-vip {
        height: 75px !important;
        width: 75px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0.5em;
    }
}

@media (min-width: 768px) {
    .shop-img {
        height: 75px !important;
        width: 75px !important;
        margin-top: 0.5em;
    }
    
    .shop-img-vip {
        height: 75px !important;
        width: 75px !important;
        margin-top: 0.5em;
    }
}

@media (max-width: 990px) {
    .shop-img {
        padding-left: 0px;
        padding-right: 0px;
        left: 0 !important;
    }
    
    .shop-img-vip {
        padding-left: 0px;
        padding-right: 0px;
        left: 0 !important;
    }
}

@media (min-width: 990px) {
    .shop-img {
        height: 200px !important;
        width: 200px !important;
        padding-left: 0px;
        padding-right: 0px;
        left: 22%;
    }
    
    .shop-img-vip {
        height: 200px !important;
        width: 200px !important;
        padding-left: 0px;
        padding-right: 0px;
        left: 22%;
    }
}

@media (max-width: 1200px) {
    .shop-img {
        left: 15%;
    }
    
    .shop-img-vip {
        left: 15%;
    }
}