.navAndTerms {
    position: relative;
    padding: 13px;
	    background: rgb(21 23 29 / 59%);
}
.back2Promos {
    position: relative;
    vertical-align: top;
    display: inline-block;
	font-size:12px;
}
.back2Promos  > p {
    color: white;
    font-weight: 600;
    padding-left: 25px;
    vertical-align: top;
    margin: 0;
}

.bonusRules {
    position: relative;
    float: right;
    vertical-align: top;
	color:#00ebff;
    margin-top: 5px;
	font-size:12px;
}

.tableclas {
	max-width: 360px; 
	margin:0 auto;
	}
#example {
  color:white;
  border-collapse: collapse;
  width: 100%; 

}
.mecktothegame:before {
    content: "";
    padding: 0px;
    font-size: 26px;
    color: #2595E2;
    vertical-align: top;
    width: 15px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
}
#example td, #example th {
  padding: 8px;
}
#example tr {
	background-color: #1F232D;	
	width: 50%;
    border-bottom: 2px solid #061723;
	border-radius: 18px;
	}	
.notactiveclass {
		display:none;
	}
	.viewmore {
		text-align:right;
		background: #1F232D;	
		color:#E6EDF7;
		padding:2px;
		cursor:pointer;
	}
.tab2 {
  overflow: hidden;
width:100%;
 
}
.dublikate {
	 width: 472px;
    overflow: auto;
    height: 520px;
	background: #232833!important;
}
.tab2x {
  overflow: hidden;
	width:100%;
	background: #15171d;
    border-radius: 10px;
 
}
#giftssx {
	overflow: auto;
    height: 540px;
	width: 500px;
}
/* Style the buttons inside the tab2 */
.tab2 div {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 18px;
	width:33%;
	font-weight: bold;
}
.tab2x div {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 18px;
	width:50%;
	font-weight: bold;
	border: 1px solid #232833;
}
.out .tab2x div {
	width:100%;
	
}

		 .content span {
			font-size: 20px;
    color: white;
    font-weight: 600; 
		 }
.tab2 div img {
width: 100px;
    display: block;
    margin: 0 auto;
	}
.tablinks22 span {
text-align:center;
	font-size: 15px;
	    display: block;
	margin-top: 8px;
	color:#93a0b0;
	}

.tab2 div.active {

	border-bottom:4px solid #00ebff;
}

.tablinks22x span {
text-align:center;
	font-size: 20px;
	    display: block;
	margin-top: 8px;
	color:#93a0b0;
	}

.tab2x div.active {
background: #232833;
}
.tabcontent2 {
  display: none;
  padding: 18px 12px;
  border-top: none;
}

.tabcontent2x {
  display: none;
  padding: 18px 12px;
  border-top: none;
}
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}
	.termsadnconditions {
    /*display: block; */
    /* margin: 0 auto; */
    max-width: 200px;
    text-align: center;
    /* margin-top: 35px; */
    /* background: #cda141; */
    color: #0077FF;
    padding: 12px;
    text-align: right;
	}
    .topright:hover {color: red;}
	.megapints {
    background-image: url(https://www.palmsbet.top/uploads/bileti-2.png);
    background-size: 100%;
    width: 150px;
    height: 80px;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: black;
    font-weight: 600;
    line-height: 50px;
	}
	.megapints span{
		display:block;
		line-height: 0px;
		    font-size: 16px;
	}
	#giftss img {
		/*width:100%;*/
	}
