.form-control::placeholder{text-align: right;}
.select2-container .select2-selection--single,.select2-container .select2-selection--multiple{
    height: calc(1.5em + .9rem + 2px);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 36px;direction: rtl;}
.select2-container{width: 100% !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {left: 1px;right: auto}
.el-select .el-tag__close.el-icon-close {  right: 0;  }
.el-select__tags {  right: 5px;  }
.el-select {  width: 100% !important;  }
.select2-container--default .select2-selection--multiple .select2-selection__choice{color: #333333;direction: rtl;}
/* #008B8B
rgba(0, 139, 139, 0.82)
rgba(0, 139, 139, 0.82) */
.left-side-menu {
    padding: 30px 0px !important;
}
.enlarged .left-side-menu {
    padding-top: 50px !important;
}
.enlarged .left-side-menu #sidebar-menu > ul > li:hover > a{
    background-color: #008B8B !important;
    color: #f1f5f7 !important;
}
.card, .rounded-c{
    border-radius: 10px !important;
}


/* .widget-chart *{
    color: #333333 !important;
} */
.widget-chart{
    border-radius: 15px;
    color: #333333 !important;
    box-shadow: 0px 1.75rem 2.5rem -32px rgba(0, 139, 139, 0.82);
    transition: 0.3s ease-in;
}
button, a{
    outline: unset !important;
    box-shadow: unset !important;
    /* : unset !important; */
}
.widget-chart:hover{
    box-shadow: 0px 1.75rem 2.5rem -20px rgba(0, 139, 139, 0.82);
}
.btn-primary{
    background: #008B8B !important;
    border-color: #008B8B !important;
}
.btn-second{
    background: rgba(166, 140, 255, 0.99) !important;
}
.bg-second{
    background: rgba(166, 140, 255, 0.99) !important;
}
a{
    color: rgba(166, 140, 255, 0.99) ;
}
.text-second{
    color: rgba(166, 140, 255, 0.99) !important;
}
.btn-primary:hover{
    background: #008B8B !important;
    border-color: #008B8B !important;
}
.border-type-dotted{
    border-color: #008B8B !important;
    border-style: dotted;
}
.widget-chart{
    min-height: 110px;
    border: 2px dotted #008B8B;
}
.rounded-15{
    border-radius: 15px;
}
.rounded-10{
    border-radius: 10px;
}

.border-dotted{
    border: 2px dotted #008B8B;
}
.pointer{
    cursor: pointer;
}
.product_card{
    transition: 0.3s all;
}
.product_card:hover{
    background: rgba(166, 140, 255, 0.7);
    color: #f1f5f7 !important;

}
.navbar-custom{
    /* border-radius: 0 0 10px 10px; */
}
.navbar-custom .logo-sm img{
    /* border-radius: 0 0 10px 0; */
}
.border-1px{
    border-width: 1px !important;
}
.product_icon{
    max-width: 50px;
    max-height: 50px;
    border-radius: 10px;
}
.loading_container{
    top: 0;
    left: 0;
    background: rgba(13, 13, 13, 0.15);
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    z-index: 1000;
}
.loading_box{
    background: rgb(255, 255, 255);
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 15px;
    display: flex;
}
.loading_box i{
    margin: auto;
}
.messages_container{
    max-height: 600px;
    overflow-y: auto;
}
.messages_container .message_datetime{
    direction: ltr !important;
    position: absolute;
    font-size: 12px;
}
.message_bubble.inbox{
    text-align: right;
    background-color: rgba(255, 159, 11, 0.52);
    border-radius: 10px 0px 10px 10px;

}
.message_bubble.empty{
    color: rgba(255, 255, 255, 0) !important;
    border-width: 0px;
}
.message_datetime.empty{
    color: rgba(255, 255, 255, 0) !important;
    border-width: 0px;
}
.message_datetime{
    margin-top: -35px;
}
.message_bubble{
    position: relative;
    text-align: right;
    min-height: 50px;
    border-radius: 0px 10px 10px 10px;
    /* background-color: rgba(134, 134, 134, 0.52); */
    align-content: center;
    padding: 5px;
    border: 2px dashed #008B8B;
    margin-bottom: 40px !important;

}
.message_bubble.inbox::after{
    display: none !important;
}
.message_bubble.inbox::before{
    display: flex !important;
    position: absolute;
    left: -19px;
    top: 40%;
    z-index: 1000;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #008B8B !important;
}
.message_bubble::before{
    display: none !important;
}
.message_bubble.empty::after{
    display: none !important;
}
.message_bubble::after{
    display: flex !important;
    position: absolute;
    right: -19px;
    top: 40%;
    z-index: 1000;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #8b8b8b;
}
.table-responsive{
    min-height: 50vh;
}
.news_timeline::-webkit-scrollbar {
  display: none;
}
.news_timeline {
  overflow-x: scroll;
  white-space: nowrap;
  transition: 3s all;
  scroll-behavior: smooth;
}
@media (max-width: 768px) {
    .sub_cats_select_box{
        overflow-x: auto;
        white-space: nowrap;
    }
    .bubbles_container{
        border: 0px solid transparent !important;
    }
    .message_bubble::after{
        display: none !important;
    }
    .message_bubble::before{
        display: none !important;
    }
    .message_bubble.inbox::after{
        display: none !important;
    }
    .message_bubble.inbox::before{
        display: none !important;
    }
    .message_bubble.empty{
        display: none !important;
    }
}
.fa-10px{
    font-size: 10px !important;
}
.fa-11px{
    font-size: 11px !important;
}
.fa-12px{
    font-size: 12px !important;
}
.fa-13px{
    font-size: 13px !important;
}
.mobile_navbar{
    bottom: 0 !important;
    top: unset !important;
    height: auto !important;
}

.text-muted, .text-secondary{
    color: #565758 !important;
}
body{
    color: #565758 !important;

}
.news_timeline::-webkit-scrollbar {
  display: none;
}
.news_timeline {
    -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */
}

@media (max-width: 768px) {
    .card-box{
        margin-bottom: 60px;
    }
}