@import "fonts.css";
.bar a,.menu a{text-decoration:none}
body{color:#484747;font-family:arial;font-size:13px;line-height:20px;min-width:320px;margin:auto;
    background: linear-gradient(90deg, #cfecd0, #ffc5ca);
}
#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(135deg,rgb(78 78 78) 26%,rgb(89 92 94) 50%,rgb(255 76 76) 60%) #ddd1f8;
color:#fff;position:relative;z-index:2}


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


.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.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{text-align:right;box-shadow:0 -1px 9px rgba(0,0,0,.5); padding: 8px;}.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:#FBFBFB;border:1px dotted #e5e5e5;padding:2px}
.links:hover{background:#edecec}.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 #dfdfdf;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{
	
	    margin-bottom: 2px;
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #375676;
    padding: 5px;
    border-radius: 5px;

}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;border:1px solid #964eaa;
Background: #964eaa;padding: 5px;}a.button{padding:.3em}a.button:hover,input[type=submit]:hover{background:#964eaa;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 #fff;}
.events td:first-child{border-left:none}
.events td a{display:block;text-align:center;padding:9px;cursor:pointer}
.events td a.active,.events td a:hover{}
.events td.main.f3{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:#EFFFEF;padding:8px;border-left:1px solid #D3E0D0;border-right:1px solid #D3E0D0;color:#7D7D7D;font-weight:600;text-align:left;	border-bottom:1px solid #C1C1C1}
	.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;
}

.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;
  }
}.tdFuncs{
    background: #eee;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
	display:table-cell;
	width: 32%;
	margin-right: 3px;
	cursor: pointer;
    color: #444;
	
}.tdFuncs:hover{
	background: #eee;
}.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;
}#title-one{
	background-color: #ebf3fe;
    background-repeat: repeat-x;
    border: 1px solid #DADFE4;
    border-radius: 4px;
    margin: 4px 4px 1px 1px;
    padding: 4px;
}#title-two{
	    background: #fdfdfa;
    padding: 2px;
    border: 1px solid #FFFFFF;
}	.load_shows {
    display: table;
	width: 100%;
    background: url(img/1.png);
    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;

}.mains{
	cursor: default;
    padding: 2px 5px;
    background: #eee;
    border: 1px solid #d3d3d3;
    color: #444;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}