.mcenter.nav {
  text-align: center;
}
a.nums {
  display: inline-block;
  background: #55a2ef;
  color: white;
  width: 20px;
  border-radius: 50px;
  text-align: center;
  padding: 4px;
}
b.nums {
  display: inline-block;
  background: #30659b;
  color: white;
  width: 20px;
  border-radius: 50px;
  text-align: center;
  padding: 4px;
}
.room{cursor:pointer;display:inline-block;padding:3px 5px;margin-top: 5px;margin-bottom: 5px;margin-right: 4px;margin-left: 1.5px;background:#eee;border:1px solid #d8d8d8;font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#444;-webkit-border-radius: 3px;border-radius: 3px;}.room:active{position:relative;top:1px;}
.room:hover {
    color: #fff;
    background: #0e63b8;
}.room a{
	color:white;
}
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;

}



abbasoffhr{

	margin-top: 4px;

margin-bottom: 6px;

border-bottom: 1px solid #f9f9f9;

border-top-style: none;

border-top-width: 0;

border-right-style: none;

border-right-width: 0;

border-left-style: none;

border-left-width: 0;

	

}
.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;

  }

}

.abbasoff_text_10 {
  background-image: linear-gradient(to left, blue,red,lime,orange,black,purple,indigo,peru);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: move 500s linear infinite;
}
@keyframes move {to {background-position: 5000vh;}}


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