/*.feed-item {
    width: 100%;
    position: relative;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: rgba(191,191,191,0.15);
    padding-bottom: 10px;
}*/
@media screen and (min-width:980px) {
 body {
  min-width:30px;
 }
}
@media screen and (max-width:979px) {
 body {
  min-width:20px;
 }
}
@media screen and (max-width:767px) {
 body {
  min-width:10px;
 }
}

body {
    backface-visibility: hidden;
    background-attachment: inherit;
    background-position:50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    height:100%;
    line-height: 18px;
    margin: 0;
    min-width: 30px;
    overflow: auto; 
}

.donation-top-1 {
    color:#FFBA00; 
}
.donation-top-2 {
    color:#FFBA00; 
}
.donation-top-3 {
    color:#FFBA00; 
}
.donation-top-4 {
    color: #696975;
    opacity: 1;
}
.donation-top-5 {
    color: #696975;
    opacity: 1;
}
.donation-top-6 {
    color: #696975;
    opacity: 1;
}
.donation-top-7 {
    color: #696975;
    opacity: 1;
}
.donation-top-8 {
    color: #696975;
    opacity: 1;
}
.donation-top-9 {
    color: #696975;
    opacity: 1;
}
.donation-top-10 {
    color: #696975;
    opacity: 1;
}

.btn-lang {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
/*    display: inline-block;*/
    vertical-align: middle;
/*    padding: 10px 20px;*/
    border-radius: 30px;
    border: 1px solid rgba(0,0,0,0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
    border-right-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.1s all linear;
    -moz-transition: 0.1s all linear;
    -ms-transition: 0.1s all linear;
    -o-transition: 0.1s all linear;
    transition: 0.1s all linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: rgba(255,255,255,0.05);
/*    color: #dddddd !important;*/
    border-color: rgba(255,255,255,0.06);
    height: 35px;
    padding: 4px 20px !important;

    color: #fff !important;
    font-weight: 300;
    opacity: 0.95;
    text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.9);

    line-height: 24px;
    }
