/* your custom style here */
.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:#ece9ff
}
.my_text.chatbox-pink::before {
    border-left-color:#fad5f6
}

.my_text.chatbox-black2::before {
    border-left-color:#ece9ff
}

.chatbox-black .username {
    color:#666666
}
/*
.chatbox-black2 .cdate {
    color:#ff0000
}*/

.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
}
.chatbox-green {
    background-color:#e9f4d4
}
.chatbox-blue {
    background-color:#d5eef5
}
.chatbox-purple {
    background-color:#e9dcee
}
.chatbox-orange {
    background-color:#f3e6d4
}
.chatbox-black {
     background: linear-gradient(to left, #ece9ff, #fff);
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
     border-left: 5px solid #000;
}

.chatbox-black2 {
     background: linear-gradient(to left, #ece9ff, #D4B0FF);
     border-left: 5px solid #ff0000;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.chatbox-pink {
    background-color:#fad5f6
}
.chatbox-red-text {
    color:#cc0001
}
.chatbox-green-text {
    color:#3d5c00
}
.chatbox-blue-text {
    color:#01698c
}
.chatbox-purple-text {
    color:#9a33cc
}
.chatbox-orange-text {
    color:#9f5401
}
.chatbox-black-text {
    color:#ffffef
}
.chatbox-pink-text {
    color:#ab12a6
}
.chat_message {

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

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

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



body {
  user-select: none;
}
    
.video-container {
  position: relative;
  padding-bottom: 70%;
  height: 0;
    
}

.video-container video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
	
	
.video-js{
  position: absolute !important;
  height: 100%;
  width: 100%;
}


#chat_right_data::-webkit-scrollbar{display:none}#chat_right_data{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:.21em}::-webkit-scrollbar-thumb{background:#a4a4a4}*{scrollbar-width:thin}
	
.user-box {
  position: relative;
    
}

.user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #000000;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
    
    
}
.user-box label {
  position: absolute;
  top:-1px;
  left: 80%;
  padding: 5px 0;
  font-size: 15px;
  color: #545454;
  pointer-events: none;
  transition: .2s;
 
    
    
}

.user-box input:focus ~ label,
.user-box input:valid ~ label {
  top: -14px;
  left: 81%;
  color: #000000;
  font-size: 13px;
 
    
}

.k2_18 {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 15px;
}

.k2_11{width: 25px; height: 25px; padding-top:3px;}
.k2_2{border-radius: 50px; border:1px solid #000000!important; }
.disr {border-radius: 50px; border:0px solid #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);}
.k2_3{background:#fff}
.k2_4{ margin-right:-1%; margin-top:10%; color:#000000; font-size:15px;}
.k2_5{padding:25%;}
.k2_6{ margin-top:-15%; margin-right:88%;}
.k2_60ak{ position:sticky; margin-top:-15%; margin-right:88%;}
.ketoXx{padding-left:35%;}

.k2_12{border-radius: 50px;}
.k2_13{font-size:40px; position: absolute; margin-top:-85px;  margin-right:60px;}
.k2_14{width: 90px; height: 90px; margin-top:15px; margin-left:-25px;}
.ketoXxX{padding-top:3%; padding-right:35%;}


.k2_19{margin-right: 6%; margin-left: 6%; }

.k2user-box {
  position: relative;
    
}

.k2user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #000000;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
    
    
}
.k2user-box label {
  position: absolute;
  top:-1px;
  left: 90%;
  padding: 5px 0;
  font-size: 15px;
  color: #545454;
  pointer-events: none;
  transition: .2s;
 
    
    
}

.k2user-box input:focus ~ label,
.k2user-box input:valid ~ label {
  top: -14px;
  left: 91%;
  color: #000000;
  font-size: 13px;
    
}

.K2_AaA { display:table; table-layout:fixed; width:95%; }