@import "ayxansistem.css?v=886asd";
.bar a,.menu a{text-decoration:none; color: none;}body{
color:#484747;
font-family:arial;;
font-size:14px;;
line-height:20px;
font-weight: normal;
min-width:320px;margin:auto;
 background:  linear-gradient(to left, #e1e1e1, #dcd5ed, #dbc8f6, #deb9fc, #f6fffe)	;	
 background-size: auto;
}#icenter{text-align:center}#ileft{text-align:left}#iright{text-align:right}*{margin:0;padding:0}.border{background:#393939;color:#fff;padding:4px;text-align:center}.b{padding:6px;background:#fff;border:1px solid #f1f1f1;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.bar{
background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
color:#fff;padding:8px;position:relative;z-index:2}


.snowflakes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
}

.snowflake {
    position: absolute;
    top: -10px;
    font-size: 24px;
    color: white;
    animation: snow-fall linear infinite;
}

/* Kar tanelerinin rastgele hız ve boyutlarını ayarlamak için */
.snowflake:nth-child(1) {
    left: 10%;
    animation-duration: 10s;
    animation-delay: 0s;
    font-size: 22px;
}

.snowflake:nth-child(2) {
    left: 25%;
    animation-duration: 12s;
    animation-delay: 2s;
    font-size: 20px;
}

.snowflake:nth-child(3) {
    left: 50%;
    animation-duration: 8s;
    animation-delay: 1s;
    font-size: 18px;
}

.snowflake:nth-child(4) {
    left: 75%;
    animation-duration: 15s;
    animation-delay: 3s;
    font-size: 26px;
}

.snowflake:nth-child(5) {
    left: 15%;
    animation-duration: 11s;
    animation-delay: 2s;
    font-size: 19px;
}

.snowflake:nth-child(6) {
    left: 40%;
    animation-duration: 9s;
    animation-delay: 4s;
    font-size: 23px;
}

.snowflake:nth-child(7) {
    left: 60%;
    animation-duration: 13s;
    animation-delay: 0s;
    font-size: 17px;
}

.snowflake:nth-child(8) {
    left: 85%;
    animation-duration: 14s;
    animation-delay: 5s;
    font-size: 21px;
}

/* Kar tanelerinin düşüş animasyonu */
@keyframes snow-fall {
    0% {
        transform: translateY(0) translateX(0);
    }
    100% {
        transform: translateY(100vh) translateX(50px);
    }
}



.Palete_One{
	animation: blink-border 5s linear 1s infinite normal forwards;
	border: 1px solid transparent; /* Başlangıçta görünmez sınır */
    animation: blink-border 1s infinite;
}
.Palete_Two{
	border: 1px solid transparent;
    animation: gradient-border 2s linear infinite;
}
@keyframes neon-border {
    0% {
        border-color: #ff00ff;
        box-shadow: 0 0 2px #ff00ff, 0 0 10px #ff00ff, 0 0 2px #ff00ff, 0 0 2px #ff00ff;
    }
    25% {
        border-color: #00ffff;
        box-shadow: 0 0 2px #00ffff, 0 0 10px #00ffff, 0 0 2px #00ffff, 0 0 2px #00ffff;
    }
    50% {
        border-color: #00ff00;
        box-shadow: 0 0 2px #00ff00, 0 0 10px #00ff00, 0 0 2px #00ff00, 0 0 2px #00ff00;
    }
    75% {
        border-color: #ffff00;
        box-shadow: 0 0 2px #ffff00, 0 0 10px #ffff00, 0 0 2px #ffff00, 0 0 2px #ffff00;
    }
    100% {
        border-color: #ff00ff;
        box-shadow: 0 0 2px #ff00ff, 0 0 10px #ff00ff, 0 0 2px #ff00ff, 0 0 2px #ff00ff;
    }
}
@keyframes blink-border {
    0%, 100% {
        border-color: red; /* Sınır gri */
    }
    50% {
        border-color: transparent; /* Sınır görünmez */
    }
}

@keyframes gradientMrRoyal {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.top-bar {
    position: relative;
    transition: top .25s ease-in-out,opacity .17s ease-in-out;
	background: #051d39;
    display: flex;
    padding: 7px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}
}















@keyframes gradient-border {
    0% {
        border-color: red; /* Ä°lk renk */
    }
    14.28% {
        border-color: blue; /* Ä°kinci renk */
    }
    28.56% {
        border-color: pink; /* Üçüncü renk */
    }
    42.84% {
        border-color: green; /* Dördüncü renk */
    }
    57.12% {
        border-color: orange; /* BeÅŸinci renk */
    }
    71.40% {
        border-color: purple; /* Altıncı renk */
    }
    85.68% {
        border-color: crimson; /* Yedinci renk */
    }
    100% {
        border-color: red; /* İlk renge dönüş */
    }
}