.btn-lang:hover {
    background: linear-gradient(to bottom,#FFDD61 0,#FF9800 60%,#FF7100 100%) ;
    color: #000 !important;
    text-shadow: 1px 1px rgba(255,217,129,.75);
    border: 1px solid #FF9800;
    box-shadow: 0 2px 10px #FF3F00;  
    }
    
.dot-points {
  font-size: 30px;
  position: relative;
  top: 7px;
  line-height: 5px;
}

select:not([multiple]){
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-position:right 50% !important;
  background-repeat:no-repeat !important;
  background-image: url(/templates/css/select-one.png) !important;
  padding-right:1.0em !important;
  -webkit-transition: opacity 1s ease-in-out !important;
  -moz-transition: opacity 1s ease-in-out !important;
  -ms-transition: opacity 1s ease-in-out !important;
  -o-transition: opacity 1s ease-in-out !important;
  transition: opacity 1s ease-in-out !important;
}

select:not([multiple]):hover {
  zoom: 1 !important;
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
}
select option {
    background-color: #202027 !important;
    color: #696975 !important;
    border: none !important;
    text-shadow: none !important;
}

option:hover {
    background-color: #202027 !important;
    color: #696975 !important;
    border: none !important;
}

a.ipsfocus_svk:before {
 content:"\f189" !important;
}
.ipsfocus_social .ipsfocus_svk {
 background:#507299 !important;
 border-radius:3px !important;
}

/*Table Colors START*/
/*style="color: #FFBA00;text-shadow: 0 1px 5px #FF3F00;" => class="table-font-primary" */
/*style='color: #FFBA00;text-shadow: 0 1px 5px #FF3F00;' => class='table-font-primary' */

/* style="color: #696975" => class="table-font-secondary" */
/* style='color: #696975' => class='table-font-secondary' */


/* class="table-header-bg" => class="table-header-bg" */
/* bgcolor='#2C2C33' => class='table-header-bg' */

/*Table Colors END*/
.font-primary {
    color: #a6a6a6;
}
label {
    color: #696975 !important;
}

.fa-backward {
    margin-right: -5px !important;
}

.fa-forward {
    margin-left: -5px !important;
}
.current {
/*    background: linear-gradient(to bottom,#FFDD61 0,#FF9800 60%,#FF7100 100%) !important;
    color: #000 !important;
    text-shadow: 1px 1px rgba(255,217,129,.75) !important;
    border: 1px solid #FF9800 !important;
    box-shadow: 0 2px 10px #FF3F00 !important; */
    
    background: linear-gradient(to bottom,#FFE78E 0,#E8B223 60%,#E8B223 100%) !important;
    color: #4F1E10 !important;
    text-shadow: 0 4px 10px #be450db3, 0 4px 20px #383881cc;
    text-shadow: 1px 1px rgba(255,217,129,.75) !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 2px;
    font-weight: 400;

}
.paginate_button {
    padding: 3px;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
/*    display: inline-block;*/
    vertical-align: middle;
/*    padding: 10px 20px;*/
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
    border-right-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.1s all linear;
    -moz-transition: 0.1s all linear;
    -ms-transition: 0.1s all linear;
    -o-transition: 0.1s all linear;
    transition: 0.1s all linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: rgba(255,255,255,0.05);
    color: #dddddd;
    border-color: rgba(255,255,255,0.06);
    height: 35px;
    padding: 4px 8px !important;

    color: #fff;
    font-weight: 300;
    opacity: 0.95;
    text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.9);

    line-height: 24px;
    margin: 2px;
}
.message {
    color:#FFBA00;
    /*margin-top: 10px !important;*/
}

.fa-asterisk {
    color:#FFBA00;
}
.show_protection {
    /*margin-bottom: 15px;*/
}
/*----------Background Position Not Fixed-------------*/


/*body.background-dark {
    background-color: #1A181D !important;
}*/
/*-----------------------*/

/*td, th {
    padding: 5px 5px 5px 5px !important;
}*/
/*.icon-border {
    position: relative;
    top: 34px;
    z-index: 1;
    right: 1px;
    margin-top: -35px;
    margin-right: -4px;
    }*/
/*-------------------------------------------------------*/
td, th {
    padding: 10px 10px 10px 10px !important;
    }
/*------------------------SHOP----------------------------*/
/*.fa-spinner {
color: rgb(254,200,48) !important;
text-shadow: 0 1px 5px #FF3F00  !important;
font-size: 20px  !important;
}*/
.fa_shadows {
 color: #BEBDC0 !important;
 font-weight: 300 !important;
 opacity: 0.95 !important;
 text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.9) !important;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 100000 !important;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  z-index: 100000 !important;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: -7px;
  left: -12px;
  margin-bottom: 5px;
  margin-left: -50px;
  padding: 7px;
  width: 386px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(46, 46, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: left;
  font-size: 11px;
  line-height: 1.2;
  z-index: 100000 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: -7px;
  left: -22px;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid rgba(46, 46, 51, 0.9);
/*  border-top: 5px solid hsla(0, 0%, 10%, 0.9);*/
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  z-index: 100000 !important;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  z-index: 100000 !important ;
}


.icon-border-auc {
    position: relative;
    top: 34px;
    z-index: 1;
    right: 1px;
    margin-top: -55px;
    margin-right: -30px;
    margin-bottom: -20px;
    margin-left: -20px;
}

.icon-margin-auc {
    margin-right: -6px;
    position: relative;
    top: -13px;
    left: 14px;
}

.img-shop {
    position: relative;
    top: -42px;
    left: 35px;
    }

.icon-border-shop {
    position: relative;
    top: 25px;
    z-index: 1;
    }

.gds-buy-img .shadow{
    position: absolute;
    margin-top:-286px;
    margin-left:-2px;
    box-shadow: none  !important;
    z-index:1;
    }

.gds-buy-img {
    border: 1px solid #525252 !important;
    padding: 1px !important;
    margin-left: -15px;
    }

/*.gds .gds-img {
    border: 1px solid #525252 !important;
    padding: 1px !important;
    }*/
/*-------------------------------------------------------*/
.uppercase {
    text-transform: uppercase;
    }

.checkStatusItem {
    position: relative;
    top: -3px;
    }
.checkStatusAll {
    position: relative;
    top: -3px;
    margin-right: -6px;
    }
/*------------------------AUCTION----------------------------*/
.icon-border {
    position: relative;
    top: 34px;
    z-index: 1;
    right: 1px;
    margin-top: -35px;
    margin-right: -7px;
    }

.icon-margin {
    margin-right: -6px;
    position: relative;
    top: -33px;
    left: 33px;
    }
/*--------------------------------------------------------*/
.slimScrollBar {
    color: #bfbfbf !important;
    background-color: #bfbfbf !important;
    }

a   {
    text-decoration: none !important;
    }

.ipsBox {
/*    background-color: #18161A;
    border: 1px solid #232124;
    padding: 10px;
    color: #C2BFC4; !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);*/
    }

.ipsLayout_body {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px;
    color: #bfbfbf !important;
    background: rgba(15,15,15,0.93);
    box-shadow: 0px 1px 8px rgba(0,0,0,0.7), 0px 0px 0px 1px rgba(0,0,0,0.4) inset;
    margin-bottom: 30px;
    position: relative;
    }

select {
/*    background-clip: padding-box;
    border: 1px solid #888;
    border-color: rgba(255,255,255,0.06) !important;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    line-height: 28px;
    padding: 0 0 0 13px;
    color: #bfbfbf !important;
    text-decoration: none;
    user-select: none;
    background: rgba(255,255,255,0.03) !important;
    border-radius: 2px !important;
    height: 35px !important;*/

    background-clip: padding-box;
    border: 1px solid #302E32;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    line-height: 33px;
    padding: 0 0 0 13px;
    color: #BEBDC0 !important;
    text-decoration: none;
    user-select: none;
    background-color: #232125 !important;
    border-radius: 2px !important;
    height: 35px !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    }
/*select div b {
    margin-top: 3px;
    }*/

input {
    background: rgba(0, 0, 0, 0.15) !important;
    border-color: #232124 !important;
    color: #bfbfbf !important;
    border-radius: 2px !important;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid;
    }

.form-control {
    background: rgba(0, 0, 0, 0.15) !important;
    color: #bfbfbf !important;
    border-radius: 2px !important;
    }

.input-group {
    border-radius: 0px 2px 2px 0px !important;
    border-left: 0;
    margin-bottom: 10px;
    }

/*.select2-container .select2-choice {
    background-clip: padding-box;
    border: 1px solid #201F23;
    border-color: #3B383D !important;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    line-height: 33px;
    padding: 0 0 0 13px;
    color: #BEBDC0 !important;
    text-decoration: none;
    user-select: none;
    background-color: #2C2A2E !important;
    border-radius: 2px !important;
    height: 35px !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    }*/
.select2-container .select2-choice {
    background-clip: padding-box;
    border: 1px solid #302E32;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    line-height: 33px;
    padding: 0 0 0 13px;
    color: #BEBDC0 !important;
    text-decoration: none;
    user-select: none;
    background-color: #232125 !important;
    border-radius: 2px !important;
    height: 35px !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    }    
.select2-container:hover .select2-choice:hover {
    background: linear-gradient(to bottom,#F3C345 0,#FFC132 30%,#F3C345 100%) !important;
    box-shadow: 0 2px 15px #FF3F00 !important;
    color: #5e3e01 !important;
    text-shadow: 1px 1px rgb(253, 223, 151) !important;
    border: 1px solid #F3C345;
}

select:hover {
    background: linear-gradient(to bottom,#F3C345 0,#FFC132 30%,#F3C345 100%) !important;
    box-shadow: 0 2px 15px #FF3F00 !important;
    color: #5e3e01 !important;
    text-shadow: 1px 1px rgb(253, 223, 151) !important;
    border: 1px solid #F3C345;
}

.select2-container .select2-choice div b {
    margin-top: 3px;
    }
.btn {
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    transition: 0.1s all linear;
    user-select: none;
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.06);
    height: 35px;
    padding: 4px 20px !important;
    color: #BEBDC0; !important;
    font-weight: 400;
    opacity: 0.95;
    text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.9);
    line-height: 25px;
    text-transform: uppercase;
    }
.btn:hover {
    background: linear-gradient(to bottom,#ffeb6a 0,#FEC023 60%,#e68700 100%);
    color: #000 !important;
    text-shadow: 1px 1px rgba(255,217,129,.75);
    border: 1px solid #FF9800;
    box-shadow: 0 2px 10px #FF3F00;  
    }

.btn-danger {
    background: linear-gradient(to bottom,#FFE78E 0,#E8B223 60%,#E8B223 100%) !important;
    color: #4F1E10 !important;
    text-shadow: 0 4px 10px #be450db3, 0 4px 20px #383881cc;
    text-shadow: 1px 1px rgba(255,217,129,.75) !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 2px;
    font-weight: 400;
/*    line-height: 23px !important;*/
    }

.btn-danger:hover {
    background: linear-gradient(to bottom,#ffeb6a 0,#FEC023 60%,#e68700 100%) !important;
    box-shadow: 0 2px 10px #FF3F00 !important;
    color: #000 !important;
    }


.input-group-addon {
    /*background-color: #19161B !important;*/
    background: rgba(0, 0, 0, 0.15) !important;
    border-radius: 2px 0px 0px 2px !important;
    border: 1px solid #222023;
}

.ipsWidget_title   {
    position: relative !important;
    font-size: 17px !important;
    /*font-weight: bold !important;*/
    padding: 19px 20px !important;
    border-bottom: 0px;
    margin-bottom: 4px !important;
    height: 60px;
    text-transform: uppercase;
    display: flex;
    align-items: center;    
   }
header > .buttons {
    margin: 0 0 0 auto;
}
header > .buttons > a {
    margin-left: 10px;
    display: inline-block;
}
header > .buttons > div {
    margin-left: 10px;
    display: inline-block;
}
header > .buttons > span {
    margin-left: 10px;
    display: inline-block;
}
.frow{
    margin-bottom: 10px
}
.padding-lang {
    padding: 10px 0px 0px 10px !important;
    }

.form-actions   {  
    margin-top: 4px !important;
    padding: 10px 10px 10px 10px !important;
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    border: 1px solid #2B2A2E !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    min-height: 57px;
    }

.forgot {
    text-decoration: none !important;
    }

.li-margin  {
    margin-right: 15px !important;
    }


.login-footer {
    margin-top: 80px !important;
    }

.reg-footer {
    margin-top: 350px !important;
    }

.copyright {
    position: sticky;
    margin: auto;
    text-align: center !important;
    }

.progress-inverse .bar, .progress .progress-bar-inverse {
    color: #a6a6a6;
    background: linear-gradient(to bottom,#FFE78E 0,#E8B223 60%,#E8B223 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F8', endColorstr='#FFF8F8F8', GradientType=0)
    }

.pager {
    margin: 0px 0 !important;
    }

.col-md-10 {
    width: 100% !important;
    }

.ipsLayout_container, .ipsLayout_minimal .ipsLayout_container {
    width: 100%!important;
    max-width: 1310px !important;
    }

.reg-widget {
    max-width: 1310px !important;
    }
.margin-top{
    margin-top: -25px !important;
    }

.margin-top-cab{
    margin-top: 0px !important;
    margin-right: 5px !important;
    }

.control-label { 
    padding-top: 8px !important;
    }
/*-------------------Cabinet-------------------*/
.details { 
    line-height: 20px !important;
    }

.popover.bottom {
    margin-top: 19px !important;
    }

.support {
    color: #0f0f0f;
    box-shadow: rgba(0,0,0,0.26) 0px 20px 20px, rgba(0,0,0,0.1) 0px 2px 2px;
    background: #0f0f0f;
}

.account {
    color: #0f0f0f;
    box-shadow: rgba(0,0,0,0.26) 0px 20px 20px, rgba(0,0,0,0.1) 0px 2px 2px;
    background: #0f0f0f;
}

/*.ipsLayout_container, .ipsLayout_minimal .ipsLayout_container {
    max-width: 1309px !important;
    width: calc(100% - 50px) !important;
    } */

.ipsLayout_container {
/*    padding: 0px 5px 0px 5px !important;*/
    } 

/*.wrap {
    margin-left: 0px !important;
    }*/

.section_view {
    /*padding: 0px 15px 0px 0px;*/
    position: relative;
    /*right: -10px;*/
    top: -3px;
    left: 0px;
    }


.content-wrap {
/*    background: rgba(21, 21, 27, 0.87);
    box-shadow:0px 1px 8px rgba(0,0,0,0.7), 0px 0px 0px 1px rgba(0,0,0,0.4) inset;*/
    
/*    background: rgba(255,255,255,0.06);
    border: solid 1px;
    border-color: rgba(255,255,255,0.15);

    padding: 10px;*/
}

.content {
    /* background:rgba(15,15,15,0.93);
    box-shadow:0px 1px 8px rgba(0,0,0,0.7), 0px 0px 0px 1px rgba(0,0,0,0.4) inset;*/
    padding: 0px 10px 0px 10px;
}

@media (max-width: 961px) { .content {
    padding: 15px 5px 0px 5px;
}}

.content-nav {
    /* background:rgba(15,15,15,0.93);
    box-shadow:0px 1px 8px rgba(0,0,0,0.7), 0px 0px 0px 1px rgba(0,0,0,0.4) inset;*/
    padding: 0px 20px 0px 20px;
}
.label-mini {
    display: inline;
/*    padding: .2em .6em .3em;*/
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label-mini, .badge {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 4px 6px;
    line-height: 14px;
    text-shadow: none;
    font-weight: 300;
    font-size: 13px
}
/*-------------------Cabinet Contaner Content-------------------*/
.ipsLayout_container_content {
    max-width: 1314px !important;
    } 

@media screen and (min-width:980px) {
 #ipsLayout_footer .ipsLayout_container_content {
  display:flex;
  justify-content:space-between;
  align-items:center;
 }
#ipsLayout_header header > .ipsLayout_container_content {
 min-height:0;
}
@media screen and (max-width:979px) {
 .ipsApp .ipsLayout_container_content {
  width:auto;
  max-width:none;
  /*padding: 5px 5px 0px 0px;*/
 }
}
.ipsLayout_container_content {
 position:static;
 /*padding: 5px 5px 0px 0px;*/
}
.ipsLayout_container_content, .ipsLayout_minimal .ipsLayout_container_content {
 width:calc(100% - 50px);
 max-width:1310px;
}
.ipsLayout_container_content .ipsLayout_container_content {
 width:auto;
 max-width:none;
 margin:0;
}
.ipsLayout_minimal .ipsLayout_container_content {
 max-width:1000px;
}
.ipsLayout_container_content {
 max-width:1340px;
/* padding:0 15px;*/
 margin:0 auto;
 position:relative;

}
#ipsLayout_header header > .ipsLayout_container_content {
 min-height:60px;
}
@media screen and (min-width:980px) {
 #ipsLayout_footer .ipsLayout_container_content {
  display:flex;
  justify-content:space-between;
  align-items:center;
 }
 #ipsLayout_header header > .ipsLayout_container_content {
 min-height:0;
}
.ipsLayout_container_content {
 position:static;
/* padding:0;*/
}
.ipsLayout_container_content, .ipsLayout_minimal .ipsLayout_container_content {
 width:calc(100% - 50px);
 max-width:1310px;
}
.ipsLayout_container_content .ipsLayout_container_content {
 width:auto;
 max-width:none;
 margin:0;
}
@media screen and (max-width:979px) {
 .ipsApp .ipsLayout_container_content {
  width:auto;
  max-width:none;
  padding: 5px 5px 0px 0px;
}}
 }
}


@media (max-width: 979px) { .ipsLayout_container_content {
    padding: 5px 5px 0px 0px;
}}
/*-------------------Cabinet Contaner Content END-------------------*/

legend {
    display: block;
    width: 100%;
    padding: 10px !important;
    margin-bottom: 18px;
    font-size: 19.5px;
    line-height: 20px !important;
    color: #a6a6a6 ;
    border: 0;
/*    border-bottom: 1px solid rgba(51, 51, 61, 0.65);*/
border-bottom: 1px solid #2F2F36;
    margin-top: -10px;
    }

.section {
    font-size: 13px;
    color: #696975 ;    
    vertical-align: middle;
    padding-bottom: 10px;
    margin-top: -3px;   
    padding-left: 1px; 
    }

.modal-footer {
    margin-top: 4px;
    padding: 10px 10px 10px 10px !important;
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    border: 1px solid #2B2A2E !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
/*    background: #2f2f2f;*/
}
.modal-top-footer {
    /*margin-top: 4px;*/
    padding: 10px 10px 10px 10px !important;
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    border: 1px solid #2B2A2E !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
/*    background: #2f2f2f;*/
}

.modal-header {
        background: #2C2C33;
        border-bottom: 1px solid rgba(191,191,191,0.12) !important;
}
/*-------------------Cabinet MobileNav-------------------*/
#elMobileNav {
    background: #0f0f0f;
    position: relative;
    text-align: right !important;
/*    height: 40px;*/
/*    line-height: 50px;*/
text-align: center;
font-size: 26px;
}

