/*********************
ball content wrapper
**********************/
.wp-chatbot-container {
/*width: 370px;*/
display: table;
border-radius: 5px;
box-shadow: 0 5px 40px rgba(0, 0, 0, .10);
background: url("../../images/defult-bg.jpg") no-repeat bottom center;
background-size: cover;
}
/******************************
wp Chat bot Message container
*********************************/
.wp-chatbot-header {
background-color: rgba(0, 0, 0, 0.55);
}
.wp-chatbot-header h3 {
color: #ffffff;
font-size: 18px !important;
letter-spacing: 1px;
}
.wp-chatbot-cart-container > div > p {
color: #ffffff;
}
ul.wp-chatbot-messages-container {
padding: 0;
margin: 0;
}
ul.wp-chatbot-messages-container > li:first-child .wp-chatbot-agent {
display: none !important;
}
ul.wp-chatbot-messages-container > li, .wp-chatbot-agent-profile {
padding-left: 22px;
font-size: 14px;
}
ul.wp-chatbot-messages-container > li .wp-chatbot-comment-loader {
margin: 0 auto;
display: block;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-avatar, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar {
position: absolute;
top: 0;
left: 0;
z-index: 2;
border-radius: 50%;
overflow: hidden;
border: 2px solid rgba(255, 255, 255, 0.62);
background-color: #70aca9;
width: 40px;
height: 40px;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-agent, ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph, .wp-chatbot-agent-profile .wp-chatbot-bubble, .wp-chatbot-widget-agent {
display: table;
position: relative;
padding-left: 30px;
padding-right: 10px;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-agent, .wp-chatbot-widget-agent {
display: table !important;
padding-top: 2px;
padding-bottom: 2px;
background-color: #ffffff;
font-size: 10px;
line-height: 12px;
border-radius: 10px 10px 0px 10px;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph, .wp-chatbot-agent-profile .wp-chatbot-bubble {
padding-top: 8px;
padding-bottom: 8px;
background-color: #286188;
color: #ffffff;
font-size: 14px;
line-height: 20px;
border-radius: 10px;
}
ul.wp-chatbot-messages-container > li.wp-chat-user-msg > .wp-chatbot-paragraph {
background-color: #3a98d8;
}
ul.wp-chatbot-messages-container > li.wp-chat-user-msg::before {
left: 19px;
}
ul.wp-chatbot-messages-container > li.wp-chatbot-msg-flat {
color: #ffffff;
}
/*******************************
wp Chat bottom Tab Nav Editor
**********************************/
.wp-chatbot-tab-nav {
background-color: rgba(0, 0, 0, 0.55);
}
.wp-chatbot-tab-nav ul li a {
background-color: #000000;
}
.wp-chatbot-tab-nav ul li:before {
background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.55) 50%);
background-size: 200%, 100%;
border-radius: 30px 30px 0 0;
height: 10px;
}
/*******************************
wp Chat bot Message Editor
**********************************/
.wp-chatbot-editor-container {
border-top: 1px solid #ccc;
}
.wp-chatbot-editor-container input, .wp-chatbot-editor-container input:focus {
color: #ffffff;
}
.wp-chatbot-editor-container input::placeholder {
color: #ffffff;
}
.wp-chatbot-editor-container input::-webkit-input-placeholder {
color: #ffffff;
}
.wp-chatbot-editor-container input::-moz-placeholder {
color: #ffffff;
}
.wp-chatbot-editor-container input:-ms-input-placeholder {
color: #ffffff;
}
.wp-chatbot-editor-container input:-moz-placeholder {
color: #ffffff;
}
/**************Tab Feature Product***************/
.wp-chatbot-agent-profile {
position: relative;
box-sizing: border-box;
word-wrap: break-word;
list-style: none;
display: block;
clear: both;
line-height: 150%;
min-height: 50px;
margin: 0 0 10px 0;
}
.wp-chatbot-widget-title {
color: #ffffff;
text-align: center;
padding-bottom: 10px;
}
/****************************
Loading
*******************************/
ul.wp-chatbot-messages-container > li .wp-chatbot-paragraph img.wp-chatbot-comment-loader {
background-color: #fff;
padding: 1px;
border-radius: 5px;
margin: 0 auto;
display: block;
}
/************Link Item*************/
span.qcld-chatbot-product-category,
span.qcld-chatbot-support-items,
span.qcld-chatbot-wildcard,
span.qcld-chatbot-suggest-email,
span.qcld-chatbot-reset-btn,
#wp-chatbot-loadmore {
color: #0a2d2b;
background-image: linear-gradient(to right, #868afa 0%, #8fd3f4 51%, #2faafa 100%);
background-size: 200% auto;
box-shadow: 0 5px 5px #464646;
border: 1px solid #ffffff;
}
span.qcld-chatbot-product-category:hover,
span.qcld-chatbot-support-items:hover,
span.qcld-chatbot-wildcard:hover,
span.qcld-chatbot-suggest-email:hover,
span.qcld-chatbot-reset-btn:hover,
#wp-chatbot-loadmore:hover {
background-position: right center;
box-shadow: none;
}
/**************Tab Cart***************/
.wp-chatbot-cart-header {
background-color: #F5F5F5;
}
.wp-chatbot-cart-single {
background-color: rgba(245, 245, 245, 0.4);
border-bottom: 1px solid #dddddd;
}
.wp-chatbot-cart-single:nth-child(2n+1) {
background-color: rgba(245, 245, 245, 0.5);
}
.wp-chatbot-cart-footer div a {
text-decoration: none;
background: #36d67c;
color: #ffffff;
}
.wp-chatbot-cart-footer div a:hover, .wp-chatbot-cart-footer div:last-child a {
background: #2fb96b;
}
.wp-chatbot-widget-bubble {
padding-left: 10px;
padding-right: 10px;
}
/****** Product Details*******/
.wp-chatbot-product-details {
box-shadow: 0 0 10px #ccc;
background-color: #f5f5f5;
}
.wp-chatbot-product-cart-button input[type="button"], #wp-chatbot-loadmore {
border: 1px solid #36d67c;
background: #36d67c;
color: #ffffff;
box-shadow: 0 0 2px #999;
}
.wp-chatbot-product-cart-button input[type="button"]:hover, #wp-chatbot-loadmore:hover {
background: #2fb96b;
color: #ffffff;
}
/*************************
Right-to-left text direction
**************************/
.wp-chatbot-rtl {
text-align: right;
direction: RTL;
}
.wp-chatbot-rtl ul.wp-chatbot-messages-container > li, .wp-chatbot-rtl .wp-chatbot-agent-profile {
padding: 0 10px 0 0;
}
.wp-chatbot-rtl ul.wp-chatbot-messages-container > li > .wp-chatbot-agent,
.wp-chatbot-rtl ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph,
.wp-chatbot-rtl .wp-chatbot-agent-profile .wp-chatbot-bubble, .wp-chatbot-rtl .wp-chatbot-widget-agent {
display: table;
position: relative;
padding-left: 10px;
padding-right: 30px;
}
.wp-chatbot-rtl ul.wp-chatbot-messages-container > li > .wp-chatbot-avatar,
.wp-chatbot-rtl .wp-chatbot-agent-profile .wp-chatbot-widget-avatar {
top: 0;
left: auto;
right: 0;
}
.wp-chatbot-rtl .wp-chatbot-editor-container input {
text-align: right;
direction: RTL;
}
.wp-chatbot-rtl .wp-chatbot-products-area ul li:nth-child(2n+2) {
margin: auto;
}
.wp-chatbot-rtl .wp-chatbot-products-area ul li {
margin: 1%;
vertical-align: middle;
}
@media screen and (max-width: 1024px ) {
.wp-chatbot-mobile-full-screen .wp-chatbot-container {
display: block;
}
}
ما بقاش الذكاء الاصطناعي مجرد خيال علمي أو تطور مستنيينه في المستقبل… لأ، ده بقى واقع عايشينه كل يوم، وبيأثر بشكل مباشر على شغلنا، ومهاراتنا، وحتى على الوظايف نفسها. في الفيديو ده، هنتكلم عن إزاي الذكاء الاصطناعي قلب موازين سوق العمل، إيه المهن اللي بدأت تختفي، وإيه اللي طلع جديد، وإزاي نجهز نفسنا للمستقبل اللي بدأ خلاص.