

.box.box-solid.box-danger {
    border: 1px solid #51889d;
}

.box.box-solid.box-success {
    border: 1px solid #00a65a;
}

.box.box-solid.box-warning {
    border: 1px solid #f39c12;
}

.box {
    position: relative;
    border-radius: 3px;
    background: rgba(31, 31, 31, 0.51);
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

    .box.box-solid.box-danger > .box-header {
        color: #fff;
        background: #51889d;
        background-color: #51889d;
    }

    .box.box-solid.box-success > .box-header {
        color: #fff;
        background: #00a65a;
        background-color: #00a65a;
    }

    .box.box-solid.box-warning > .box-header {
        color: #fff;
        background: #f39c12;
        background-color: #f39c12;
    }

.box-header.with-border {
    border-bottom: 1px solid #51889d;
}

.box-header {
    color: #444;
    display: block;
    padding: 18px;
    position: relative;
    text-align: center;
}

    .box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
        display: inline-block;
        font-size: 23px;
        margin: 0;
        line-height: 1;
        color: #fff;
    }

    .box-header > .box-tools {
        position: absolute;
        right: 10px;
        top: 5px;
    }

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
	
}

.containerytb{
	margin-bottom: 15px;
}

.containerytb .boxytb{
  background: #f5f5f5;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 15px 25px 15px 15px;
  boxytb-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  
}
@keyframes show_boxytb {
  0%{
    transform: translateX(100%);
  }
  40%{
    transform: translateX(-5%);
  }
  80%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(-10px);
  }
}
#hide:checked ~ .boxytb{
  animation: hide_boxytb 0.8s ease forwards;
}
@keyframes hide_boxytb {
  0%{
    transform: translateX(0%);
  }
  40%{
    transform: translateX(5%);
  }
  80%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(calc(100% + 35px ));
  }
}
.containerytb .boxytb i{
  position: absolute;
  right: 15px;
  top: 10px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
}
.containerytb i:hover{
  color: #000;
}
.containerytb .logo{
  height: 90px;
  width: 90px;
  margin-right: 15px;
}
.containerytb .logo img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.boxytb .right{
  display: flex;
  flex-direction: column;
}
.boxytb .right .text-1{
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.boxytb .right .text-2{
  font-size: 14px;
  color: #666;
  margin: 2px 0 8px 0;
}
.boxytb .right a{
  font-size: 18px;
  font-weight: 500;
  display: block;
  padding: 8px 0;
  background: #24d8fc;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease;
}
.boxytb .right a:hover{
  background-color: #03bde2;
}
.containerytb #hide{
  display: none;
}


.item {
	padding: 15px;
    margin-right: 5px;
    color: #000;
}

.row-flex {
	/* flexbox */

	/*display: flex;*/
	/*display:-webkit-flex;*/
	/*display:-webkit-box;*/
	/*display:-moz-flex;*/
	/*display:-moz-box;*/
	/*display:-ms-flexbox;*/

	/*flex-wrap: wrap;*/

	/* display: flex; */
	/* flex-wrap: wrap; */
}
.row-flex .classWithPad{
	height: 100%;
}
.row-flex [class*="col-"] {
	margin-bottom: 15px;
}