@media screen and (min-width: 980px) {
  #elMobileNav {
    visibility: hidden;
    display: none;
  }
}

.ipsDrawer_menu {
    right: 0;
}

.ipsDrawer_close {
    right: 285px;
}

@media (max-width: 767px) {
    .modal-body {
        max-height: 1000px;
    }
}
.modal {
    color: #a6a6a6 !important;
}

.s2id_search_server {
    margin-left: 5px !important;
}

.actions-btns {
    margin-top: 5px !important;
}


.logo-ips {
 height:65px;
 max-height:65px;
 font-size:18px;
 line-height:1;
 display:flex;
 align-items:center;
 justify-content:flex-start;
 white-space:nowrap;

}
@media screen and (max-width:979px) {
 .logo-ips {
  height:65px;
  max-height:65px;
  font-size:18px;
  padding:0 10px;
  justify-content:center;
  text-align:center;
 }
}
.btn-width{
    width:100% !important;
}
.btn-width-right{
    width:250px !important;
}

fieldset {
    width: 100%;
    min-width: 0;
    padding: 10px;
    padding-bottom: 0px;
    margin: 0;
}
.widget-main-bg{
    width: 100%;
    min-width: 0;
    background-color: #1C1A1E;
    border: 1px solid #222023;
    padding: 10px;
    color: #C2BFC4;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    margin-top: 4px;
}
.widget-main-bg-grad{
    width: 100%;
    min-width: 0;
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    border: 1px solid #2B2A2E !important;
    padding: 10px;
    color: #C2BFC4;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    margin-top: 4px;
}
.module-main-callapse {
    width: 100%;
    min-width: 0;
    background-color: #1C1A1E;
    border: 1px solid #222023;
    color: #C2BFC4;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    margin-top: 4px;
    margin-bottom: -2px !important;

}
.no-shadow {
    box-shadow: none !important;
}
.table-header-bg {
    background: linear-gradient(to bottom,#2C2B31A1 0,#242328 60%,#242328 100%) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #BEBDC0;text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.9);
    text-transform: uppercase;
}
/*.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background: linear-gradient(to bottom,#2C2B3166 0,#24232875 60%,#24232869 100%) !important;
}*/
.table-striped tbody > tr > td, .table-striped tbody > tr > th {
    background: linear-gradient(to bottom,#2C2B3166 0,#24232875 60%,#24232869 100%) !important;
}
.table-striped {
    border: 1px solid #282830;    
}
.table .table {
    background-color: rgba(44,44,51, 0.3);
}
.table-hover tbody td, .table-hover tbody th {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
     background: linear-gradient(to bottom,#2C2B31A1 0,#242328 60%,#242328 100%) !important;
}
.table thead > tr > th {
    border-bottom: none
}
.table th {
    color: #696975 !important;
}

.widget-inner {
/*    background: rgba(44,44,51, 0.3);
    padding: 10px 10px 1px 10px;
border: 1px solid rgba(191,191,191,0.12) !important;*/
}
/*ICONS VITH BONUSES!!!*/
.well {
/*    min-height: 20px;
    padding: 10px 0px 10px 25px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)*/
position: relative !important;
color: #BEBDC0 !important;
background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
border: 1px solid #2B2A2E !important;
/*font-size: 14px !important;
font-weight: bold !important;*/
padding: 20px 5px 20px 35px !important;
/*padding: 10px 10px 10px 10px !important;*/
border-bottom: 0px;
margin-bottom: 4px !important;
text-transform: uppercase;    
}
.widget.tiny {
    min-height : 0px !important;
}
.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}
.fix-bottom-marge {
    margin-bottom: -4px !important;
}
.table-top-control {
    margin-bottom: 4px;
    color: #BEBDC0 !important;
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E !important;
    padding: 10px; 
    height: 57px;
}

.form-search {
    margin-bottom: 4px;
    color: #BEBDC0 !important;
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E !important;
    padding: 10px; 
    height: 57px;
}
.table-bottom-control {
    margin-top: 4px;
    margin-bottom: 4px;
    color: #BEBDC0 !important;
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E !important;
    padding: 10px; 
    height: 47px;    
}

#datatable-project, #datatable-table, #datatable-table2, #datatable-table3, #adminModuleGroup,  #adminModuleList, #datatable-news, #folder-view, #datatable-payeer, #auction-list, #serviceModuleTable, #folder-withdrawal, canvas{
    background: #1F1E23;
    padding: 0px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #222023;
    position: relative;
}
/*NEW TBODY BLOCK*/
.table-block {
    border-collapse:separate; 
    border-spacing: 4px 4px;
}
.table-block > thead > tr > th {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E !important;  
}
.table-block > tbody > tr > td {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E !important;  
}
.table-block > tbody > tr > th {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E !important;  
}
/*NEW TBODY BLOCK END*/

/*NEW TBODY TR BLOCK*/
.table-tr-block {
    padding: 0px 4px 0px 4px !important;
}
.table-tr-block {
    border-collapse:separate; 
    border-spacing: 0px 4px;
}
.table-tr-block > thead > tr {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); 
}
.table-tr-block > thead > tr > th {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    border-top: 1px solid #2B2A2E !important;  
    border-bottom: 1px solid #2B2A2E !important;  
    color: #696975 !important;
    text-transform: uppercase;
}
.table-tr-block > thead > tr > th:last-child {
    border-right: 1px solid #2B2A2E !important;
}
.table-tr-block > thead > tr > th:first-child {
    border-left: 1px solid #2B2A2E;
}
.table-tr-block > tbody > tr {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}