.room,#rm{
    cursor: pointer;
    display: inline-block;
    padding: 3px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 4px;
    margin-left: 1.5px;
    background: #ebf3fe;
    border: 1px solid #c6d6eb;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #444;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	
	}
	.room:active,#rm:active{position:relative;top:1px;}

.room:hover,#rm:hover {
    color: #fff;
    background: #0e63b8;
}.linkmenu {
    cursor: pointer;
    display: inline-block;
    padding: 2px 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 5px;
    background: #eee;
    border: 1px solid #d3d3d3;
    color: #444;
    border-radius: 5px;
}

.bar a{color:#e7e79e}
.bar a:hover{color:#fffd57}
.rsize{width:100%;min-width:305px;max-width:1000px;margin:0 auto}
.menu a{color:#0e63b8}.menu a:hover{color:#0e63b8;}.menu.f1{padding:20px 0 6px}.menu-f1,.menu.f1 table.submit{padding:6px 6px 0}.bars,.mlink,.sms{border:1px solid #dfdfdf;border-bottom-style:none;padding:6px}.top-ml{background:#fff3b3}.my{background:#f4f4f4}.you{background:#f3fff6}.sms a{color:#FE2E2E}.p2{padding-bottom:4px}.call,.cmy,.cyou{padding:2px;border:1px solid #FFF}.cmy{background:#f4f2e0}.cyou{background:#f7f7f7}.call{background:#fdfdfa}
.ust_line{box-shadow:0 1px 9px rgba(0,0,0,.5)}#bar_right{float:right}
.alt_line{
padding: 0px;
box-shadow: 0 -1px 9px rgba(0,0,0,.5);
margin: 0 auto;
}.c-black{color:#000}
.left-20{padding:0 0 0 20px}.right-20{padding:0 20px 0 0}
img{vertical-align:middle;border:0}
.img{margin:0 0 -3px 1px}
.links{background:#fff;border:1px dotted #e5e5e5;padding:4px}.links:hover{background:#fbfbfb}.fl,.fln a{padding:6px;background:#F7F6F2;display:block;border-bottom:1px solid #DADADA}.fln a:hover{background:#E9EBEB;color:#1580F2}.fln span{color:#2869AA}.fl{color:#7E7E7E}
hr{margin-top:4px;margin-bottom:6px;border-bottom:1px solid #e8e8e8;border-top-style:none;border-top-width:0;border-right-style:none;border-right-width:0;border-left-style:none;border-left-width:0}
.cr{margin-top:4px;margin-bottom:6px;border-bottom:1px dashed #e8e8e8;border-top-style:none;border-top-width:0;border-right-style:none;border-right-width:0;border-left-style:none;border-left-width:0}
input:focus,textarea:focus{background:#fff;border:1px solid #BCBCBC}
input,select,textarea{
	    background: #f7f7f7;
    border-radius: 4px;
    border:  1px solid #e16541;;
    color: #375676;
    padding: 7px;
    margin: 2px;
	}
input[type=submit]{padding-right:1em;padding-left:1em}
.inputRed{background:#FFE2E2}.inputGreen{background:#F2FDFF}
input[type=text]:disabled{background:#ddd}
a.button,input[type=submit]{
text-shadow:rgba(0,0,0,.3) 0 1px 1px;


border-radius:4px;
#box-shadow:rgba(0,0,0,.2) 0 1px 2px;color:#f0f4f3;
padding: 7px 15px 7px 15px;

background:linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
}
a.button{padding:.3em}
a.button:hover,input[type=submit]:hover{color:#FFF}.ajax_message{display:table;width:100%;background:url(wb-img/1.png);border-top:#ccc solid 1px;border-bottom:#ccc solid 1px}.ajax_message .mysms,.ajax_message .yousms{color:#343434;border:1px solid #ccc6bd;border-radius:4px;padding:2px 6px;margin:4px 5px;display:inline-block;position:relative;min-width:70%;text-align:left}.dateBody,.dateBody span{text-align:center}.ajax_message .s1{display:inline;word-break:break-all}.ajax_message .s2{display:table-cell;float:right;font-size:12px;color:#757575;margin-left:10px}.dateBody span{background-color:#BEF0F7;width:70px;display:inline-block;border-radius:4px;padding:2px;margin-top:5px;border:1px solid #B7B7B7}
.menu-border{background:#EAEAEA;padding:0 5px}.ajax_message .position-mysms{text-align:right}.ajax_message .position-mysms .mysms{background-color:#CFFFC6}.ajax_message .position-yousms .yousms{background-color:#fcfbf6}@media only screen and (max-width:650px){.ajax_message .mysms,.ajax_message .yousms{min-width:auto}.ajax_message span.s1 b{display:none}}@media only screen and (max-width:350px){
	.menu-border{padding:0}}[class*=" ic-wtc"],[class^=ic-wtc]{vertical-align:middle;background-image:url(img/wtc-status.png);background-repeat:no-repeat;background-size:20px;height:20px;width:20px;display:inline-block;margin-left:2px}.ic-wtc-send{background-position:right 4px}.ic-wtc-delivered{background-position:right -13px}.ic-wtc-hasread{background-position:right -30px}
.events{width:100%;border-collapse:collapse;border-spacing:0}
.events td{border-left: 1px solid #4f234e2e;}
.events td:first-child{border-left:none}
.events td a{display:block;text-align:center;padding:11px 8px;cursor:pointer}
.events td a.active,.events td a:hover{background-color: transparent; opacity: 0.7;}
.events td.main.f3{
	text-shadow: 1px 1px 5px #646464;
	font-weight:700;text-align:center;min-width:100px}@media only screen and (min-width:650px){
	.events td.main.f3{min-width:140px}}
	.line-menu{
		background: #b84248;
    padding: 8px;
    border-left: 1px solid #D3E0D0;
    border-right: 1px solid #D3E0D0;
    color: #71434d;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
   
		}
	.menu{border:1px solid #D2D2D2;box-shadow:none;border-top:none;background:#fff;padding:8px 8px 6px 6px}
	.events a span{-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.7);
	background-color:#dc0d17;background-image:-webkit-linear-gradient(top,#fa3c45 0,#dc0d17 100%);
	color:#fff;min-width:6px;padding:1px 2px;text-shadow:0 -1px 0 rgba(0,0,0,.4);
	-webkit-background-clip:padding-box;display:inline-block;font-size:9px;-webkit-font-smoothing:subpixel-antialiased;line-height:normal;position:absolute;margin-left:-5px}

table.RainbowRoyal {
  border: 1px solid #EEEEEE;
  background-color: #FFFFFF;
max-width:700px;min-width:350px;width:100%;
  text-align: center;
  margin:auto;
  border-collapse: collapse;
}
table.RainbowRoyal td, table.RainbowRoyal th {
  border: 1px solid #E9E6D5;
  padding: 3px 2px;
}
table.RainbowRoyal tbody td {

}
table.RainbowRoyal thead {
  background: #eb3467;
  border-bottom: 1px solid #444444;
}
table.RainbowRoyal thead th {

  font-weight: bold;
  color: #fff;
  text-align: center;
  border-left: 1px solid #F5CD54;
}
table.RainbowRoyal thead th:first-child {
  border-left: none;
}

table.RainbowRoyal tfoot td {

}
table.RainbowRoyal tfoot .links {
  text-align: right;
}
table.RainbowRoyal tfoot .links a{
  display: inline-block;
  background: #F5CD54;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}


.loading-bar {
	margin-bottom: 6px;
  width: 100%;
  height: 5px;
  background:  linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
  animation: rainbower 2s linear infinite;

}

@keyframes AbbasoffAnimation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


@keyframes rainbower {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}



.abbasoff_text_1 {
  background: #CA4246;
  background-color: #CA4246;
  background: conic-gradient(
    #CA4246 16.666%, 
    #E16541 16.666%, 
    #E16541 33.333%, 
    #F18F43 33.333%, 
    #F18F43 50%, 
    #8B9862 50%, 
    #8B9862 66.666%, 
    #476098 66.666%, 
    #476098 83.333%, 
    #A7489B 83.333%);
  background-size: 57%;

  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rainbow-text-animation-rev-r-abbasoff-css 0.9s ease-in-out infinite;
}
.abbasoff_text_1:hover {
  animation: rainbow-text-r-abbasoff-css 0.5s ease-in-out infinite;
}
@keyframes rainbow-text-r-abbasoff-css {
  0% {
    background-size: 57%;
    background-position: 0 0;
  }
  20% {
    background-size: 57%;
    background-position: 0 1em;
  }
  100% {
    background-size: 300%;
    background-position: -9em 1em;
  }
}
@keyframes rainbow-text-animation-rev-r-abbasoff-css {
  0% {
    background-size: 300%;
    background-position: -9em 1em;
  }
  20% {
    background-size: 57%;
    background-position: 0 1em;
  }
  100% {
    background-size: 57%;
    background-position: 0 0;
  }
}


/* RENG STILI 2 */
.abbasoff_text_2{

  background-image: linear-gradient(to left, blue, red, green, blue, red, green, blue);   -webkit-background-clip: text;
  color: transparent;

}
/* RENG STILI 3 */
.abbasoff_text_3{

  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
/* RENG STILI 4 */
.abbasoff_text_4 {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}
/* RENG STILI 5 */
.abbasoff_text_5 {
    background: linear-gradient(to right, blue, red , green);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation_5 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation_5 {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}
/* RENG STILI 6 */
.abbasoff_text_6 {
    background: linear-gradient(to right, blue, red , green);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
     animation: rainbow_animation_6 .5s linear 0s infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation_6 {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}
/* RENG STILI 7 */
.abbasoff_text_7 {
    background: linear-gradient(to right, blue, red , green);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
     animation: rainbow_animation_7 .5s linear 0s infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation_7 {
  from {
    color: blue;
  }
  10% {
    color: red;
  }
  50% {
    color: green;
  }
  75% {
    color: blue;
  }
  100% {
    color: red;
  }
}

/* RENG STILI 8 */
.abbasoff_text_8
{
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: abbasoff_text_8 2s linear infinite;
}

@keyframes abbasoff_text_8 {
  to {
    background-position: 200% center;
  }
}

/* RENG STILI 9 */
.abbasoff_text_9
{
  background-image: linear-gradient(
    -225deg,
    blue 0%,
    red 50%,
    green 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: abbasoff_text_9 2s linear infinite;
}

@keyframes abbasoff_text_9 {
  to {
    background-position: 200% center;
  }
}



#menu {
position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    min-width: 300px;
    min-height: 250px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    z-index: 9998;
    display: none;
}

#dark-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9997;
  display: none;
}.RM-MENU-TEXT-FOOTER{
	 text-align: center;
    background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
    padding: 10px;
    color: white;
	font-size: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: bold;
	
}.RM-MENU-TEXT{
	text-align: center;
    background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
    padding: 10px;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
}#a_flex{
	
padding: 3px;
    color: #421255;
    margin: 2px;
    border: 1px dashed #c5c5c5;

}.a_flex{
	background: white;  
	border: 1px solid #d3d3d3; 
	padding: 10px 21px 20px 11px;
}
#menu {
position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    min-width: 250px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    z-index: 9998;
    display: none;
}#menu a{
	text-decoration: none;
}

#dark-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9997;
  display: none;
}






.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #fff;;
  overflow-x: hidden;
  
 
      box-shadow: 4px 1px 13px #5e5e5e;
	  border-left: 4px solid linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;}
.editProfA{
	  padding: 0px;
  text-decoration: none;
  font-size: normal;
  color: #818181;
  display: normal;
}
.sidenav a {
  text-decoration: none;
  color: #818181;
}
.sidenav a:hover {
  color: #516294;
}

.sidenav .closebtn {
    padding: 4px 7px 4px 8px;
    box-shadow: 0px 3px 9px 0px #c3c3c3;
    position: absolute;
    top: 16px;
    border-radius: 22px;
    right: 14px;
    font-size: 21px;
    background: white;
    margin-left: 19px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}.sideNavImg{
border-radius: 10px;
    width: 72px;
    margin-left: 5px;
}.tdName{
margin-left: 6px;
    color: #666;
    padding: 2px;	
}.editProfileTD{
	background: white;
    color: #464646;
    border-radius: 10px;
    display: inline-block;
    padding: 3px 10px 3px 10px;
	border: 1px solid #e1e1e1;
}.sidenav_bottom{
	    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #666;
    padding: 7px;
}.tableSidenav{
	margin-top: 10px;
}.divTD{
	width: 98%;
}.sdLinks a{
	    color: #666;
    background: white;
    padding: 5px;
    display: inline-block;
    transition: none;
    border-radius: 5px;
    margin: 3px;
    font-size: 14px;
	border: 1px solid #e1e1e1;
}.sdLinks a:hover{
	    background: #e3e3e3;
}.sdLinks{
	background: #f7f7f7;
    padding: 8px;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
}.sdLinksMenuSpan{
	opacity: 0.5;
    displaY: block;
    text-align: center;
margin-bottom: 7px;
}.sdLinks a:hover{
	color: #666
}.tdNameSpan{
	font-size: 11px;
	text-align: center;
	color: #9f9f9f;
}.sidenav-bottom-bar {
	margin-bottom: 6px;
  width: 100%;
     position: absolute;
    bottom: 27px;
    left: 0;
    right: 0;
  height: 5px;
  background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
  animation: rainbow 2s linear infinite;
}.linebar{
  width: 100%;
  padding:1px;
  height: 2px;
  background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
  animation: rainbow 2s linear infinite;
}.rm,.room{
cursor: pointer;
    display: inline-block;
    padding: 2px 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 5px;
    background: #eee;
    border: 1px solid #d3d3d3;
    color: #444;
    border-radius: 5px;
}.one{
background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);
    padding: 2px;
    border-radius: 5px;
    margin-bottom: 3px;
}.two{
	background: white;
    padding: 6px;
    overflow-wrap: break-word;
    word-break: break-all;
	    border-radius: 5px;
}.tdFuncs{
    background: white;
    padding: 3px;
    text-align: center;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
	display:table-cell;
	width: 32%;
	margin-right: 3px;
}.tdFuncs:hover{
	background: #f9f9f9;
}#tone,#title-one {
    background-color: #ebf3fe;
    background-repeat: repeat-x;
    border: 1px solid #DADFE4;
    border-radius: 4px;
    margin: 4px 4px 1px 1px;
    padding: 2px;
}#ttwo,#title-two {
background: #fdfdfa;
    padding: 2px;
    border: 1px solid #FFFFFF;
	  border-radius: 4px;
}.mains{
	cursor: default;
    padding: 2px 5px;
    background: #eee;
    border: 1px solid #d3d3d3;
    color: #444;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}.pageNumber{
	padding: 1px 5px 1px 5px;
    background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
    border-radius: 4px;
    color: white;
    font-size: 12px;
    font-weight: bold;
}.navPage{
	cursor: pointer; font-size: 14px;


            padding: 2px 5px; background: #eee;


            border: 1px solid #d3d3d3; 


            color: #444; border-radius: 5px;
			box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
}
#first-bold::first-letter {
    font-size: 14px;
	color: brown
    font-weight: bold;
} 
.first-bold::first-letter {
    font-size: 14px;
	color: brown
    font-weight: bold;
}.msg_o{
	width: 16px;
    height: 16px;
    display: inline-block;
	background: url(../img/icon/msg_o.png) no-repeat;
}.rmTopic{
	background: #e6e6e6b3;
    color: #71434d;
    padding: 4px;
    display: block;
    border-radius: 5px;
	font-size: 12px;
	    border: 1px solid #d8d8d8;
}.znCatalog{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;">';
}.yazToogle{
	display: none;
}.lazy {
    display: block;
    width: 100%;
}
.loader {
    position: relative;
    width: 2.5em;
    height: 2.5em;
    transform: rotate(165deg);
}
.loader:after,
.loader:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    transform: translate(-50%, -50%);
}
.loader:before {
    animation: before 2s infinite;
}
.loader:after {
    animation: after 2s infinite;
}
@keyframes before {
    0% {
        width: 0.5em;
        box-shadow: 1em -0.5em #c11d1d, -1em 0.5em rgba(22, 22, 29, 0.75);
    }
    35% {
        width: 2.5em;
        box-shadow: 0 -0.5em #c11d1d, 0 0.5em rgba(19, 19, 26, 0.75);
    }
    70% {
        width: 0.5em;
        box-shadow: -1em -0.5em #c11d1d, 1em 0.5em rgba(29, 29, 38, 0.75);
    }
    100% {
        box-shadow: 1em -0.5em #c11d1d, -1em 0.5em rgba(24, 24, 33, 0.75);
    }
}
@keyframes after {
    0% {
        height: 0.5em;
        box-shadow: 0.5em 1em rgba(21, 21, 28, 0.75), -0.5em -1em #c11d1d;
    }
    35% {
        height: 2.5em;
        box-shadow: 0.5em 0 rgba(25, 26, 31, 0.75), -0.5em 0 #c70039;
    }
    70% {
        height: 0.5em;
        box-shadow: 0.5em -1em rgba(20, 20, 26, 0.75), -0.5em 1em #c11d1d;
    }
    100% {
        box-shadow: 0.5em 1em rgba(19, 20, 24, 0.75), -0.5em -1em #c11d1d;
    }
}
.loader {
    position: absolute;
    top: calc(50% - 1.25em);
    left: calc(50% - 1.25em);
}
.loaders {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 999;
}.enterMenu{
	border: 1px solid #f7f7f7;
    padding: 3px;
}


.table_modules{
    
    width: 100%;
    font-size: 14px;
    border: 1px solid #CACACA;
    margin: auto;
	border-collapse: collapse;
}
.table_modules tr {
    border-top: 1px solid #CACACA;
}
.table_modules td {
    padding: 5px;
    border-right: 1px solid #CACACA;
}
.table_modules thead > tr > th {
    padding: 5px;
    border-right: 1px solid #CACACA;
}
.table_modules tbody > tr > td:first-child {
    text-align:left;
}
.table_modules tbody > tr > td {
    text-align:center;
}
.table_modules tbody > tr > td:first-child::first-letter {
    font-weight: bold;
	color: #71434d;

  
}
.table_modules tbody > tr > td:nth-child(2) {
    font-weight: bold;
	background: #f1f1f1;
  
}
.table_modules td > a{
    display: block;
}
.table_modules td.buy:hover {
    background: #eaeaea;
}
.table_modules td.buy a:hover {
    background: none;
	color: #0e63b8;
}
.table_modules tr.info td {
     background: #e6e6e6b3;
    color: #71434d;
    font-weight: bold;
    text-align: center;

}.table_modules tbody > tr:nth-child(even) {
	background: #f9f9f9;
}.ntenter{
	text-align: center;
}



.NewTableModule{
    
    width: 100%;
    font-size: 14px;
    border: 1px solid #CACACA;
    margin: auto;
	border-collapse: collapse;
}
.NewTableModule tr {
    border-top: 1px solid #CACACA;
}
.NewTableModule td {
    padding: 5px;
    border-right: 1px solid #CACACA;
}
.NewTableModule thead > tr > th {
    padding: 5px;
    border-right: 1px solid #CACACA;
}
.NewTableModule tbody > tr > td:first-child {
    text-align:center;
}
.NewTableModule tbody > tr > td {
    text-align:center;
}
.NewTableModule tbody > tr > td:nth-child(2) {
    font-weight: bold;
	background: #f1f1f1;
  
}
.NewTableModule td > a{
    display: block;
}
.NewTableModule td.buy:hover {
    background: #eaeaea;
}
.NewTableModule td.buy a:hover {
    background: none;
	color: #0e63b8;
}
.NewTableModule tr.info td {
     background: #e6e6e6b3;
    color: #71434d;
    font-weight: bold;
    text-align: center;

}.NewTableModule tbody > tr:nth-child(even) {
	background: #f9f9f9;
}.ntenter{
	text-align: center;
}.fire-text a {
    
    color: red;
    background: linear-gradient(45deg, #ff9a00, #ff0000, #ff9a00);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    animation: fire 2s infinite alternate-reverse;
}

@keyframes fire {
    0% {
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    }
}	.load_shows {
    display: table;
	width: 100%;
    background: #fff;
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
	}
	
	.position-mysms {
    text-align: right;
	}


.mysms, .yousms {
    color: #343434;
    border: 1px solid #ccc6bd;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 4px 5px;
    display: inline-block;
    position: relative;
   # min-width: 70%;
    text-align: left;
}




.s1 {
    display: inline;
    word-break: break-all;
}
.s2 {
    display: table-cell;
    float: right;
    font-size: 12px;
    color: #757575;
    margin-left: 10px;
}
.mysms {
    background-color: #CFFFC6;
}
.yousms {
    background-color: #fcfbf6;
}
.gonderildi{
vertical-align: middle;
    background-image: url(img/gonderildi.png);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-left: 2px;

}
.oxundu{
vertical-align: middle;
    background-image: url(img/oxundu.png);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-left: 2px;

}
.style_list {
  width: 30.5%;
  height: 160px;
}
.style_list {
overflow: hidden;
position: relative;
display: inline-block;
width: auto;
margin-top: 0px;
margin-left: 10px;
box-sizing: border-box;
height: 95px;
border-radius: 7px;
}.style_list img {
  max-width: 100%;
}.style_list div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 0.7em;
  color: white;
  background-color: rgba(80,100,100,0.9);
  border-radius: 0 0 7px 0;
  font-size: 12px;
}.style_list a{
	text-decoration: none;
}.style_list a:hover {
  color: #fff;
}

/* GET FONTS FROM R.ABBASOFF*/
.acme-regular {
  font-family: "Acme", sans-serif;
  font-style: normal;
}.alata-regular {
  font-family: "Alata", sans-serif;
}.bad-script-regular {
  font-family: "Bad Script", cursive;
}.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
}.caveat-royal {
  font-family: "Caveat", cursive;
}.dancing-script-royal {
  font-family: "Dancing Script", cursive;
}.great-vibes-regular {
  font-family: "Great Vibes", cursive;
}
.indie-flower-regular {
  font-family: "Indie Flower", cursive;
}.macondo-regular {
  font-family: "Macondo", cursive;
}.madimi-one-regular {
  font-family: "Madimi One", sans-serif;
}.merienda-royal {
  font-family: "Merienda", cursive;
}.oswald-royal {
  font-family: "Oswald", sans-serif;
}.pacifico-regular {
  font-family: "Pacifico", cursive;
}.protest-revolution-regular {
  font-family: "Protest Revolution", sans-serif;
}.righteous-regular {
  font-family: "Righteous", sans-serif;
}.sacramento-regular {
  font-family: "Sacramento", cursive;
}.sofia-regular {
  font-family: "Sofia", cursive;
}.tangerine-regular {
  font-family: "Tangerine", cursive;
}.yellowtail-regular {
  font-family: "Yellowtail", cursive;
}.marck-script-regular {
  font-family: "Marck Script", cursive;
}


  @keyframes wave-animation {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }.copy{
	  
   
    background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
    color: white;
padding: 1px 4px 2px 4px;
    border-radius: 3px;
    margin-top: -3px;
  }.alert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f1f1f1;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}.vipBox {
    position: relative;
    display: inline-block;
}

.logo {
    position: absolute;
    bottom: 4px; 
    left: 4px; 
   
    padding: 3px; 
    border-radius: 5px; 
}.containers {
    position: relative;
    display: inline-block;
}

.blur-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px); /* Blur efekti */
}

.overlay-text {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Resmin tam merkezine hizalama */
    background-color: rgba(255, 0, 0, 0.5); /* Kırmızı yarı şeffaf arka plan */
    color: white;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 5px;
}

@keyframes changeColor {
  0% {
    border-color: blue;
  }
  50% {
    border-color: red;
  }
  100% {
    border-color: #2cff0d;
  }
}

.enterIMAGE {
  border: 3px solid;
  border-image: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
   animation: changeColor 2s linear infinite;
}
.style_list {
  width: 30.5%;
  height: 160px;
}
.style_list {
overflow: hidden;
position: relative;
display: inline-block;
width: auto;
margin-top: 0px;
margin-left: 10px;
box-sizing: border-box;
height: 95px;
    text-align: center;
border-radius: 7px;
padding: 4px;
    border: 1px dashed #d1d1d1;


}.style_list img {
  max-width: 60%;
}.style_list div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 0.7em;
  color: white;
  background: linear-gradient(-45deg, #ca4246, #3d4351, #ca4246, #3e4140);     animation: gradientMrRoyal 15s ease infinite;     background-size: 400%;;
  border-radius: 0 0 7px 0;
  font-size: 12px;
}.style_list a{
	text-decoration: none;
}.style_list a:hover {
  color: #fff;
}.timeStatus {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 5px;
}
.timeStatus.online, .timeStatus.online:before {
  background: #72ff7d;
}
.timeStatus.offline, .timeStatus.offline:before {
  background: #ff4242;
}
.timeStatus.invisible, .timeStatus.invisible:before {
  background: #42e5ff;
}
.timeStatus.idle, .timeStatus.idle:before {
  background: #ffda72;
}
.timeStatus:before {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  top: -4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  animation: pulse 1.5s infinite ease-in;
}

@keyframes pulse {
  from {
    transform: scale(0.5);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}


.storys {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100px;
  height:100px;
  overflow:hidden;
}
.storys img {
  width:70px;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.storys svg {
  fill:none;
  stroke:#8a3ab8;
  stroke-width:3px;
  stroke-dasharray:1;
  stroke-dashoffset:0;
  stroke-linecap:round;
  animation:loading 4500ms ease-in-out infinite alternate;
}
@keyframes loading {
  100% {
    stroke:#cd476b;
    stroke-dasharray:10;
    transform:rotate(200deg);
  }
}


.st-royal {
-webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #636363;
  font-size: 13px;
  background: #f0f0f0;
  padding: 5px 10px 4px 10px;
  text-decoration: none;
}

.st-royal:hover {
  background: #ebebeb;
  background-image: -webkit-linear-gradient(top, #ebebeb, #ebebeb);
  background-image: -moz-linear-gradient(top, #ebebeb, #ebebeb);
  background-image: -ms-linear-gradient(top, #ebebeb, #ebebeb);
  background-image: -o-linear-gradient(top, #ebebeb, #ebebeb);
  background-image: linear-gradient(to bottom, #ebebeb, #ebebeb);
  text-decoration: none;
}.st-royal a{
	color: #464646;
}.st-royal a:hover{
	color: #464646;
}.st-royal svg{
	vertical-align: middle;
	width: 16px;
}.svg{
	vertical-align: middle;
	width: 16px;
}



.modal {
display: none;
  position: fixed; 
  z-index: 1000; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; 
  background-color: rgba(0, 0, 0, 0.4); 
  justify-content: center; /* Yatayda ortala */
  align-items: center; /* Dikeyde ortala */
}

/* Modal içeriğini ortala */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% yukarıdan ve 0'dan soldan başlayarak */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Modal içeriğinin genişliği */
  max-width: 600px; /* Modal içeriğinin maksimum genişliği */
}

/* Kapat düğmesi stilini ayarla */
.close {
  color: #aaa;
  float: right; /* Sağ üst köşeye hizala */
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}.yellow_decorate{
margin-top: 0px;
margin-bottom: 0px;
background: #EEFFDC;
padding: 4px;
border: 1px solid #FFB87A66;
display: inline-block;
border-radius: 6px 6px 6px 6px;
color: #76220e;
width: -moz-available;
}.yellow_decorate_text{
	    margin-top: 5px;
    margin-bottom: 5px;
    background: #fff3c1;
    Font-size: 13px;
    padding: 4px;
    border: 1px solid #ffe5bd;
    display: inline-block;
    border-radius: 0px 6px 6px 0px;
    color: #76220e;
}

.troyal
{
	width: 95%;
max-width: 450px;
background-color: #F3F3F3;
padding: 4px 0 5px;
text-align: center;
border-radius: 6px;
margin: 6px auto;
font-size: 13px;
color: #798592;
text-shadow: 1px 1px 0 #ECECEC;
border: 1px solid #dcdcdc;
}
.mf-online {
    width: auto;
    text-align: left;
    padding: 8px;
}.mf-online span.online_rm {
    background: #50cb06;
}
.mf-online span {
    position: relative;
    display: inline-block;
    background: #50cb06;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.mf-online .online_rm {
    color: #50cb06;
}.mf-online span.online_rm:before {
    border: 1px solid #50cb06;
}
.mf-online span:before {
    position: absolute;
    content: '';
    left: -4px;
    top: -4px;
    width: 24px;
    height: 24px;
    border: 1px solid #50cb06;
    border-radius: 50%;
}.phr{
	    border-top: 0px dashed rgba(0,0,0,.09);
    border-bottom: 1px dashed #c9c9c9;
    margin: 4px;
}


.table_buy_reg{
    max-width: 700px;
    min-width: 350px;
    width: 100%;
    font-size: 14px;
    border: 1px solid #E6E6E6;
    margin: auto;
	border-collapse: collapse;
}
.table_buy_reg tr {
    border-top: 1px solid #E6E6E6;
}
.table_buy_reg td {
    padding: 5px;
    border-right: 1px solid #E6E6E6;
}
.table_buy_reg thead > tr > th {
    padding: 5px;
    border-right: 1px solid #E6E6E6;
}
.table_buy_reg td > a{
}
.table_buy_reg td.buy:hover {
    background: #eaeaea;
}
.table_buy_reg td.buy a:hover {
    background: none;
	color: #0e63b8;
}
.table_buy_reg tr.info td {
    background: #fff9c6;
	font-weight:bold;
	text-align:center;
}
.table_buy_reg tr.info th {
    background: #fff9c6;
	text-align:center;
}.MrRoyal_Animation_Bg1 {
    background: linear-gradient(271deg, #ee961d, #d21af0);
    background-size: 400% 400%;

    -webkit-animation: MrRoyal_Animation_1 13s ease infinite;
    -moz-animation: MrRoyal_Animation_1 13s ease infinite;
    -o-animation: MrRoyal_Animation_1 13s ease infinite;
    animation: MrRoyal_Animation_1 13s ease infinite;
}

@-webkit-keyframes MrRoyal_Animation_1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@-moz-keyframes MrRoyal_Animation_1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@-o-keyframes MrRoyal_Animation_1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@keyframes MrRoyal_Animation_1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}

#noInternetConnection{
    position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8); /* Yarı saydam siyah arka plan */
            color: white;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            z-index: 1000;
}

@keyframes RmGrOne {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}.YellowButton {
box-shadow: 0px 1px 0px 0px #fff6af;
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    background-color: #ffec64;
    border-radius: 4px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-size: 11px;
    font-weight: 100;
    padding: 0px 4px;
}
.YellowButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.YellowButton:active {
	position:relative;
	top:1px;
}.GreenButtonRm {
box-shadow: inset 0px 1px 0px 0px #9acc85;
background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
  background-color: rgba(0, 0, 0, 0);
background-color: #74ad5a;
border: 1px solid #3b6e22;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 11px;
padding: 1px;
}
.GreenButtonRm:hover {
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	background-color:#68a54b;
}
.GreenButtonRm:active {
	position:relative;
	top:1px;
}

.MafiaMessageBox {
display: none;
position: fixed;
bottom: 122px;
right: 20px;
width: 300px;
background-color: #f8f9fa;
border: 1px solid #ced4da;
border-radius: 5px;
padding: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
z-index:1000;
}
.MafiaMessageBoxClose {
    background: none;
    border: none;
    color: #dc3545;
    font-size: 16px;
    cursor: pointer;
    float: right;
}.MafiaMessageBox h3 {
    margin: 0 0 10px 0;
}.MafiaMessageBoxNotification {
position: fixed;
    bottom: 70px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgb(0 0 0 / 30%);
	z-index: 1000;
}

.MafiaMessageBoxBadge {
    font-size: 16px;
}.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}