/* your custom style here */

.my_text {
    position:relative;
    padding:5px 10px!important;
    border-radius:5px;
    min-width:200px;
    background:#f5f5f5;
    display: table !important;
    overflow: visible;
}
.my_text::before {
    content:" ";
    position:absolute;
    right:-19px;
    top:12px;
    color:#fff;
    width:0;
    height:0;
    border:10px solid #000;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent
}
.my_text.chatbox-red::before {
    border-left-color:#f3d5d5
}
.my_text.chatbox-green::before {
    border-left-color:#e9f4d4
}
.my_text.chatbox-blue::before {
    border-left-color:#d5eef5
}
.my_text.chatbox-purple::before {
    border-left-color:#e9dcee
}
.my_text.chatbox-orange::before {
    border-left-color:#f3e6d4
}
.my_text.chatbox-black::before {
    border-left-color:#636363
}
.my_text.chatbox-pink::before {
    border-left-color:#fad5f6
}
.my_text.chatbox-Yellow::before {
    border-left-color:#ffdbc8
}
.my_text.chatbox-olive::before {
    border-left-color:#e6ede3
}
.my_text.chatbox-Gray::before {
    border-left-color:#dfdfdf
}
.my_text.chatbox-black2::before {
    border-left-color:#fce4ec;
}

.my_text.chatbox-black3::before {
    border-left-color:#f8bbd0;
}
.my_text.chatbox-black4::before {
    border-left-color:#ffecb3;
}
.my_text.chatbox-black5::before {
    border-left-color:#ffcdd2;
}
.my_text.chatbox-black6::before {
    border-left-color:#d1c4e9;
}
.my_text.chatbox-Amber::before {
    border-left-color:#e1bee7;
}
.my_text.chatbox-Amber1::before {
    border-left-color:#e0e0e0;
}
.my_text.chatbox-Amber2::before {
    border-left-color:#ffcdd2;
}
.my_text.chatbox-yellow::before {
    border-left-color:#fffde7;
}
.my_text.chatbox-cyan::before {
    border-left-color:#e0f7fa;
}
.my_text.chatbox-lime::before {
    border-left-color:#f9fbe7;
}
.my_text.chatbox-teal::before {
    border-left-color:#e0f2f1;
}
.chatbox-black3 .cdate {
    color:#666666
}

.chatbox-black3 .username {
    color:#575757
}

.chatbox-black .username {
    color:#666666
}

.chatbox-black6 .cclear {
    color:#6a1b9a;
}

.chatbox-black5 .cclear {
    color:#c62828;
}


.chatbox-black4 .cclear {
    color:#5d4037;
}

.chatbox-green .rank-circle {
    display: none;
}

.chatbox-red .rank-circle {
    display: none;
}

.chatbox-blue .rank-circle {
    display: none;
}

.chatbox-purple .rank-circle {
    display: none;
}

.chatbox-orange .rank-circle {
    display: none;
}

.chatbox-pink .rank-circle {
    display: none;
}

.cclear {
    color:#999
}

.chatbox-black2 .username {
    color:#ff0000;
    border-bottom: 2px dotted red;
  border-left: 2px dotted red;
  border-radius: 20px 0px 0px 20px;
  padding: 0px 0px 0px 3px;
} 

.chatbox-black .cdate {
    color:#666666
}

.chatbox-pink .username {
    color:#575757
}
.chatbox-pink .cdate {
    color:#575757
}