.table-tr-block > tbody > tr > td {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    border-top: 1px solid #2B2A2E !important;  
    border-bottom: 1px solid #2B2A2E !important;  
}
.table-tr-block > tbody > tr > td:last-child {
    border-right: 1px solid #2B2A2E !important;
}
.table-tr-block > tbody > tr > td:first-child {
    border-left: 1px solid #2B2A2E;
}
.table-tr-block > tbody > tr > th {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    border-top: 1px solid #2B2A2E !important;  
    border-bottom: 1px solid #2B2A2E !important;  
    text-transform: uppercase;
}
.table-tr-block > tbody > tr > th:last-child {
    border-right: 1px solid #2B2A2E !important;
}
.table-tr-block > tbody > tr > th:first-child {
    border-left: 1px solid #2B2A2E;
}


.table-tr-block > thead > tr > td {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    border-top: 1px solid #2B2A2E !important;  
    border-bottom: 1px solid #2B2A2E !important;  
    color: #696975 !important;
    text-transform: uppercase;
}
.table-tr-block > thead > tr > td:last-child {
    border-right: 1px solid #2B2A2E !important;
}
.table-tr-block > thead > tr > td:first-child {
    border-left: 1px solid #2B2A2E;
}
.table-tr-block > thead > tr {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}
/*HIDE ID*/
.table-tr-block-hide-id > thead > tr > th:first-child {
    display: none;
}
.table-tr-block-hide-id > tbody > tr > td:first-child {
    display: none;
}
.table-tr-block-hide-id > tbody > tr > th:first-child {
    display: none;
}
.table-tr-block-hide-id > thead > tr > th:nth-child(2) {
    border-left: 1px solid #2B2A2E;
}
.table-tr-block-hide-id > tbody > tr > td:nth-child(2) {
    border-left: 1px solid #2B2A2E;
}
.table-tr-block-hide-id > tbody > tr > th:nth-child(2) {
    border-left: 1px solid #2B2A2E;
}
/*HIDE TYPE*/
.table-tr-block-hide-type > thead > tr > th:nth-last-child(1) {
    display: none;
}
.table-tr-block-hide-type > tbody > tr > td:nth-last-child(1) {
    display: none;
}
.table-tr-block-hide-type > tbody > tr > th:nth-last-child(1) {
    display: none;
}
.table-tr-block-hide-type > thead > tr > th:nth-last-child(2) {
    border-right: 1px solid #2B2A2E;
}
.table-tr-block-hide-type > tbody > tr > td:nth-last-child(2) {
    border-right: 1px solid #2B2A2E;
}
.table-tr-block-hide-type > tbody > tr > th:nth-last-child(2) {
    border-right: 1px solid #2B2A2E;
}

