@import "fonts.css";
.bar a,.menu a{text-decoration:none}
body{color:#6e6963;font-family:arial;font-size:13px;line-height:20px;min-width:320px;margin:auto;
background: linear-gradient(90deg, #2e3138, #2e3138);
}
#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: #2e3138;
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:#949ba8}
.menu.f1{padding:20px 0 6px}
.menu-f1,.menu.f1 table.submit{padding:6px 6px 0}
.bars,.mlink,.sms{border: 1px solid #6e696361;
    border-bottom-style: none;
    padding: 6px;
    background: #2e3138;}
.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 #24303e}
.cmy{background:#24303e;

margin: 2px;
    border-radius: 2px;
}.cyou{background:#24303e;
margin: 2px;
    border-radius: 2px;

} 
.call{
	border: 1px solid #6e696361;
	margin: 2px;
    border-radius: 0px;
	background: #2e3138;

}.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); border-top: 4px solid #112f73; 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:#0e1621;border:1px dotted #2e3138;padding:2px}
.links:hover{background:#2e3138}.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}
 
input:focus,textarea:focus{background:#fff;border:1px solid #BCBCBC}
input,select,textarea{
	
margin-bottom: 2px;
    background: #4a5264;
    border: 1px solid #4a5264;
    color: #949ba8;
    padding: 5px;
    border-radius: 3px;

}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 #4a5264;
    Background: #4a5264;



padding: 5px;
}a.button{padding:.3em}a.button:hover,input[type=submit]:hover{background:#4a5264;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-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:#005d4b}
.ajax_message .position-yousms .yousms{background-color:#353535}@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 #2b2b2b;}
.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{background: #292929;    opacity: 0.4;}
.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 #273241;
    box-shadow: none;
    border-top: none;
    background: #16181d;
    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:#2569ae;background-image:-webkit-linear-gradient(top,#2569ae 0,#2569ae 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: #2e3138;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #6e604c59;
    border-radius: 5px;
    display: table-cell;
    width: 32%;
    margin-right: 3px;
    cursor: pointer;
    color: #444;
}.tdFuncs:hover{
	background: #2e313896;
}.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(css/ics/85ecdf1c3611ecc9b7fa85282d9526e0.jpg);
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
	background-size: contain;
	}
	
	.position-mysms {
    text-align: right;
	}


.mysms, .yousms {
    color: #343434;
    border: none;
    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: #005d4b;
}
.yousms {
    background-color: #353535;
}
.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: 6px 5px;
    background: #2e3138;
    border: 1px solid #35455c6b;
    color: #6e6963;
    border-radius: 1px;
    text-align: center;
    font-weight: bold;
}#title-one {
    background-color: #2e3138;
    background-repeat: repeat-x;
    border: 1px solid #151f2b;
    border-radius: 4px;
    margin: 4px 4px 1px 1px;
    padding: 1px;
}#title-two {
    background: #2e3138;
    padding: 2px;
    border: 1px solid #2e3138;
}hr {
    margin-top: 4px;
    margin-bottom: 6px;
    border-bottom: 1px solid #2e3138;
    border-top-style: none;
    border-top-width: 0;
    border-right-style: none;
    border-right-width: 0;
    border-left-style: none;
    border-left-width: 0;
}.enterMenu {
    border: 1px solid #1e242bbd;
    padding: 3px;
}.b {
    padding: 6px;
    background: #2e3138;
    border: 1px solid #2e3138;
    box-shadow: 0 1px 2px rgb(0 0 0 / 30%);
	border-radius: 0px;
}.a {
    background-color: #454a54;
    background-repeat: repeat-x;
    border: 1px solid #2e3138;
border-radius: 0px;
    margin: 4px 4px 1px 1px;
    padding: 2px;
    margin-right: auto;
}.linkmenu {
cursor: pointer;
    display: inline-block;
    padding: 2px 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 5px;
    background: #2e3138;
    border: 1px solid #474648;
    color: #444;
    border-radius: 3px;
}.menu a:hover {
    background: none;
    color: #fff;
    text-decoration: none;
}.p2{
	background: #2e3138;
    color: #476098;
    padding: 4px;
    display: block;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #0e1621;
}.info_fon {
    display: inline-block;
    background-color: #2e3138;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
}