.desktopcenter {
	width: 50%;
	padding: 10px 10px 0px 10px;
	
}
	.predmetninagradi {
	padding: 10px;
    width: 33.3%;
		float:left;
	}

	#example_filter {
	margin-top: 25px;
    color: white;
	}
	.maincontap {
    padding: 0px;
    width: 100%;
    height: auto;
    background-image: url(/images/christmas/Desktop/Background.png);
    background-position: center;
    border-radius: 0px;
    opacity: 1;
    backdrop-filter: blur(30px);
    background-repeat: no-repeat;
    -webkit-backdrop-filter: blur(30px);
	max-width: 776px;
    display: block;
	display: flex;
	}
	.mecktothegame {
        padding: 0 0 0 25px;
        margin: 0px;
        font-size: 12px;
        line-height: 12px;
        vertical-align: top;
        text-align: left;
	}
	.megacointeinerpx {
		padding:0px;
	}
	.maincontaptop {
	max-width: 180px;
    color: white;
    font-size: 14px;
    padding: 2px 8px;
    background: #00000073;
    display: block;
    margin: 16px auto;
    border-radius: 10px;
	}
	.maincontapright .ticketRow  {
		height: 20px;
	}
	.maincontaptop p {
        margin: 0px;
        padding: 0px;
        float: left;
        line-height: 24px;
        font-size: 16px;
	}
	.countdownmaincontap {
    float: right;
    font-size: 14px;
    text-align: center;
    color: white;
    order-radius: 10px;
	}
		 .tab2 div.active span {
    color: #00ebff;
     }
	.countdownmaincontaptime  {
    width: 300px;
    display: flex;
    margin: 0 auto;
    text-align: center;
		
 
	}
		 .countdownmaincontaptime div  {
			padding:19px;
			 color:white;
			 font-weight: 600;
			 font-size:18px;
			     background: rgb(31 33 40);
			 border-radius: 10px;
			 margin: 2px;
			 min-width: 70px;
			 min-height:20px;
			 line-height:30px
			 
		 }
		  .countdownmaincontaptime div  span{
			  display: block;
			  opacity: 0.5;
				  font-size:12px;
			   font-weight: 400;
		 }
	.countdownmaincontaptime2  {
           /* float: right; */
    /* background: black; */
    /* padding: 4px; */
    /* border-radius: 6px; */
    /* min-width: 60px; */
    /* height: 24px; */
    /* font-size: 12px; */
    /* text-align: center; */
    width: 300px;
    display: flex;
    margin: 0 auto;
		text-align: center;
		
 
	}
		 .countdownmaincontaptime2 div  {
			padding:12px;
			 color:white;
			 font-weight: 600;
			 font-size:18px;
			     background: rgb(31 33 40);
			 border-radius: 10px;
			 margin: 2px;
			 min-width: 70px;
			 
		 }
		  .countdownmaincontaptime2 div  span{
			  display: block;
			  opacity: 0.5;
				  font-size:12px;
			   font-weight: 400;
		 }
	.maincontapleft {
	max-height: 150px;

	}
    .maincontapleft > img {
	width: 240px;
    display: block;
    margin: 0 auto;
	}
	.maincontapright {
    width: -moz-calc(100% - 100px);
    font-size: 12px;
    color: #E4EDF8;
    width: 100%;
    text-align: center;
    padding: 0px 10px;
	}
	.maincontapright span {
        font-size: 40px;
        font-weight: 600;
        line-height: 34px;
	}
	.maincontapright p {
	    margin: 2px 0;
        padding: 0px;
        font-size: 14px;
        color: white;
	}
	.maincontapright span.opacityspan {
        opacity: 0.5;
        font-size: 12px;
        font-weight: 200;
        line-height: 14px;
		color: #00ebff;
	}

    .maincontapright > .progress {
        width: 100%;
        margin-top: 10px;
        font-size: 0;
    }
    .maincontapright > .progress > .badge {
        width: 32px;
        height: 32px;
        border: 2px solid rgb(26 30 38 / 40%);
        display: inline-block;
        position: relative;
        border-radius: 50%;
    }
    .maincontapright > .progress > .badge.active {
        border: 2px solid white;
    }
    .maincontapright > .progress > .badge.active::after {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        right: -7px;
        top: -20px;
        background: url(/images/аpartment-2/img/green-check.svg);
    }
    .maincontapright > .progress > .badge > img{
        position: absolute;
        width: 20px;
        height: 36px;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate(-50%, -15%);
        -moz-transform: translate(-50%, -15%);
        -o-transform: translate(-50%, -15%);
        transform: translate(-50%, -15%);
        opacity: 0.75;
        -webkit-filter: grayscale(0.75);
        filter: grayscale(0.75);
    }
    .maincontapright > .progress > .badge.active > img {
        opacity: 1;
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    .maincontapright > .progress > .lvld {
        position: relative;
        display: inline-block;
        width: calc((100% - 96px)/2);
        height: 2px;
        background-color: rgb(26 30 38 / 40%);
        vertical-align: top;
        margin-top: 15px;
    }
    .maincontapright > .progress > .lvld > .earned {
        background-color: white;
        height: 2px;
        left: 0;
        top: 0;
        width: 0;
    }
    .maincontapright > .progress > .lvld > .percents {
        position: absolute;
        left: 50%;
        top: 2px;
        transform: translateX(-50%);
        font-size: 10px;
    }
    .maincontapright > .progress > .lvld > .percents:empty {
        display: none;
    }
     #giftss > .ticketRow {
        display: flex;
        flex-direction: row;
        background: #1A1E26;
        margin: 8px auto;
        border-radius: 10px;
        padding: 10px;
    }
    #giftss > .ticketRow > .col1 {
        width: 63px;
        height: 63px;
        position: relative;
       /* background-image: url(/images/ground-backgorund.png);*/
        background-size: 100% 100%;
        border-radius: 10px;
    }
    #giftss > .ticketRow > .col1 > img {
        position: relative;
    }
    #giftss > .ticketRow > .col1 > span {
        position: absolute;
        color: white;
        background: #0077FF;
        font-size: 10px;
        padding: 0 8px;
        border-radius: 10px;
        left: -15px;
        top: 0;
    }
    #giftss > .ticketRow > .col1 > span:empty {
        display: none;
    }
    #giftss > .ticketRow > .col2 {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0 10px;
    }
    #giftss > .ticketRow > .col2 > .title {
        display: block;
        font-size: 16px;
        color: white;
    }
    #giftss > .ticketRow > .col2 > .content {
        display: block;
        font-size: 14px;
        color: gray;
    }
    #giftss > .ticketRow > .col2 > .content > p {
        margin: 0;
        padding: 0;
        line-height: 16px;
    }
    #giftss > .ticketRow > .col2 > .content > p > img {
        width: unset;
    }
    #giftsss > .ticketRow > .col3 {
        width: 122px;
        height: 18px;
		display: block;
		margin:0 auto;
    }
    #giftsss > .ticketRow > .col3 > .status {
        display: flex;
        flex-direction: row;
        opacity: 0;
    }
    #giftsss > .ticketRow > .col3 > .status.progress {
        opacity: 1;
    }
    #giftsss > .ticketRow > .col3 > .status > .prcnt {
        width: 20px;
        font-size: 14px;
        line-height: 8px;
        margin-top: 0px;
    }
    #giftsss > .ticketRow > .col3 > .status > .skala {
        flex: 1;
        position: relative;
        background-color: #111111a3;
        height: 8px;
        border-radius: 3px;
        overflow: hidden;
		    margin-left: 10px;
    }