.table-add-header {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#252329 100%) !important;
    padding: 10px !important;
    border-left: 1px solid rgb(254,200,48) !important;
    color: rgb(254,200,48);
    min-height: 57px !important;
    align-items: center !important;
    text-align: left;  
}

.table-add-header-gr {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#252329 100%) !important;
    padding: 10px !important;
    border-left: 1px solid rgb(254,200,48) !important;
    min-height: 57px !important;
    align-items: center !important;
    text-align: left;  
}

td > form > .input-group {
    margin-bottom: 0px;
}

.type{
    color: #FFBA00;
}
.id, .valute, .class, .tpl, .lang, .img {
    color: #696975;
}
.modal-main-bg-nopadding {
    padding:0px !important;
}
/*NEW TBODY TR BLOCK END*/

.slimScrollDiv {
    background: #1F1E23;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #222023;
    position: relative;
}
#adminGroup > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #222023;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}
#adminList > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #222023;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}
#adminAccessModule > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #222023;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}
#adminModulePosition > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #222023;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}
#rowEditForm > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #222023;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}
#widget > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    min-height: 57px;
}
.modal-content > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    min-height: 57px;
}
.modal-content > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    min-height: 57px;
}
.modal-header {
    font-size: 17px !important;
    /*min-height: 57px;*/
}
/*MODAL HEADER START*/
.modal-header {
    background: linear-gradient(to bottom,#242428 0,#201F23 70%,#201F23 100%);
    color: #BEBDC0 !important;
    border: 1px solid #2B2A2E !important;
    border-radius: 2px;
    font-weight: 400;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    font-size: 17px;
    margin-bottom: 4px;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    height: 57px;
}
.modal-header button
{
    margin: 0 0 0 auto;  
}

.modal-header-right {
    margin: 0 10px 0px auto;
}

.modal-header-danger {
    background: linear-gradient(to bottom,#FFE78E 0,#E8B223 60%,#AC6614 100%);
    color: #4F1E10 !important;
    text-shadow: 1px 1px rgba(255,217,129,.75) !important;
    border: none !important;
    border-radius: 2px;
    font-weight: 400;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    font-size: 17px;
    margin-bottom: 4px;
    align-items: center;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    height: 57px;    
}
.modal-header-danger button
{
    margin: 0 0 0 auto;  
}
.close-danger:hover, .close-danger:focus {
    color: #4F1E10 !important;
    opacity: 0.2 !important;
}
button.close-danger {
    color: #4F1E10 !important;
    text-shadow: 1px 1px rgba(255,217,129,.75) !important;
}
.close-danger {
    opacity: 0.7;
}
.close:hover, .close:focus {
    color: #BEBDC0 !important;
    opacity: 0.7 !important;
}
button.close {
    color: #BEBDC0 !important;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4) !important;  
}
.close {
    opacity: 0.4;
}
/*MODAL HEADER END*/

.blockquote-label {
    display: ruby;
    position: relative;
    text-transform: uppercase;
    margin-left: 10px;
}

.modal-main-bg {
    width: 100%;
    min-width: 0;
    background-color: #1C1A1E;
    border: 1px solid #222023;
    padding: 10px;
    color: #C2BFC4;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    padding-bottom: 0px
}

/*MODAL FOOTER START*/
.modal-body > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    min-height: 57px;
    align-items: center;    
}
#show_item_function > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    min-height: 57px;
    align-items: center;    
}
.modal-body > blockquote > button {
    margin-right: 10px;
}

