/* 
    Author: Garifov Timur
*/

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')";
}

.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(28, 18, 13, 0.8);
}

.navbar-bottom {
    background: rgba(28, 18, 13, 0.5);
}

.navbar-form .input-group {
    border: 1px solid rgba(37,65,93,.6); 
}

.navbar-form .input-group .btn {
    background-color: rgba(37,65,93,.6) !important; 
    color: rgb(255, 255, 255) !important;
}

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

.navbar-right .input-group-btn {
    border: 1px solid rgba(37,65,93,.6);
}

/*
    Split buttons
*/
.split-button-nav .btn-title {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

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

.split-button-nav .btn-caret .caret {
    color: rgb(84,244,117) !important;
}

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

.split-button-nav li .btn-title {
    color: rgba(84,244,117,0.6) !important;
}

/*
    Dropdown
*/
.dropdown-menu li.active a {
    color: rgb(84,244,117) !important;
}

.dropdown-menu li a {
    color: rgba(84,244,117,0.6) !important;
}

.dropdown-menu li a:hover {
    color: rgb(84,244,117) !important;
}

/*
    Tabs
*/
.nav-tabs > li > a {
    border-radius: 0;
    color: rgb(84, 244, 117);
    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(0, 0, 0);
}

.nav-tabs>li>a:hover {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(84, 244, 117) !important;
}

/*
    Buttons
*/
.cart-button {
    background-color: rgba(84, 244, 117, 0.6) !important;
    color: rgb(0, 0, 0) !important;
}

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

/*
    Tables
*/
table > thead {
    background-color: rgba(37,65,93,0.8);
}

.table > thead > tr > th {
    color: rgb(255, 255, 255) !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(13, 34, 47, 0.15) !important;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgba(37, 65, 93, 0.6) !important;
}

/*
    Thumbnail
*/
.thumbnail {
    background-color: rgba(0,0,0,0.5) !important;
    border: 0px solid rgba(0,0,0,0) !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) */
}

/*
    Custom file input
*/
.custom-file-input-file-name {
    background: rgba(37, 65, 93, 0.6) !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(37, 65, 93, 0.6);
}

/*
    My clan table
*/
.table-clan {
    background-color: rgba(13, 34, 47, 0.15) !important;
}

.table-clan-info {
    background: rgba(37, 65, 93, 0.6);
}

.table-clan-stats-value {
    color: rgb(84, 244, 117);
}

.player-info {
    background-color: rgba(37, 65, 93, 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;
}

/*
    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: rgb(84, 244, 117);
}

/*
    Search clans
*/
.table-search-clan {
    background-color: rgba(13, 34, 47, 0.15);
}

.table-search-clan-collapse {
    background-color: rgba(13, 34, 47, 0.15) !important;
}

.table-search-clan-value {
    color: rgb(84, 244, 117);
}

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

/*
    Shop
*/
.shop {
    background-color: rgba(13, 34, 47, 0.15) !important;
}

.shop-price-wrap-color {
    background-color: rgba(14, 33, 47, 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;
}

/* 
    Contact block
*/
.contact-icon .glyphicon {
    color: rgb(84,244,117);
}

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

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

/*
    Knockout validation
*/
.validationMessage {
    color: rgb(84, 244, 117);
}

/*
    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: rgb(84, 244, 117) !important;
    border-color: rgb(84, 244, 117) !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    color: black !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: rgb(84, 244, 117) !important;
}

/*
    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%;
    }
}