.footerEuro {
	text-align: center;
    padding: 18px;
}
.footerEuro a {
	color: white;
}
    #giftsss > .ticketRow > .col3 > .status > .skala > .fill {
        background-color: #00ebff;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 8px;
    }
    #giftsss > .ticketRow > .col3 > .content {
        display: flex;
        flex-direction: column;
        height: calc(100% - 10px);
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 12px;
        position: relative;
    }
    #giftsss > .ticketRow > .col3 > .content.complete {
        background: url(/images/аpartment-2/img/green-check.svg);
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
    }
    #giftsss > .ticketRow > .col3 > .content > a {
        font-size: 16px;
		color: #0077ff;
    }
    #giftsss > .ticketRow > .col3 > .content > .lock {
        width: 12px;
        height: 14px;
        position: absolute;
        right: 0;
        top: -8px;
        background: url(/images/аpartment-2/img/locked-ticket.svg);
        background-size: 12px 14px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .currentLevel {
        position: absolute;
        width: 40px;
        height: 72px;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, -50%);
        overflow: hidden;
        background-image: url(/images/аpartment-2/img/no-ticket-ticket.svg);

    }
    .currentLevel.bronze {
        background-image: url(/images/аpartment-2/img/bronze-middle-vert.svg);
    }
    .currentLevel.silver {
        background-image: url(/images/аpartment-2/img/silver-middle-vert.svg);
    }
    .currentLevel.gold {
        background-image: url(/images/аpartment-2/img/gold-middle-vert.svg);
    }
	@media only screen and (max-width: 375px) {
		#giftsss > .ticketRow > .col3 {
    
}
	}
	 .ticketborder {
        display: flex;
        justify-content: space-evenly;
    }
    .ticketborder .onetickets{
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        padding: 5px;
    }
    .ticketborder .onetickets.active{
        background-color: #FFFFFF;
    }
    .ticketborder .onetickets span{
        color: #FFFFFF;
        font-size: 12px;
    }
    .ticketborder .onetickets.active span{
        color: #262B34;
        font-size: 12px;
    }
    .ticketborder .onetickets img{
        width: 22px;
        margin: 0 auto;
    }

    #bileti .biletiContainer {
        display: flex;
        justify-content: space-between;
        margin: 15px 0;
    }


    /* new css */

    .giftContainer .ticketContainer {
        display: flex;
        justify-content: space-around;
    }
    .giftContainer .ticketContainer .silver img {
        margin: 7px 0;
    }
    .giftContainer {
        background: transparent radial-gradient(closest-side at 50% 50%, #4D7DFF 0%, #0046FF 100%) 0% 0% no-repeat padding-box;
        border-radius: 10px;
        opacity: 1;
        text-align: center;
        padding: 10px;
    }
    .giftContainer h1 {
        font-size: 33px;
        color: #E4EDF8;
        margin: 12px 0px 0px;
    }
    .giftContainer .prizeFund {
        display: flex;
        flex-direction: column;
    }
    .giftContainer .prizeFund>div {
        display: flex;
        justify-content: center;
        font-size: 33px;
        color: #FFFFFF;
    }
    .giftContainer .prizeFund>p {
        color: #F5B41F;
        text-transform: uppercase;
        display: inline-block;
        margin: 0px;
    }
    .giftContainer .prizeFund>span {
        display: flex;
        justify-content: center;
        border-radius: 27px;
        background: hsla(213, 59%, 93%, .2) 0% 0% no-repeat padding-box;
        color: #E4EDF8;
        text-align: center;
        width: 186px;
        margin: 10px auto 0;
    }
    .giftContainer>a {
        display: inline-block;
        font-size: 12px;
        color: #E4EDF8;
        margin: 50px 0 13px 0;
    }
    .apartmentInfo {
        display: flex;
        justify-content: space-around;
    }
    .apartmentInfo .apartmentImg{
        width: 105px;
        height: 105px;
        background-repeat: no-repeat;
        
    }
    .apartmentInfo .apartmentImg img{
        padding: 5px;
    }
    .apartmentInfo .apartmentText{
        width: 70%;
        height: 70px;
        overflow: hidden;
        text-align: left;
        font-size: 12px;
        color: #FFFFFF;
        opacity: 0.5;
    }

    .ticket span {
        font-size: 10px;
        background-color: #1A1E26;
        display: inline-block;
        border-radius: 50%;
        width: 19px;
        height: 19px;
        text-align: center;
        line-height: 17px;
        margin: 0 7px 7px 0;
    }
    .ticket div {
        text-align: left;
        color: #E4EDF8;
    }
    .apartmentInfo .apartmentText {
        width: 70%;
        height: 70px;
        overflow: hidden;
        text-align: left;
        font-size: 12px;
        color: #FFFFFF;
        opacity: 0.5;
    }
    .instruction {
        text-align: center;
    }
    .instruction .howToWin h2{
        font-size: 20px;
        color: #E4EDF8;
    }
    .instruction .howToWin p{
        text-align: left;
        font-size: 12px;
        margin: 0px 30px 30px;
        color: #FFFFFF;
        opacity: 70%;
        line-height: 1.6;
    }
    .instruction .variants p{
        font-size: 14px;
        text-align: left;
        margin: 19px 30px;
        color: hsla(213, 59%, 93%, .8);
        line-height: 1.5;
    }
    .instruction .variants p span{
        background: hsla(213, 59%, 93%, 1) 0% 0% no-repeat padding-box;
        display: inline-block;
        width: 19px;
        height: 19px;
        border-radius: 50%;
        font-size: 12px;
        color: #262B34;
        text-align: center;
        line-height: 21px;
        margin-right: 7px;
    }
    .awards{
        text-align: center;
    }
    .awards h2{
        font-size: 16px;
        color: #E4EDF8;
    }
    .awards>div{
        display: flex;
        justify-content: space-around;
    }
    .awards>div>div{
        color: #E4EDF8;
        font-size: 16px;
        display: flex;
    }
    .awards>div span{
        background-color: #0077FF;
        border-radius: 50%;
        width: 19px;
        height: 19px;
        font-size: 10px;
        display: inline-block;
        color: #E4EDF8;
        line-height: 20px;
        margin: 0px 9px 0px;
    }

    .ticketborder {
        display: flex;
        justify-content: space-evenly;
    }
    .ticketborder .onetickets{
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        padding: 5px;
		cursor: pointer;
    }
    .ticketborder .onetickets.active{
        background-color: #FFFFFF;
    }
    .ticketborder .onetickets span{
        color: #FFFFFF;
        font-size: 12px;
    }
    .ticketborder .onetickets.active span{
        color: #262B34;
        font-size: 12px;
    }
    .ticketborder .onetickets img{
        width: 22px;
        margin: 0 auto;
    }
	.awards>div{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
	.afreg {
		font-size:14px;
		text-decoration: none;
		color:white;
		cursor:pointer;
	}
	
    .accordionop {
        background-color: #c0c0c0;
        color: #828891;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        margin-top: 5px;
        background: var(--surf) 0% 0% no-repeat padding-box;
        background: #1A1E26 0% 0% no-repeat padding-box;
        border-radius: 10px;
        opacity: 1;
    }
    .accordionop.active {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .accordionop:after {
        content: '\002B';
        color: #0077FF;
        font-weight: bold;
        float: right;
        margin-left: 5px;
        font-size: 24px;
    }
    .accordionop.active:after {
        content: "\2212";
        
    }
    .panelop {
        padding: 0px;
        max-height: 0;
        overflow: hidden;
        color: #a5b2c1;
        transition: max-height 0.2s ease-out;
        background-color: #1A1E26;
    }
    .panelop table.dataTable thead tr td {
        border-bottom: 0px;
    }
    .panelop table.dataTable tbody tr {
        background-color: transparent;
    }
    .panelop table.dataTable td {
        text-align: center;
    }

    .biletiContainer .calendar .mega_bonus_date {
        position: absolute;
        width: 50px;
        opacity: 0;
        height: 65px;
        margin-left: 0px;
    }

    .divcontentlevel {
    font-size: 18px;
    color: white;
    padding-left: 14px;
    float: left;
    }
	@media only screen and (max-width: 600px) {
	.desktopcenter {
   	width: 100%;
}	
	.tablinks22 span {
  font-size: 16px;
    padding: 8px;
		
	}
		.apartmentText p {
			font-size:11px;
		}
	.tabcontent2 {
   
   }
	.tab2 div {
    background-color: inherit;
    padding: 2px;
		width: 33.3%;
  
}
	.maincontap {
    margin: 0 auto;
		display: inherit;

	}
	}
    @media screen and (max-width: 480px) {
        .dataTable td {
            font-size: 14px;

        }
		.maincontap {
    background-image: url(/images/christmas/Mobile/Background.png);
		}
}
.dateTimeAct .time .text {
    display: flex;
    font-size: 10px;
    color: #1E232B;
    background-color: transparent;
	padding: 0;
}
.dateTimeAct .time .number {
    display: flex;
    font-size: 18px;
    color: #1E232B;
    font-weight: bold;
    margin: 0 15px 5px;
}
.dateTimeAct .time {
    display: flex;
    color: #1E232B;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
	width: 53px;
}
.dateTimeAct {
    display: flex;
    width: 53px;
    height: 68px;
    border-radius: 27px;
    background: #E6EDF7 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00c2ff;
}

.dateTimeInact {
    display: flex;
    height: 68px;
    width: 53px;
    border-radius: 27px;
    background: #1E232B 0% 0% no-repeat padding-box;
}
.dateTimeInact .time {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
	width: 53px;
}
.dateTimeInact .time .number {
    display: flex;
    font-size: 18px;
    color: #E6EDF7;
    opacity: 50%;
    font-weight: bold;
    margin: 0 15px 5px;
}

.dateTimeInact .time .text {
    display: flex;
    font-size: 10px;
    color: #E6EDF7;
    opacity: 20%;
	padding: 0;
	background-color: transparent;
}
	.apartmentTicket,
.apartmentTicketHead {
    display: flex;
    justify-content: space-between;
    padding: 3px;
}

.ticketsContainer,
.ticketsSearchContainer {
    margin-top: 15px;
}
.apartmentTicketHead span {
    color: #96a2b0;
}

.tab2 {
    overflow: hidden;
    width:100%;
    display: flex;
	 background: rgb(21 23 29);
    background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgb(21 23 29) 66%);

}
.apartmentTicket:nth-child(even) {
    background-color: #161826;
}
.apartmentTicket:nth-child(odd) {
    background-color: #262A34;
}
.apartmentTicketHead {
    margin-bottom: 5px;
}

#apartment  .ticketsSearchContainer {
    display: flex;
    justify-content: space-around;
}
#apartment .ticketsSearchContainer input{
    margin: 0 30px 0 0;
    padding-left: 15px;
}

		 .rulesdivs {
			 max-width: 500px;
			 display:block;
			 margin:0 auto;
			 text-align: center;
		 }
	.gifdiv {
	width: 47.7%;
    margin: 4px;
    float: left;
    height: 300px;
    background: #232833;
    border-radius: 10px;
}
	.gifdiv div {
    font-weight: 600;
    padding: 2px;
	    text-align: center;		  
		 }
	.gifdiv div span {
			  display: block;
			  opacity: 0.5;
			   font-weight: 500;
		 }
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px;
}
.ticketconteiner {
	padding: 18px;
    background: #1f2128;
    border-radius: 10px;
}
.topdiv {
	display: flex;
    padding: 8px;
    background: #0000006b;
	margin-bottom: 4px;
}
.topdiv div {
width: 50%;
    text-align: center;
	    color: white;
    font-weight: bold;
    font-size: 16px;

}
.mainmaintop {
	display:flex;
}
	@media only screen and (max-width: 600px) {	 
		#giftss > .ticketRow > .col2 > .content > p {
		font-size: 12px;
        } 
	.gifdiv {
    height: 274px;
			}
		.mainmaintop {
			display: inherit;
		}
		 }