.modal-body > blockquote > div {
    display: ruby;
    position: relative;
    text-transform: uppercase;
}

.modal-content > form > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    min-height: 57px;
    align-items: center;
}

.modal-content > form > blockquote > button {
    margin-right: 10px;
}

.modal-content > form > blockquote > div {
    display: ruby;
    position: relative;
    text-transform: uppercase;
}
/*MODAL FOOTER END*/

/*MODULE FOOTER START*/
.module-bg {
    width: 100%;
    min-width: 0;
    background-color: #1C1A1E;
    border: 1px solid #222023;
    padding: 10px;
    padding-bottom: 0px;
    color: #C2BFC4;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    margin-top: 4px;
}
.body > form > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    min-height: 57px;
    align-items: center;    
    text-transform: uppercase;
}

.body > form > blockquote > button {
    margin-right: 10px;
}

.body > form > blockquote > .blockquote-label {
    margin-left: 10px;
}

.body > form > blockquote > div {
    display: ruby;
    position: relative;
    text-transform: uppercase;
}

.body > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    min-height: 57px;
    align-items: center;    
}
.ipsBox > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    min-height: 57px;
    align-items: center;    
}
.item-info > blockquote {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    position: relative;
    margin-bottom: 4px;
    display: flex;
    min-height: 57px;
    align-items: center;    
}
.ipsBox > blockquote > button {
    margin-left: 10px;
}
.ipsBox > blockquote > .gds-buy-summ {
    margin: 0 10px 0 auto;
    text-transform: uppercase;
    font-size: 15px;
}
/*.body > blockquote > div {
    display: ruby;
    position: relative;
    top: 9px;
    text-transform: uppercase;
}*/
/*MODULE FOOTER END*/

