.panel-primary > .panel-heading.gray-body {
    background-color: #353535;
    color: #333;
}

/*
.panel-primary>.panel-heading .panel-shadow {
    background-color: #262626;
    -webkit-box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);
    -moz-box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);
    box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);
}*/

.bo-notify-panel {
    margin-bottom: 20px;
    /*-webkit-box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);
    -moz-box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);
    box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);*/
}

.bo-notify-table {
}

.bidoffer-notification {
    /*background-color: transparent;*/
}

.bo-notify-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    z-index: 9998;
}

.bo-notify-body {
    position: fixed;
    top: 30px;
    z-index: 9999;
    width: 99%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 2px 0 4px;
    /*-webkit-box-shadow: 3px 3px 4px 0 rgba(40,40,40,1);
    -moz-box-shadow: 3px 3px 4px 0 rgba(40,40,40,1);
    box-shadow: 3px 3px 4px 0 rgba(40,40,40,1);*/
    border: solid 1px #aaa;
}

.bo-notify-btn {
    top: 0;
    width: 15%;
    min-width: 150px;
    background-color: #464646;
    position: fixed;
    border-style: none;
    z-index: 10000;
    /*-webkit-box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);
    -moz-box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);
    box-shadow: 3px 3px 4px 0 rgba(140,140,140,1);*/
}

/*.bo-notify-btn-container {
    right: 15%;
}*/

.bo-notify-btn-bidoffers {    
    right: 11%;
}

.bo-notify-btn-messages {
    right: 27%;
}

@media (max-width: 768px) {
    .bo-notify-btn-bidoffers {
        top: 0;
        right: 23%;
    }

    .bo-notify-btn-messages {
        top: 35px;
        right: 23%;
    }
}

.panel-full {
    width: 100%;
}

[rotate-flip] {
    -webkit-transition: transform ease 250ms;
    -moz-transition: transform ease 250ms;
    -o-transition: transform ease 250ms;
    -ms-transition: transform ease 250ms;
    transition: transform ease 250ms;
}

    [rotate-flip].rotated {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    [rotate-flip].anti-rotated {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.red-caption,
.red-check
{
    color: red;
}

.green-caption {
    color: green;
}

.btn-notify {
    background-color: #464646;
    color: #ffdb00;
    /*border-color: #464646;*/
    border: none;
}

    .btn-notify:hover,
    .btn-notify:focus,
    .btn-notify.focus,
    .btn-notify:active,
    .btn-notify.active,
    .open > .dropdown-toggle.btn-notify {
        color: #ffdb00;
        background-color: #464646;
        border-color: #464646;
    }

    .btn-notify:active,
    .btn-notify.active,
    .open > .dropdown-toggle.btn-notify {
        background-image: none;
    }

    .btn-notify.disabled,
    .btn-notify[disabled],
    fieldset[disabled] .btn-notify,
    .btn-notify.disabled:hover,
    .btn-notify[disabled]:hover,
    fieldset[disabled] .btn-notify:hover,
    .btn-notify.disabled:focus,
    .btn-notify[disabled]:focus,
    fieldset[disabled] .btn-notify:focus,
    .btn-notify.disabled.focus,
    .btn-notify[disabled].focus,
    fieldset[disabled] .btn-notify.focus,
    .btn-notify.disabled:active,
    .btn-notify[disabled]:active,
    fieldset[disabled] .btn-notify:active,
    .btn-notify.disabled.active,
    .btn-notify[disabled].active,
    fieldset[disabled] .btn-notify.active {
        background-color: #464646;
        border-color: #464646;
        color: #ccc;
    }

.fa-spin2 {
    -webkit-animation: fa-spin2 0.5s infinite linear;
    animation: fa-spin2 0.5s infinite linear;
}

@-webkit-keyframes fa-spin2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes fa-spin2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}