section.pageContent .side.center.desktop {
    position: relative;
    padding: 0;
    max-width: 1280px;
    display: block;
    margin: 0 auto;
	width: calc(100% - 10px)!important;
}
#catroryy {
  border-collapse: collapse;
  width: 100%;
}

#catroryy td, #catroryy th {
  padding: 8px;
}

#catroryy tr:nth-child(even){background-color: #1a1c21;}
#catroryy th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #15171d;
}
#ticketsList tr:nth-child(even){background-color: #1a1c21;}
#catroryy th,#catroryy td:nth-child(even),#ticketsList td:nth-child(even) {
  text-align: right;
 
}
.gifdiv img {
   margin-bottom: 10px;
}
.gifdiv2 {
	background: #00ebff;
    width: 80%;
    border-radius: 10px;
    color: black;
    font-weight: 500;
    margin: 4px;
    display: block;
    margin: 6px auto;
	text-align: center;
}
.maincontaprightx {
    max-width: 500px;
    height: 624px;
    background: #232833;
    border-radius: 10px;
}
.gifdiv  h2 {
	text-align:center;
	color:white;
	margin-bottom:30px
}
.gifdiv22 {
	background: #1f2128;
    margin: 5px;
    border-radius: 8px;
    padding: 10px;
}
.gifdiv23 {
    margin: 5px;
    border-radius: 8px;
    padding: 10px;
-webkit-filter: grayscale(1);
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
    transition: all .35s ease-in;
}
table.dataTable tbody tr {
    background-color: #1f2128!important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], select {
    border-bottom: 0px solid!important;
}
body.desktop::-webkit-scrollbar-thumb {
    background: #969696;
    border: 3px solid #252525;
    border-radius: 6px;
}
body.desktop::-webkit-scrollbar {
    padding: 3px;
    width: 14px;
    height: 4px;
    margin: 3px;
}
body.desktop::-webkit-scrollbar-track {
    background: #252525;
    border-radius: 1px;
    margin: 1px;
}

::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #00ebff; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
html{scrollbar-arrow-color: #252604;
 scrollbar-highlight-color: #BFC097;
 scrollbar-shadow-color: #ffffff;
 scrollbar-base-color : #000000;
 scrollbar-track-color: #E2E1D4;
 scrollbar-face-color: #BFC097;
 scrollbar-3dlight-color: #EFEEEE;
 scrollbar-darkshadow-color: #999999;}