.chat-messages {
    background: rgba(0, 0, 0, 0.15) !important;
    color: #bfbfbf !important;
    border-radius: 2px !important;
    padding: 10px 15px 10px 10px;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid rgb(35,33,36);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;    
}
.sender {
    color: #696975;
}

.panel-heading > .accordion-toggle  {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%) !important;
    padding: 20px !important;
    overflow: hidden !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid #2B2A2E !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 57px !important;
    border-left-color: rgb(254,200,48) !important;
    font-size: 17px !important;    
    color: #b6b6b8 !important;
    text-transform: uppercase;
    font-weight: 400;
}
/*LOADER*/
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #FFBA00;
  margin: -4px 0 0 -4px;
  opacity: 0.9
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*LOADER V2*/
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 2px solid #FFBA00;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/*SHOP*/
.s2id-width > #s2id_type {
    width:100%;
}
.s2id-width > #s2id_search_server {
    width:100%;
}
.s2id-width > #s2id_status {
    width:100%;
}

.s2id-width > #type {
    width:100%;
}
.s2id-width > #search_server {
    width:100%;
}
.s2id-width > #status {
    width:100%;
}

.input-width-100 {
    width:100%;
}
.custom-block {
    background: linear-gradient(to bottom,#2C2B31A1 0,#201F23 60%,#201F23 100%);
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #2B2A2E;
    border-left-color: rgb(254,200,48);
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    min-height: 57px;
}

.top-players-1st{
    color:#FFBA00;
    text-shadow: 0px 0px 7px #FF3F00 !important;
}
.top-players-2st{
    color:#f3dc86;
    text-shadow: 0px 0px 7px #FFD700 !important;
}
.top-players-3st{
    color:#A4A4A4;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.35) !important;
}

/*TOOLTIP*/
/*.tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #f3f3f3;
  border: 1px solid #737373;
  color: #737373;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;
}

.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
  max-width: 236px !important;
  height: 76px;
  font-size: 12px;
  padding: 10px 15px 10px 20px;
  background: #FFFFFF;
  color: rgb(0, 0, 0, .7);
  border: 1px solid #737373;
  text-align: left;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f00;

}*/


border-radius: 2px !important;
background: rgba(255,255,255,0.05) !important;
border-color: rgba(255,255,255,0.06) !important;
color: #BEBDC0;text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.9);

.form-group-bottom{
    margin-bottom: 0px !important
}

allcolors
{
    /*TEXT*/
    color:#FFBA00;
    color:#C2BFC4;
    color:#696975;
    color:#DFFF00;
    color:#d95100;
    /*BUTTON*/
    background: linear-gradient(to bottom,#FFE78E 0,#E8B223 60%,#E8B223 100%) !important;
    /*HOVER*/
    background: linear-gradient(to bottom,#ffeb6a 0,#FEC023 60%,#e68700 100%) !important;
    color: #4F1E10 !important;
    text-shadow: 1px 1px rgba(255,217,129,.75) !important;
    border-radius: 2px;
    /*TABLE*/
    border-radius: 2px !important;
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #BEBDC0;text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.9);
    text-transform: uppercase;
    border: 1px solid rgba(0,0,0,0.1) !important;
    /*INPUT BACKGROUND*/
    /*background: rgba(0, 0, 0, 0.15) !important;*/
    /*background: rgba(25,22,27, 0.625)  !important;*/
    /*V2*/
    background: rgba(0, 0, 0, 0.15) !important;



    transition: 0.1s all linear;

    color:#18171B

}

.btn-red {
  background: linear-gradient(to bottom, #FF5E3A 0%, #FF3C00 60%, #E63600 100%) !important;
  color: #4A0E0E !important;
    text-shadow: 0 4px 10px #be450db3, 0 4px 20px #383881cc;
    text-shadow: 1px 1px rgba(255,217,129,.75) !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 2px;

  color: #FFDFDF !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  border: none !important;
/*  box-shadow: 0 4px 6px rgba(255, 60, 0, 0.3), 0 6px 8px rgba(230, 54, 0, 0.2) !important;
  border-radius: 4px;
  font-weight: bold;
  padding: 10px 20px;
  transition: all 0.3s ease;  */  
}

.btn-red:hover {
  background: linear-gradient(to bottom, #FF7F50 0%, #FF3C00 60%, #CC3200 100%) !important;
  color: #FFDFDF !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  border: none !important;  
}