.game-list img{border-radius: 10px;width: 100%;}
.game-list .news_title{text-align: center;margin-top: 9px;color: #f7b03c;text-transform: uppercase}
.game-list .news_title a{color: #f7b03c;font-weight: bold;font-size: 16px}
.game-list .news_title a:hover{color: #ea9a17;}
.game-list .news_description{text-align: center;margin-top: 9px;font-size: 15px}
.c-content-title-1 > .c-line-center{    width: 80px;}

.game-list .classWithPad:hover  .news_title {color: #32c5d2;}
.game-list .classWithPad {
	border: 1px solid #cccccc;
	padding:2px;
	text-align: center;
	border-radius: 4px;

}
.game-list .classWithPad:hover{
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}


.game-list  .a-more .row{
	margin-left: 15px;
	margin-right: 15px;
}


.game-list  .a-more .view{
	text-align: center;
	border: 2px solid #cccccc ;
	padding: 5px;
	color: red;
	text-transform: uppercase;
	font-size: 15px;
}
.game-list  .a-more .view:hover{
	border: 2px solid #32c5d2 ;
}

.content_post img{
	max-width: 100%;
	width: 100% !important;
	height: auto !important;
}

.p-5{
	padding:0 5px !important;
}

.game-list  .a-more .view a{
	display: block;
}
/*.acc-list .thumbnail {*/
	/*position: relative;*/
	/*padding: 0;*/
	/*margin-bottom: 20px;*/
/*}*/

/*.acc-list .thumbnail img {*/
	/*width: 100%;*/
	/*height: 180px;*/
/*}*/

/*.acc-list .idpro {*/
	/*position: absolute;*/
	/*padding: 1px 3px;*/
	/*background-color: #a94442;*/
	/*top: 5px;*/
	/*right: 0;*/
	/*color: #fff;*/
	/*font-weight: 700;*/
	/*font-size: 15px;*/
/*}*/
/*.acc-list  .label-okmen {*/
	/*background-color: #8a6969;*/
/*}*/
/*.acc-list  .tom-bottom {*/
	/*margin-bottom: 69px;*/
/*}*/

/*.acc-list  .tom-bottom p {*/
	/*font-size: 15px;*/
	/*margin-bottom: 0px;*/
	/*margin-top: 5px;*/
/*}*/

/*.acc-list .tom-bottom  [class*="col-"] {*/
	/*margin-bottom: 7px;*/
/*}*/
/*.acc-list .price {*/
	/*margin: 0;*/
	/*margin-top: 6px;*/
/*}*/
/*.acc-list .a-detail [class*="col-"] {*/
	/*margin-bottom: 0px;*/
/*}*/

.item-list .classWithPad{background: rgb(255 255 255 / 78%);border: 1px solid #5bc0de;padding:1px;}

.item-list .image  {
	position: relative;

}
.item-list .image img {
	width: 100%;
	height: 200px;
}
.item-list .image .ms {
	position: absolute;
	padding: 2px 7px;
	background-color: #a94442;
	top: 5px;
	right: 0;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
}
.item-list .description{
	border-radius:0;display: block;padding:8px;
	background-color: #091928;
	font-weight: 700;
	line-height: 1;
	font-size: 75%;
	color: #fff !important;
	text-align: center;
}
.item-list .description::first-letter{
	text-transform: uppercase;
}


.item-list .attribute_info {

	margin-top: 10px;
	min-height: 63px;
 }

.item-list .attribute_info .a_att  b span::first-letter {
	text-transform: uppercase;
}

.item-list .attribute_info .row{

	margin: 0;
}

.item-list .a-more .row{

	margin: 0;
}
.item-list .attribute_info  .a_att{

font-size: 12px;

padding: 5px;

text-align: center;

margin-bottom: 5px;

color: #000000;
}
.item-list .a-more .row{

	margin: 0;
}
.item-list .a-more .price_item{
	text-align: center;
	border: 1px solid #51889d;
	padding: 5px;
	color: #141414;
}

.item-list .a-more .view{
	text-align: center;
	color: #ffffff;
	background: #51889d;
	border-color: #51769d;
	padding: 6px;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
}
.item-list .a-more .view a{
	color: #ffffff;
	display: block;
	text-decoration: none;
}
.item-list .a-more .view:hover{
	background: #54a0bd;
	text-decoration: none;
}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding: 6px 14px;line-height:1.42857143;text-decoration:none;color: #28a745;background-color: #ffffff;border: 1px solid #28a745;margin-left: 3px;border-radius: 5px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-radius: 5px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius: 5px;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#28a745;background-color:#eee;border-color:#f8f9fa}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color: #fff !important;background-color: #28a745;border-color: #a2c2cf;cursor:default;}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}


/*game-detail*/