.chatbox-red {
    background-color:#f3d5d5 !important;
    box-shadow: 0px 1px 3px rgba(204, 0, 1, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-green {
    background-color:#e9f4d4 !important;
    box-shadow: 0px 1px 3px rgba(61, 92, 0, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-blue {
    background-color:#d5eef5 !important;
    box-shadow: 0px 1px 3px rgba(1, 105, 140, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-purple {
    background-color:#e9dcee !important;
    box-shadow: 0px 1px 3px rgba(154, 51, 204, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-orange {
    background-color:#f3e6d4 !important;
    box-shadow: 0px 1px 3px rgba(159, 84, 1, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-black {
     background: #636363;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
     border-left: 4px solid #4a4a4a;
     border-radius: 5px;
     padding: 5px 10px;
}

.chatbox-black2 {
     background: linear-gradient(to left, #f3e5f5, #fce4ec);
     border-left: 4px solid #e1bee7;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
     border-radius: 5px;
     padding: 5px 10px;
}

.chatbox-black3 {
     background: linear-gradient(to left, #fce4ec, #f8bbd0);
     border-left: 4px solid #f48fb1;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
     border-radius: 5px;
     padding: 5px 10px;
}

.chatbox-pink {
    background-color:#fad5f6 !important;
    box-shadow: 0px 1px 3px rgba(171, 18, 166, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-Yellow {
    background-color:#ffdbc8 !important;
    box-shadow: 0px 1px 3px rgba(245, 127, 23, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-olive {
    background-color:#e6ede3 !important;
    box-shadow: 0px 1px 3px rgba(130, 119, 23, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-Gray {
    background-color:#dfdfdf !important;
    box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-red-text {
    color:#c62828;
}
.chatbox-green-text {
    color:#2e7d32;
}
.chatbox-blue-text {
    color:#1565c0;
}
.chatbox-purple-text {
    color:#7b1fa2;
}
.chatbox-orange-text {
    color:#e65100;
}
.chatbox-black-text {
    color:#888
}
.chatbox-black2-text {
    color:#ff0000
}
.chatbox-black3-text {
    color:#ff0000
}
.chatbox-pink-text {
    color:#ad1457;
}
.chat_message {

    font-weight: bold;
}
.chatbox-red-text-border {
    border:2px solid;
    border-color:#cc0001
}
.chatbox-green-text-border {
    border:2px solid;
    border-color:#3d5c00
}
.chatbox-blue-text-border {
    border:2px solid;
    border-color:#01698c
}
.chatbox-purple-text-border {
    border:2px solid;
    border-color:#9a33cc
}
.chatbox-orange-text-border {
    border:2px solid;
    border-color:#9f5401
}
.chatbox-black-text-border {
    border:2px solid;
    border-color:#000;
    box-shadow: 0px 0px 1px #000000, 0px 0px 4px #000000, 0px 0px 5px #000000;
}

.chatbox-pink-text-border {
    border: 2px solid;
    border-color:#e600ff
}

.chatbox-black2-text-border {
    border:2px solid;
    border-color:#ff0000;
    box-shadow: 0px 0px 1px #ff0000, 0px 0px 4px #ff0000, 0px 0px 5px #ff0000;
}

.chatbox-black3-text-border {
    border:2px solid;
    border-color:#FD62BE;
    border-radius: 18%; 
    box-shadow: 0px 0px 1px #FD62BE, 0px 0px 4px #FD62BE, 0px 0px 5px #FD62BE;
}

.chatbox-black4 .username {
    color:#5d4037;
} 

.chatbox-black4 {
     background: linear-gradient(to left, #fff8e1, #ffecb3);
     border-left: 0px solid #ffe082;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
     border-radius: 5px;
     padding: 5px 10px;
}

.chatbox-black4-text {
    color:#5d4037;
}

.chatbox-black4-text-border {
    border:2px solid;
    border-color:#CC9835;
    border-radius: 18%; 
    box-shadow: 0px 0px 1px #CC9835, 0px 0px 4px #FFEDA5, 0px 0px 5px #856211;
}

.chatbox-black5 .username {
    color:#c62828;
} 

.chatbox-black5 {
     background: linear-gradient(to left, #ffebee, #ffcdd2);
     border-left: 0px solid #ef9a9a;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
     border-radius: 5px;
     padding: 5px 10px;
}

.chatbox-black5-text {
    color:#c62828;
}

.chatbox-black5 .cdate {
    color:#c62828;
}

.chatbox-black5-text-border {
    border:2px solid;
    border-color:#d31027;
    border-radius: 18%; 
    box-shadow: 0px 0px 1px #d31027, 0px 0px 4px #ea384d, 0px 0px 5px #FD62BE;
}

.chatbox-black6 .username {
    color:#6a1b9a;
} 

.chatbox-black6 {
     background: linear-gradient(to left, #ede7f6, #d1c4e9);
     border-left: 0px solid #b39ddb;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
     border-radius: 5px;
     padding: 5px 10px;
}

.chatbox-black6-text {
    color:#6a1b9a;
}

.chatbox-black6 .cdate {
    color:#6a1b9a;
}

.chatbox-black6-text-border {
    border:2px solid;
    border-color:#7929FF;
    border-radius: 18%; 
    box-shadow: 0px 0px 1px #d823fd, 0px 0px 4px #7929FF, 0px 0px 5px #d823fd;
}

.chatbox-Amber {
    background-color:#e1bee7;
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-Amber-text {
    color:#7b1fa2;
}
.chatbox-Amber-text-border {
    border:2px solid;
    border-color:#A046E6;
    border-radius: 18%; 
    box-shadow: 0px 0px 1px #A046E6, 0px 0px 4px #7929FF, 0px 0px 5px #A046E6;
}
.chatbox-Amber .username {
    color:#7b1fa2;
    border-bottom: 2px dotted #7b1fa2;
    border-left: 2px dotted #7b1fa2;
  border-radius: 20px 0px 0px 20px;
  padding: 0px 0px 0px 3px;
}
.chatbox-Amber .cdate {
    color:#7b1fa2;
}
.chatbox-Amber .cclear {
    color:#7b1fa2;
}
.chatbox-Amber1 {
    background-color:#e0e0e0;
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-Amber1-text {
    color:#424242;
}
.chatbox-Amber1-text-border {
    border:2px solid;
    border-color:#000;
    border-radius: 18%; 
    box-shadow: 0px 0px 1px #000, 0px 0px 4px #000, 0px 0px 5px #000;
}
.chatbox-Amber1 .username {
    color:#424242;
    border-bottom: 2px dotted #424242;
    border-left: 2px dotted #424242;
  border-radius: 20px 0px 0px 20px;
  padding: 0px 0px 0px 3px;
}
.chatbox-Amber1 .cdate {
    color:#424242;
}
.chatbox-Amber1 .cclear {
    color:#424242;
}

.chatbox-Amber2 {
    background-color:#ffcdd2;
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-Amber2-text {
    color:#c62828;
}
.chatbox-Amber2-text-border {
    border:2px solid;
    border-color:#B71C1C;
    border-radius: 18%; 
    box-shadow: 0px 0px 1px #ff0000, 0px 0px 4px #B71C1C, 0px 0px 5px #ff0000;
}
.chatbox-Amber2 .username {
    color:#c62828;
    border-bottom: 2px dotted #c62828;
    border-left: 2px dotted #c62828;
  border-radius: 20px 0px 0px 20px;
  padding: 0px 0px 0px 3px;
}
.chatbox-Amber2 .cdate {
    color:#c62828;
}
.chatbox-Amber2 .cclear {
    color:#c62828;
}

/* ألوان إضافية للرسائل */
.chatbox-yellow {
    background-color:#fffde7 !important;
    box-shadow: 0px 1px 3px rgba(245, 127, 23, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-yellow-text {
    color:#f57f17;
}
.chatbox-yellow-text-border {
    border:2px solid;
    border-color:#f57f17;
}

.chatbox-cyan {
    background-color:#e0f7fa !important;
    box-shadow: 0px 1px 3px rgba(0, 96, 100, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-cyan-text {
    color:#00838f;
}
.chatbox-cyan-text-border {
    border:2px solid;
    border-color:#006064;
}


.chatbox-lime {
    background-color:#f9fbe7 !important;
    box-shadow: 0px 1px 3px rgba(130, 119, 23, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-lime-text {
    color:#827717;
}
.chatbox-lime-text-border {
    border:2px solid;
    border-color:#827717;
}

.chatbox-teal {
    background-color:#e0f2f1 !important;
    box-shadow: 0px 1px 3px rgba(0, 77, 64, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.chatbox-teal-text {
    color:#004d40;
}
.chatbox-teal-text-border {
    border:2px solid;
    border-color:#004d40;
}