@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

#nav, .nav, .navbar {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.affix {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.navbar {
    /*min-height: auto;*/
}

#nav.affix {
    /*max-height: 40px;*/
}

#nav.affix .navbar {
    /*min-height: auto;*/
    max-height: 50px;
}

#nav.affix {
    /*max-height: 50px;*/
}

#nav.affix .nav > li > a {
    position: relative;
    display: block;
    padding: 14px 21px;
}

#nav.affix .badge-notify {
    background: red;
    position: absolute;
    top: 30px;
    /*left: 30px;*/
    padding: 2px 6px;
    font-size: 10px;
}

#nav.affix .logo {
    margin-top: 0;
}

#nav.affix .btn-orange {
    margin-top: 2px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'PT Sans', sans-serif;
    /*font-weight: 300;*/
    font-weight: lighter;
    background-color: #f1f1f1;
}

.logout {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    margin-left: 5px;
}

.logout:hover {

}

.logo {
    margin-top: 8px;
    margin-right: 5px;
    max-width: 140px;
    max-height: 33px;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.logo-scroll {
    max-width: 140px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

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

.message-message .well {
    background-color: transparent;
    border: 0;
    box-shadow: 0;
    padding: 0 15px 0 0;
}

.message-positive .well {
    padding: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.message-neutral .well {
    padding: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.message-negative .well {
    padding: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.message-cancellation .well {
    padding: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.me:hover {
    cursor: pointer;
}

.media-object {
    max-width: 170px;
}

.media-object-big {
    max-width: 360px;
}

.editBtn, .deleteBtn {
    width: 75px;
    padding: 7px 0;
    font-size: 15px;
}

.media-heading {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    /*font-weight: 400;*/
    font-weight: normal;
    color: #353C3B;
}

.media-heading > a {
    color: #353C3B;
    text-decoration: none;
}

.zero {
    margin: 0;
}

.prc {
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    font-weight: normal;
    /*font-weight: 400;*/
    margin: 10px 0;
}

.buy {
    width: 100px;
}

.soc {
    width: 45px;
}

.red, .negative {
    color: #fc2f00;

}

.negative {
    font-weight: bold;
}

.green, .positive {
    color: #92c03c;
}

.positive {
    font-weight: bold;
}

.black, .neutral {
    color: #000;
}

.neutral {
    font-weight: bold;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

.navbar-nav > li.hover:hover {
    background-color: #333;
}

/*-------------------------------------------------------------------------------------------*/
.panel {
    /*border: 1px solid #ddd;*/
    background-color: transparent;
}

.panel .btn-group {
    margin: 15px 0 30px;
}

.panel .btn-group .btn {
    transition: background-color .3s ease;
}

.table-filter {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.table-filter tbody tr:hover {
    cursor: pointer;
    background-color: #eee;
}

.table-filter tbody tr td {
    padding: 10px;
    vertical-align: middle;
    border-top-color: #eee;
}

.table-filter tbody tr.selected td {
    background-color: #eee;
}

.table-filter tr td:first-child {
    width: 38px;
}

.table-filter tr td:nth-child(2) {
    width: 35px;
}

.ckbox {
    position: relative;
}

.ckbox input[type="checkbox"] {
    opacity: 0;
}

.ckbox label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ckbox label:before {
    content: '';
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #bbb;
    background-color: #fff;
}

.ckbox input[type="checkbox"]:checked + label:before {
    border-color: #2BBCDE;
    background-color: #2BBCDE;
}

/*noinspection CssNoGenericFontName*/
.ckbox input[type="checkbox"]:checked + label:after {
    top: 3px;
    left: 3px;
    content: '\e013';
    color: #fff;
    font-size: 11px;
    font-family: 'Glyphicons Halflings';
    position: absolute;
}

.table-filter .star {
    color: #ccc;
    text-align: center;
    display: block;
}

.table-filter .star.star-checked {
    color: #F0AD4E;
}

.table-filter .star:hover {
    color: #ccc;
}

.table-filter .star.star-checked:hover {
    color: #F0AD4E;
}

.table-filter .media-photo {
    width: 35px;
}

.table-filter .media-body {
    display: block;
    /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}

.table-filter .media-meta {
    font-size: 11px;
    color: #999;
}

.table-filter .media .title {
    color: #2BBCDE;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}

.table-filter .media .title span {
    font-size: .8em;
    margin-right: 20px;
}

.table-filter .media .title span.pagado {
    color: #5cb85c;
}

.table-filter .media .title span.pendiente {
    color: #f0ad4e;
}

.table-filter .media .title span.cancelado {
    color: #d9534f;
}

.table-filter .media .summary {
    font-size: 14px;
}

/*-----------------------------------------------*/

li.dropdown a.dropdown-toggle b.caret {
    display: none;
}

.navbar {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    height: 70px;
    /*transition: all .2s;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

.navbar-nav > li > a.profile-image {
    padding-top: 10px;
    padding-bottom: 10px;
}

.profile-image {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    vertical-align: middle;
}

.special-img {
    position: relative;
    top: -5px;
    float: left;
    left: 10px;
    width: 32px;
    height: 32px;
    margin-right: 5px;
}

.special-href {
    min-width: 200px;
    padding: 24px 0;
}

.special-envelope {
    position: relative;
    /*top: -5px;*/
    float: left;
    width: 24px;
    height: 24px;
}

.avatar {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    vertical-align: middle;
}

.navbar-brand {
    padding: 10px 15px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 24px 21px;
}

.dropdown-menu {
    padding: 0 0;
    min-width: 200px;
}

.badge-notify {
    background: red;
    position: absolute;
    /*top: 30px;*/
    top: 40px;
    left: 35px;
    padding: 2px 6px;
    font-size: 10px;
}

.btn-orange, .btn-orange:hover {
    background-color: #f08700;
    margin-top: 15px;
    padding: 11px 25px !important;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    /*font-weight: 400;*/
    font-weight: normal;
}

.omska {
    position: relative;
    left: 10px;
}

/*.orange, .orange:hover {*/
/*color: #ffffff;*/
/*background-color: transparent;*/
/*}*/

.orange > a:hover {
    /*color: #353C3B !important;*/
    background-color: #c94c00 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-nav > li {
    margin-left: 0;
    margin-right: 0;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dddddd;
    border-style: solid none;
    /*border-width: 1px 0;*/
    margin: 8px 0;
}

.alt {
    margin: 20px 0 0 0;
}

.form-group, .form-control {
    /*height: 42px;*/
}

.form-control-feedback {
    top: 3px;
    right: 20px;
    font-size: 18px;
}

.input-dark {
    background-color: #353C3B;
    color: #ffffff;
    /*font-weight: 400;*/
    font-weight: normal;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    transition: all .2s;
    text-align: center;
    width: 100%;
}

.dropdown-dark {
    width: 100%;
}

.dropdown-dark > li {
    background-color: #353C3B;
    color: #ffffff;
}

.dropdown-dark > li > a {
    color: #ffffff;
    text-align: center;
}

.dropdown-dark > li > a:hover {
    color: #ffffff;
    background-color: #000;
}

.input-dark:hover, .input-dark:focus {
    background-color: #000;
    color: #ffffff;
}

.remove-bottom-border-radious {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.input-lg {
    height: 40px;
    /*line-height: 46px;*/
    font-size: 14px;
}

select.input-lg {
    height: 40px;
    line-height: 46px;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 8px 16px;
    font-size: 16px;
}

.platform, .time {
    margin-right: 10px;
}

.platform {
    color: #353C3B;
}

.time {
    color: #8b8b8b;
}

.trader {
    color: #8b8b8b;
    /*font-weight: 400;*/
    font-weight: normal;
}

.step {
    color: #000;
}

.feed {
    font-style: italic;
    color: #8b8b8b;
}

.user {
    color: #f08700;
    font-weight: bold;
}

a.user:hover, a.user:active, a.user:focus {
    color: #ff5400;
    text-decoration: none;
}

.user-removed {
    color: #000;
    font-weight: bold;
}

.ptsans {
    /*font-size: 14px;*/
    font-family: 'PT Sans', sans-serif;
}

.btn-search {
    color: #fff;
    background-color: #f08700;
    border-color: #f08700;
    transition: all .2s;
}

.orange {
    color: #f08700;
}

.btn-search:hover {
    background-color: #c94c00;
}

/*------------------ pagination ----------------------------*/
.pager-wrapper {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    margin-top: 40px;
    position: relative;
    /*border-top: solid 4px #ffffff;*/
}

a.mylink {
    display: block;
    padding: 8px 30px;
}

/*.mylink > a:hover {*/
/*border-top: solid 3px #353C3B;*/
/*}*/

.myactive {
    /*border-top: solid 3px transparent !important;*/
}

.myactive > a {
    color: black !important;
    font-weight: bold;
    /*border-top: solid 3px transparent !important;*/
    /*border-top: solid 3px white;*/
}

.pager-wrapper > li {
    flex: auto;
    border-top: solid 3px white;
    text-align: center;
    /*transition-duration: 1s;*/
}

.pager-wrapper > li > a {
    text-decoration: none;
    color: #8b8b8b;
}

.dis {
    color: #8b8b8b;
    padding: 8px 30px;
    cursor: not-allowed;
}

.pager-wrapper > li:hover {
    /*border-top: solid 3px #353C3B;*/
    /*opacity: 1;*/
    /*-webkit-transition-delay: 0.1s;*/
}

#magic-line {
    position: absolute;
    left: 0;
    width: 100px;
    /*height: 3px;*/
    background: #353C3B;
    /*bottom: 35px;*/
    border-top: solid 3px #353C3B;
}

.whiteBorder {
    border-top: solid 3px #ffffff;
}

/*li:hover{*/
/*border-top: solid 3px #353C3B;*/
/*}*/

/*----------------------------------------------------------*/

.navbar-inverse {
    background-color: #353C3B;
}

.well-sm {
    padding-top: 10px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 2px;
    border-radius: 3px;
}

.price {
    font-family: "Oswald", sans-serif;
    margin-top: 8px;
    margin-bottom: 10px;
    /*font-weight: 500;*/
    font-weight: normal;
    font-size: 37px;
}

.btn-buy {
    padding: 9px 20px;
    background-color: #90c03c;
    border-color: #90c03c;
    transition: all .2s;
    color: #ffffff;
}

.btn-buy:hover {
    background-color: #698c2b;
    border-color: #698c2b;
    color: #ffffff;
}

.btn-cancel {
    background-color: #fc2f00;
    border-color: #fc2f00;
    transition: all .2s;
    color: #ffffff;
}

.btn-cancel:hover {
    background-color: #b02000;
    border-color: #b02000;
}

.btn-cancel-cn {
    padding: 9px 8px;
}

.more {
    padding: 9px 20px;
    /*position: relative;*/
    /*right: 20px;*/
}

.label {
    font-weight: normal;
}

.list > ul, ul li {

}

.list {
    margin: 0;
    margin-left: -25px;
}

.list > li {
    display: inline;
    white-space: nowrap;
    margin: 10px 15px 10px 0;
}

.ccp {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    display: flex;
}

.cpp > ul {
    list-style: none;
    padding-left: 0;
}

.cpp.copy {
    margin-bottom: 0;
}

.ngo, .ngo:hover, .ngo:active, .ngo:visited, .ngo:focus {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.nga, .nga:hover, .nga:active, .nga:visited, .nga:focus {
    color: #8b8b8b;
    text-decoration: none;
}

.lowcy {
    opacity: 0.5;
    float: right;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.modal-header .close {
    margin-top: -10px;
    margin-right: -5px;
    background-color: #ebebeb;
    color: #353C3B;
    float: right;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding: 2px;
    font-size: 13px;
    display: inline-block;
}

.modal-header .close:hover {
    background-color: #8b8b8b;
}

.modal-content {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modal-header {
    color: #ffffff;
    background-color: #353C3B;
}

.modal-body, .modal-footer {
    background-color: #ebebeb;
}

.modal-footer {
    background-color: #ebebeb;
    border-top: 1px solid #dddddd;;
}

.modal-header > h3 {
    margin-bottom: 5px;
}

.modal-body > ol > li {
    margin-bottom: 10px;
}

.rules {
    color: red;
    margin-bottom: 15px;
    font-weight: lighter;
    font-size: 30px;
    margin-top: 10px;
}

.modal-body {
    position: relative;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 2px;
    padding-left: 15px;
}

.btn-reservation {
    padding: 9px 30px;
    font-weight: normal;
}

.other {
    /*font-weight: 300;*/
    font-weight: lighter;
}

.empty {
    font-family: 'PT Sans', sans-serif;
}

#sidebar.affix-top {
    position: static;
    margin-top: 20px;
    width: 360px;
}

#sidebar.affix {
    position: fixed;
    top: 70px;
    width: 360px;
}

.list-group-item {
    /*text-transform: uppercase;*/
    /*font-weight: 400;*/
    font-weight: normal;
    background-color: #353C3B;
    padding: 15px;
    color: #ffffff;

}

.ok {
    color: #92c03c;
}

.bad {
    color: red;
}

.list-group-item > span {
    margin-right: 10px;
}

.do {
    color: #ffffff !important;
    background-color: #90c03c;
    border-color: #90c03c;
    transition: all .2s;
    text-align: center !important;
}

.do:hover {
    background-color: #698c2b !important;
    border-color: #698c2b !important;
    color: #ffffff;
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    text-decoration: none;
    /* background-color: #f5f5f5; */
    background-color: #92c03c;
}

.input-group > .form-control {
    width: 100%;
}

.modal-footer {
    text-align: inherit;
}

.mag {
    margin-bottom: 10px;
    margin-top: 10px;
}

.well > p {
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 10px;
}

.search-title {
    font-size: 14px;
    /*margin-top: 5px;*/
    color: #f08700;
    font-weight: bold !important;
}

.easy-autocomplete-container > ul > li {
    border-bottom: 1px;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dddddd;
    border-style: solid none;
}

.easy-autocomplete-container > ul {
    border-top: 1px;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dddddd;
    border-style: solid none;
}

.show:focus {
    border-color: #8b8b8b;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(139, 139, 139, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(139, 139, 139, .6);
    /*border-bottom-left-radius: 0;*/
    /*border-bottom-right-radius: 0;*/

    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);*/
}

.dropdown-menu {
    margin: 0 0 0;
}

.show {
    /*background-color: #f5f5f5;*/
    background-color: #ffffff;
}

.count {
    color: #8b8b8b;
    font-size: 13px;
}

.messages {
    /*padding-top: 15px;*/
    /*padding-bottom: 15px;*/
    padding: 15px 20px;
    background-color: #ffffff;
    border-radius: 3px;
}

.stats {
    font-weight: lighter;
}

.status {
    /*padding-bottom: 20px;*/
}

.promp {
    margin-top: 5px;
}

.badge-market {
    display: inline-block;
    position: relative;
    bottom: 2px;
    min-width: 10px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: lighter;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ffffff;
    border-radius: 4px;
    text-transform: uppercase;
    margin-right: 5px;
    font-family: "Oswald", sans-serif;
}

.admin {
    color: #2e7bae;
}

.mod {
    color: #29aba4;
}

.ban {
    color: black;
}

.admin:hover, .admin:active, .admin:focus {
    color: #0c3aae !important;
}

.mod:hover, .mod:active, .mod:focus {
    color: #1987ab !important;
}

/*.ops {*/
/*width: 70px;*/
/*}*/

.glyphicon {
    /*margin-left: 0px;*/
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.stats > h3 {
    margin-top: 0;
}

.trader > p {
    margin-bottom: 15px;
}

.icon {
    height: 17px;
    position: relative;
    bottom: 2px;
}

/* style Tomek */
.glyphicon {
    /*margin-left: 8px;*/
}

a {
    color: #f08700;
    text-decoration: none;
    transition: all .2s;
}

a:focus, a:active, a:hover {
    color: #ff5400;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Oswald", sans-serif !important;
    /*font-family: inherit;*/
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

.h2 {
    font-size: 36px;
}

h4 {
    font-size: 17px;
}

.dropdown-menu {
    transition: all .2s;
}

.dropdown-menu > li > a {
    /*padding: 15px 20px;*/
    padding: 12px 20px;
}

.well {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    /*margin-top: 10px;*/
    /*margin-top: 15px;*/
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

/*-----------------*/

.dropdown-menu img.icon {
    height: 25px;
    margin-right: 15px
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f08700;
    outline: 0;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.sta {
    display: inline-block;
    padding: 7px 20px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 20px;
    min-width: 185px;
    text-transform: uppercase;
}

.sta-success {
    background-color: #009b00;
}

.sta-sell-progress {
    background-color: #fcb800;
}

.sta-buy-progress {
    background-color: #fcb800;
}

.sta-cancellation {
    background-color: #fc2f00;
}

.sta-on-market {
    background-color: #87009b;
}

.sta-limbo {
    background-color: #000;
}

/*.sta-inactive {*/
/*background-color: #fc2f00;*/
/*}*/

.sta-inactive {
    background-color: darkgray;
}

.feed-positive {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.feed-neutral {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.feed-negative {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.feed-cancellation {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.index {
    z-index: -1;
}

.sit {
    font-family: "Oswald", sans-serif !important;
    font-size: 25px;
}

.mgr {
    margin-top: 30px;
    margin-bottom: 15px;
}

.add {
    width: 100%;
}

.game-list {
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 0;

}

.wishlist-item {
    background: #fbfbea;
}

.wishlist-badge {
    background-color: #000 !important;
}

.star-badge {
    padding: 4px 6px !important;
}

.in-collection {
}

.in-collection .game-image, .in-collection .prc, .in-collection h4, .in-collection .platform, .in-collection .time, .in-collection .trader, .in-collection .user, .in-collection .icon {
    opacity: 0.4;
}

.prc-offert {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: normal;
    /*font-weight: 400;*/
    margin: 10px 0;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    /*float: none;*/
    /*float: right;*/
}

.search-row {
    margin-top: 15px;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid transparent;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    /* border-top: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
}

.user-image {
    border: 5px solid #fff;
    height: 170px;
    border-radius: 3px;
    float: left;
    text-align: left;
}

.noline > th {
    border-top: 0;
}

/*----------------------------------------*/

#exTab1 .tab-content {
    /*color: white;*/
    /*background-color: #428bca;*/
    background-color: #f4f4f4;
    /*padding: 5px 15px;*/

}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
    border-radius: 0;
    padding: 15px 40px;
    background-color: #eee;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
    color: #000;
    font-weight: bold;
    /*background-color: #f4f4f4;*/

    /*-webkit-box-shadow: 0px 0px 40px -3px rgba(0, 0, 0, 0.75);*/
    /*-moz-box-shadow: 0px 0px 40px -3px rgba(0, 0, 0, 0.75);*/
    /*box-shadow: 0px 0px 40px -3px rgba(0, 0, 0, 0.75);*/
    z-index: 10;

    background-color: rgb(244, 244, 244) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.nav-pills > li.active > a:hover {
    color: #f08700;
    background-color: #f4f4f4;
}

/*----------------------------------------*/

.comment {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 10px;
}

.comment-striped {
    background-color: #eaebeb !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: transparent;
    /*border: 1px solid #ddd;*/
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #f4f4f4;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.gradient {
    background: -webkit-linear-gradient(top, rgb(243, 243, 243) 0%, rgb(208, 208, 208) 100%);
    background: -o-linear-gradient(top, rgb(243, 243, 243) 0%, rgb(208, 208, 208) 100%);
    background: -ms-linear-gradient(top, rgb(243, 243, 243) 0%, rgb(208, 208, 208) 100%);
    background: -moz-linear-gradient(top, rgb(243, 243, 243) 0%, rgb(208, 208, 208) 100%);
    background: linear-gradient(to bottom, rgb(243, 243, 243) 0%, rgb(208, 208, 208) 100%);

    /*background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);*/
    /*background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);*/
    /*background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);*/
    /*opacity: 0.149;*/
    /*z-index: 167;*/
}

.badge-new {
    display: inline-block;
    position: relative;
    bottom: 2px;
    min-width: 10px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: lighter;
    line-height: 1;
    color: #f08700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ffffff;
    border-radius: 4px;
    text-transform: uppercase;
    margin-right: 5px;
    font-family: "Oswald", sans-serif;
}

.btn-negative {
    /*height: 50px;*/
    padding-top: 13px;
    padding-bottom: 13px;
    width: 100%;
    font-weight: lighter;
}

.oswald {
    font-family: "Oswald", sans-serif !important;
}

.lpo {
    font-size: 30px;
    margin: 30px 0;
}

nav.navbar.shrink {
    /*height: 52px !important;*/
}

.ct-height {
    /*margin-top: 10px;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.ct-height-zero {
    /*margin-top: 0px;*/
    -webkit-transition: all 0.24s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.container {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#w1-collapse {
    /*height: 75px !important;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.this {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*div {*/
/*-webkit-transition: all 0.4s ease;*/
/*-moz-transition: all 0.4s ease;*/
/*-o-transition: all 0.4s ease;*/
/*transition: all 0.4s ease;*/
/*}*/

.precontent {
    width: 100%;
    /* overflow: hidden; */
    background: url(../images/header-bg.png);
    background-repeat: repeat-y;
    background-position: center;
}

.back {
    height: 35px;
    text-transform: uppercase;
    color: #ffffff;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: center;
    font-size: 17px;
}

.olp {
    /* overflow: hidden; */
    background: #367ea8;
    background: -moz-linear-gradient(left, #367ea8 0%, #367ea8 50%, #65a266 51%, #65a266 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #367ea8), color-stop(50%, #367ea8), color-stop(51%, #65a266), color-stop(100%, #65a266));
    background: -webkit-linear-gradient(left, #367ea8 0%, #367ea8 50%, #65a266 51%, #65a266 100%);
    background: -o-linear-gradient(left, #367ea8 0%, #367ea8 50%, #65a266 51%, #65a266 100%);
    background: -ms-linear-gradient(left, #367ea8 0%, #367ea8 50%, #65a266 51%, #65a266 100%);
    background: linear-gradient(to right, #367ea8 0%, #367ea8 50%, #65a266 51%, #65a266 100%);
    width: 100%;
}

.navbar-fixed-top {
    top: 35px;
    height: 70px;
    border-width: 0 0 1px;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.back > img {
    height: 20px;
}

.back-item {
    margin: 0 10px;
}

.panel-group {
    margin-bottom: -1px;
}

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

.space {
    margin-top: 15px;
}

.statement {
    background-color: #e5e5e5;
    /*background-color: #F2F2F2;*/
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.kopos {
    margin-right: 10px;
}

.check, .cancel {
    height: 200px;
}

/* --------------------------------------------------------- */

.sort-label {
    padding: 10px 20px;
}

.sort-text {
    padding-top: 10px;
}

/* --------------------------------------------------------- */

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 15px 20px;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer;
}

.select2-results__option {
    border-bottom: 0 solid;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dddddd;
    /*border-style: solid none;*/
}

.select2-container--bootstrap .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #ffffff;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    height: 40px;
    font-size: 14px;
}

.select2-container--focus {
    border-color: #8b8b8b;
    outline: 0;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    /*border-top-color: transparent;*/
    border: 1px solid #8b8b8b;;
}

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

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

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

.first {
    margin-top: 15px;
    margin-bottom: 15px;
}

.second {
    margin-top: 5px;
    margin-bottom: 0;
}

.penny {
    padding: 25px 0 25px 0;
    border: 2px solid #f08700;
    border-radius: 4px;
    margin-bottom: -9px;
    /*min-height: 140px;*/
}

.panel-body {
    padding: 25px 0;
}

.bor-left {
    border-left: 1px solid black;
}

.negotiations {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 25px 25px;
    border: 2px solid #f08700;
    border-radius: 4px;
}

.trade > img {
    height: 25px;
    position: relative;
    bottom: 3px;
}

.trade {
    text-transform: uppercase;
    color: #f08700;
    font-size: 18px;
    font-weight: normal;
    font-family: "Oswald", sans-serif;
    margin-right: 5px;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
}

#nav > .navbar-inner {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    /*-o-border-radius: 0;*/
}

.navbar-inverse {
    background-color: #353C3B;
    border-color: #353C3B;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;;
}

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

.steam-login {
    position: relative;
    bottom: 8px;
    left: 30px;
}

.title-create {
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
}

.ppc {
    text-align: center;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

.r-logo {
    left: -5px;
    top: 9px;
    font-weight: 300;
    font-size: 12px;
}

.R {
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 5px;
    color: #ffffff;
    position: relative;
    bottom: 2px;
}

.R_1 {
    background: #bdc3c7;
}

.R_2 {
    background: #7f8c8d;
}

.R_3 {
    background: #272d2e;
}

.R_4 {
    background: #2980b9;
}

.R_5 {
    background: #8e44ad;
}

.R_6 {
    background: #2c3e50;
}

.R_7 {
    background: #f39c12;
}

.R_8 {
    background: #d35400;
}

.R_9 {
    background: #c0392b;
}

.R_10 {
    background: #16a085;
}

.pointer {
    cursor: pointer;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.text-muted {
    color: #bdc3c7;
}

.btn-disabled, .btn-disabled:hover {
    color: #000;
    background-color: rgba(0, 0, 0, 0.09);
    border-color: rgba(0, 0, 0, 0.09);
    transition: all .2s;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=1);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.tip {
    /*display: inline-block;*/
    cursor: pointer;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border-left: none;
    position: absolute;
    height: 32px;
    top: -1px;
    right: 1px;
    width: 20px;
}

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

.input-lg.select2-container--krajee .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    border-width: 4px 4px 0 4px;

}

.input-lg.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #ffffff transparent;
}

.input-lg.select2-container--krajee .select2-selection--single, .input-group-lg .select2-container--krajee {
    font-size: 14px;
    height: 40px;
    text-align: center;
    background-color: #353C3B;
}

.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
    padding: 0;
}

.dropdown-list-dark {
    padding: 10px 0;
    text-align: center;
    color: #ffffff;
    background-color: #353C3B;
}

.dropdown-list-dark:hover {
    padding: 10px 0;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
}

.select2-results__option {
    padding: 0;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option--highlighted[aria-selected=true] > .dropdown-list-dark {
    background: #f08700 !important;
}

.select2-results__option--highlighted[aria-selected=true] > .dropdown-list-dark:hover {
    background: #f08700 !important;
}

.select2-container--krajee .select2-results__option[aria-selected=true] > .dropdown-list-dark {
    background: #f08700 !important;
}

.select2-container--krajee .select2-results > .select2-results__options {
    overflow-y: auto;
}

.select2-results__message {
    padding: 6px !important;
}

.select2-container--krajee .select2-selection--single .select2-selection__placeholder {
    color: #ffffff;
}

.dotted {
    border-bottom: 2px dotted red;
    font-weight: bold;
    cursor: pointer;
}

.tip-text-left .tooltip-inner {
    text-align: left;
}

/*.black-tooltip + .tooltip > .tooltip-inner {*/
/*background-color: #353C3B;*/
/*}*/

/*.black-tooltip + .tooltip > .tooltip-arrow {*/
/*border-bottom-color: #353C3B;*/
/*}*/

.tooltip.top .tooltip-inner {
    background-color: #353C3B;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #353C3B;
}

.online {
    border: 3px solid #92c03c;
}

.offline {
    border: 3px solid #c2c2c2;
}

.offline-text {
    color: #c2c2c2;
}

.tip-header {
    padding: 20px 10px 20px 30px;
}

.tip-price {
    padding: 20px 10px 20px 30px;
}

/*.tip-header > .row > .col-md-4 > img {*/

/*}*/

.tip-img {
    height: 60px;
}

.tooltip-inner {
    padding: 0;
}

.tip-header {
    background-color: #495051;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.tip-content {
    text-align: left;
    padding: 20px 10px 10px 30px;
}

.tip-header > .row > .col-md-3 > span {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 18px;
}

.tip-header > .row > .col-md-3 > small {
    /*font-size: 16px;*/
    /*font-weight: bold;*/
    position: relative;
    top: 15px;
    font-size: 12px;
}

.apo .tooltip-inner {
    min-width: 340px;
    padding: 15px;
}

.apoo .tooltip-inner {
    min-width: 280px;
}

.uopo .tooltip-inner {
    min-width: 115px;
    padding: 3px 8px;
}

.alo .tooltip-inner {
    min-width: 215px;
    padding: 15px;
}

.apop .tooltip-inner {
    min-width: 180px;
    padding: 5px;
    /*min-width: 340px;*/
    /*padding: 15px;*/
}

.apop .tip-content {
    padding: 10px;
}

.tooltip.in {
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

.information {
    background: white;
    padding: 25px 5px 15px 5px;
    margin-bottom: 30px;
    margin-top: 15px;
    z-index: 49;
}

.site-rules ol ol {
    counter-reset: rules-item;
    margin-left: 0;
    padding-left: 0;
}

.site-rules ol ol > li {
    display: block;
    margin-left: 2em;
}

.site-rules ol ol > li::before {
    display: inline-block;
    content: counter(rules-item, lower-alpha) ") ";
    counter-increment: rules-item;
    width: 2em;
    margin-left: -2em;
    text-align: right;
}

/*
.site-rules h1 {
    counter-reset: rules-paragraph;
}

.site-rules h2 {
    display: block;
    margin-left: 1em;
}

.site-rules h2::before {
    display: inline-block;
    content: counter(rules-paragraph, upper-roman) ". ";
    counter-increment: rules-paragraph;
    width: 1em;
    margin-left: -1em;
}
*/

/*.reputation-system-page .table {*/
/*max-width: 600px;*/
/*}*/

.mobile-menu {
    background-color: #353C3B;
    border-color: #353C3B;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.menu-button {
    background: #353C3B;
    border: 0;
}

.copy {
    margin-left: 30px;
}

.upset {
    margin-top: 7px;
}

.stripped {
    background-image: url("../images/stripe.png");
    padding-top: 30px;
    padding-bottom: 30px;
}

.panel-orange {
    border: 2px solid #f08700;
    border-radius: 4px;
}

.oko {
    max-height: 75px;
}

.okk {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdown {
    min-width: 156px;
}

.sdown {
    min-width: 280px;
    padding: 10px;
}

.fdown {
    min-width: 180px;
}

.mobile {
    display: none;
}

.imgs {
    margin-left: -5px;
    margin-right: -15px;
}

.kopa {
    padding: 10px 15px;
}

.table-summary tr {
    text-align: center;
}

@media (max-width: 1200px) {
    .offer-image {
        /*float: left;*/
        width: 25% !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 991px) {
    .back {
        font-size: 14px;
    }

    .prc-text {
        margin: 5px 0 -5px 0 !important;
        font-size: 15px !important;
    }

    .apo .tooltip-inner {
        min-width: 300px;
        padding: 5px;
    }

    .apoo .tooltip-inner {
        min-width: 250px;
    }

    .sta {
        display: inline-block;
        padding: 6px 12px;
        font-size: 9px;
        font-weight: 600;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 20px;
        min-width: 140px;
        text-transform: uppercase;
        margin-top: 7px;
    }

    .price {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 30px;
    }

    .kopa {
        padding: 10px 10px;
    }

    .imgs {
        margin-left: -5px;
        margin-right: 0;
    }

    .badge-new {
        bottom: 5px;
    }

    .prc {
        font-size: 20px;
        margin: 0;
    }

    .fdown {
        min-width: 100%;
    }

    .sdown {
        min-width: 100%;
    }

    .pc {
        display: none !important;
    }

    .mobile {
        display: block;
    }

    .back > img {
        height: 17px;
    }

    .first {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .vertical-align {
        display: block;
        align-items: center;
    }

    .list > li {
        margin: 10px 10px 10px 0;
    }

    .list {
        margin: 0;
        margin-left: -40px;
    }

    .copy {
        margin-left: 15px;
        margin-top: 15px;
    }

    .logo {
        margin-top: 0;
        position: relative;
        right: 13px;
    }

    .special-envelope {
        position: relative;
        float: none;
        width: 70px;
        height: 34px;
        top: 8px;
    }

    .dropdown {
        text-align: center;
    }

    .button, .dropdown-menu {
        /*margin: 10px auto*/
        margin: 10px auto 0 0;
    }

    .special-img {
        position: relative;
        top: 0;
        float: none;
        left: 25px;
        width: 32px;
        height: 32px;
        margin-right: 0;
    }

    .dropdown-menu > li > a {
        padding: 20px !important;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: lighter;
    }

    .mobile-menu-icon {
        height: 25px;
        position: relative;
        top: -1px;
        margin-right: 10px;
    }

    .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #333;
    }

    .btn-orange, .btn-orange:hover {
        background-color: #f08700;
        color: #ffffff;
        text-transform: uppercase;
        padding: 15px 59px !important;
        border: 1px solid transparent;
        border-radius: 4px;
        font-size: 14px;
        font-weight: lighter;
    }

    .filter {
        margin-left: 15px;
    }

    .negotiations {
        margin-top: 0;
    }

    .upset {
        margin-top: 15%;
    }

    .penny {
        min-height: 220px;
    }

    .lowcy {
        float: left;
    }

    .title-create {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .sit {
        font-size: 24px;
    }

    .oko {
        max-height: 75px;
    }

    .pdown {
        min-width: 100%;
    }

    .dropdown-menu {
        width: auto;
        border: 0;
        border-radius: 0;
    }

    .alta {
        margin: 1px auto;
    }

    .opos {
        height: 32px;
    }

    .ops {
        width: 100%;
    }

    .icon {
        height: 15px;
        position: relative;
        bottom: 2px;
    }

    .R {
        padding: 2px 4px;
        font-size: 11px;
    }

    .search-row {
        margin-top: 5px;
    }

    .platform, .time {
        font-size: 13px;
    }

    .btn-cancel-cn {
        padding: 5px 8px;
    }

    .user-image {
        height: 100px;
    }

    .okop {
        margin-top: 25px;
        margin-left: -25px;
        font-size: 12px;
    }

    .badge-notify {
        background: red;
        position: relative;
        top: 20px;
        left: -30px;
        padding: 2px 6px;
        font-size: 10px;
    }

    .nav-tabs > li > a {
        padding: 10px 10px;
    }

    #exTab1 .nav-pills > li > a {
        padding: 10px 30px;
    }

    .upper {
        padding-top: 30px;
    }

    .btn-labeled {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
    }

    .ga {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        min-height: 30px;
    }

    a.mylink {
        padding: 0;
        display: none;
    }

    .mynext > a {
        display: block !important;
    }

    .mypre > a {
        display: block !important;
    }

    .pager-wrapper > li {
        border: 0;
    }

    #magic-line {
        border: 0;
    }

    .dis {
        padding: 0;
        visibility: hidden;
    }

    .offer-image {
        /*float: left;*/
        width: 50% !important;
        /*margin-right: 0 !important;*/
    }

    .filter-button {
        width: 100%;
        margin: 0 0 20px 0 !important;
    }

    /*.game-list {*/
        /*padding-bottom: 10px !important;*/
    /*}*/

    .item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .icon-payment {
        margin: 0 11px !important;
    }

    .sync-div, .sync-header {
        text-align: center !important;
    }

    .payment-settings {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .blacklist-settings {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .material-switch {
        margin-right: 30px;
    }

    .textarea-settings {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .sync-blacklist {
        text-align: center;
    }

    .images-payment {
        margin: 0 10px !important;
    }

    .opes {
        margin: 0 !important;
    }

    .row.vertical-divider > div[class^="col-"] {
        border-left: none !important;
        padding-bottom: 150px;
        /*margin-bottom: -130px !important;*/
    }

    .row.vertical-divider div[class^="col-"]:first-child {
        border-left: none !important;
    }

    .row.vertical-divider div[class^="col-"]:last-child {
        border-right: none !important;
    }

    .header-stats {
        margin-top: 0 !important;
    }

    .navbar-fixed-top {
        height: 53px !important;
    }

    .navbar {
        margin-bottom: 0 !important;
        height: auto !important;
    }

    .navbar-nav {
        margin: 1px 0 0 0 !important;
    }

    .navbar-nav > li {
        background-color: #353C3B !important;
    }

    .nav > li > a {
        padding: 20px !important;
    }

    .navbar-collapse {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .navbar-collapse.in {
        overflow-y: hidden !important;
    }

    .navbar-nav > li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        /*margin: 7.5px -15px;*/
        /*margin: -1px -25px 0 -15px !important;*/
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}

@media (max-width: 450px) {
    .tleft {
        margin-left: 13px;
    }

    .ttop {
        margin-top: 5px;
    }
}

.filter-button {
    width: 100%;
    margin: 5px 0;
}

.item {
    padding-left: 5px;
    padding-right: 0;
}

.role-icon {
    width: 17px;
}

.role-admin {
    background-color: #2e7bae;
    color: #ffffff;
    font-weight: bold;
    float: left;
    width: 170px;
}

.role-admin > .btn-label {
    position: relative;
    left: -49px;
    display: inline-block;
}

.role-mod {
    background-color: #29aba4;
    color: #ffffff;
    font-weight: bold;
    float: left;
    width: 170px;
}

.role-mod > .btn-label {
    position: relative;
    left: -59px;
    display: inline-block;
}

.role-user {
    background-color: #eb7260;
    color: #ffffff;
    font-weight: bold;
    float: left;
    width: 170px;
}

.role-user > .btn-label {
    position: relative;
    left: -56px;
    display: inline-block;
}

.role-ban {
    background-color: #323232;
    color: #ffffff;
    font-weight: bold;
    float: left;
    width: 170px;
}

.role-ban > .btn-label {
    position: relative;
    left: -56px;
    display: inline-block;
}

.btn-label-const {
    padding: 3px 6px !important;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 0 3px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    /*padding: 0 43px;*/
}

.ppoo {
    position: relative;
    bottom: 1px;
    display: inline-block;
}

.ppooo {
    position: relative;
    bottom: 1px;
    display: inline-block;
    right: 2px;
}

.popo {
    position: relative;
    bottom: 2px;
    display: inline-block;
	right: 4px;
	width: 22px;
	opacity: 0.8;
}

.uopo > a {
    margin-bottom: 5px;
}

.btn-default:focus, .btn-default:hover {
    color: #333;
    text-decoration: none;
}

.btn-text {
    margin-left: -45px;
}

.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 0 3px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.on-black-list {
    background-color: #333;
    color: #FFF;
}

.on-black-list:hover {
    background-color: #535353;
    color: #FFF;
}

.ga {
    margin: 0 15px;
}

.center-block {
    float: none;
}

.steam-ico {
    font-size: 18px !important;
    position: relative;
    top: 1px;
    left: -2px;
}

.filter-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.filter-list > li {
    margin: 10px 0;
}

.checkbox {
    margin: 13px 0;
}

.offer-image {
    float: left;
    width: auto;
    margin-right: 10px;
}

#filters.in,
#filters.collapsing {
    display: block !important;
}

.kubu {
    margin-bottom: -5px;
}

.icon-sm {
    padding: 3px 9px;
    margin: 5px 6px 0 6px;
    font-size: 1.2em !important;
    opacity: 0.5;
}

.images-payment {
    margin: 0 13px;
    position: relative;
    left: 10px;
}

.payment > a > img {
    margin-right: 10px;
    margin-left: 0;
    position: relative;
    left: 0;
    height: 40px;
}

.payment > .tooltip.top {
    margin-top: -8px;
    margin-left: -5px;
}

.payment .tooltip-inner {
    padding: 7px 10px 7px 10px;
}

.checkbox-payment {
    position: relative;
    left: 10px;
    top: 4px;
}

.icon-payment {
    margin-left: 9px;
    font-size: 1.2em !important;
    opacity: 0.5;
}

.radio > label {
    margin: 0 15px 0 0;
    font-weight: bold;
}

.control-label {
    color: #000 !important;
}

.list-group > a > i {
    margin-right: 10px;
}

.settings:hover, .settings:focus, .settings:active {
    background-color: #525a5c !important;
    color: #fff !important;
}

.settings {
    color: #fff !important;
}

.this {
    background-color: #525a5c !important;
}

.sync-div {
    text-align: right;
}

.sync-header {
    text-align: left;
}

.settings-label {
    font-weight: normal;
    cursor: pointer;
    /*margin-top: 5px;*/
}

.sec {
    margin-top: 10px;
    margin-bottom: -5px;
}

.payment-settings {
    margin-top: 20px;
}

.textarea-settings {
    margin-left: 10px;
    margin-right: -10px;
}

.blacklist-settings {
    margin-top: 30px;
}

.sync-blacklist {
    text-align: left;
}

.checkbox-filter-settings {
    margin: 10px 13px !important;
    position: relative;
    left: 10px;
}

.lite {
    font-weight: normal;
}

.filters-settings-div {
    margin: 0 0 0 -25px;
    padding: 0;
}

.filters-settings-hr {
    margin-top: -5px;
    margin-bottom: 10px;
}

.opes {
    margin: 3px -15px;
}

.header-stats {
    margin-top: 20px;
    text-transform: uppercase;
    color: #8b8b8b;
    text-align: center;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    margin-bottom: 0;
}

.numbers-stats {
    color: #000;
    text-align: center;
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    margin-top: -5px;
    margin-bottom: 20px;
}

.row.vertical-divider {
    overflow: hidden;
}

.row.vertical-divider > div[class^="col-"] {
    text-align: center;
    padding-bottom: 150px;
    margin-bottom: -150px;
    border-left: 1px solid #dddddd;
    /*border-right: 1px solid #8b8b8b;*/
}

.row.vertical-divider div[class^="col-"]:first-child {
    border-left: 1px solid #dddddd;
}

.row.vertical-divider div[class^="col-"]:last-child {
    border-right: 1px solid #dddddd;
}

.switch-border-left {

}

.switch-border-left {
    border-radius: 4px 0 0 4px !important;
}

.switch-border-right {
    border-radius: 0 4px 4px 0 !important;
}

.btn-switch {
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    background-color: #e4e6eb;
    /*border-radius: 4px;*/
    color: #8b8b8b;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: lighter;
}

.btn-switch.active, .btn-switch:hover {
    background: #383e3f;
    color: #fff;
}

.prc-text {
    margin: 5px 0 -15px 0;
    font-size: 18px;
}

.sub-drm {
    margin-left: 20px;
}

/* ----------------------------------------------------------------- */
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    /*width: 40px;*/
}

.material-switch > label::before {
    background: rgb(217, 83, 79);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch > label::after {
    background: rgb(217, 83, 79);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.material-switch > .control-label {
    background-color: #5cb85c;
}

/* ----------------------------------------------------------------- */

.cc-window {
    justify-content: center;
}

.cc-window.cc-floating.cc-theme-classic {
    border-radius: 0;
}

.cc-window .cc-message {
    flex: 0 1 auto;
}

.cc-window .cc-link {
    padding: 0;
}

.cc-window .cc-btn {
    box-sizing: border-box;
    text-decoration: none;
}