/*************************************************/
/************** Start Global Styles **************/
/*************************************************/
/*:root{--whats-app-height:calc(100vh - 60px);}*/
:root{--whats-app-height:650px;}
.no-scrollbar,.hidden-scroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar,.hidden-scroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.check_similarity_container{position: fixed;top:9rem;left:-143px;transform: rotate(90deg);width: 50px;height: 300px;}
.check_similarity_container .similarity-button{background-color: rgb(168 85 247);height: 30px;width: 135px;color: #ffffff;}
/*************************************************/
/************** End Global Styles **************/
/*************************************************/
.z-max{z-index: 9999999999;}
.max-h-5-screen{max-height: 500vh;}
.important-inline-block{display: inline-block !important;}
.important-hidden{display: none !important;}
/*************************************************/
/************** Start WhatsApp Styles **************/
/*************************************************/
.whats-app-container{height: var(--whats-app-height);overflow: hidden}
.whats-app-container .whats-app-sidebar{width: 350px;box-shadow: 0 0 5px 0 rgba(21,21,21,.3);}
.whats-app-container .whats-app-content{
    box-shadow: 0 0 5px 0 rgba(21,21,21,.3);
    background: url(../photos/default_images/WhatsApp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    _background-size: 100% 100%;
    width: calc(100% - 350px);
}
.whats-app-container .users-list{height: calc(var(--whats-app-height) - 160px);margin-top: 1.25rem;overflow-y: auto;}
.whats-app-container .users-list .text-md{font-size: 16px;}

.whats-app-container .users-list::-webkit-scrollbar {display: none;}
.icon-rotate-135{ -ms-transform: rotate(-135deg);transform: rotate(-135deg);}
.icon-rotate-180{ -ms-transform: rotate(180deg);transform: rotate(180deg);}
.whats-app-container .users-list {-ms-overflow-style: none;scrollbar-width: none;}
.whats-app-container .message-container{height: 80px;margin: 0;}
.whats-app-container .message-container textarea{height: 80px;}
.whats-app-container .all-messages-container{margin-top:60px;height: calc(var(--whats-app-height) - 160px);overflow-y: auto;}
.whats-app-container .preview-files-container{position: absolute;top:60px;left:0;height: calc(var(--whats-app-height) - 160px);z-index: 1;}
.whats-app-container .preview-files-container .container-image{height: calc(var(--whats-app-height) - 260px);width: calc(100% - 100px);margin: 0 auto;text-align: center;display: flex;justify-content: center;}

.whats-app-container .all-messages-container::-webkit-scrollbar {width: 10px;}
.whats-app-container .all-messages-container::-webkit-scrollbar-track {background: #f1f1f1;}
.whats-app-container .all-messages-container::-webkit-scrollbar-thumb {background: #888;}
.whats-app-container .all-messages-container::-webkit-scrollbar-thumb:hover {background: #555;}
.whats-app-container .message-items{display: flex;flex-wrap: wrap;}
.whats-app-container .message-items .message-content{
    margin-top:3px;margin-bottom:3px;border-radius: 15px;width: calc(100% - 150px);
    border:1px solid rgb(113,113,122);/*rgb(113,113,122) || rgb(212, 212, 216)*/
    min-height: 100px;padding: 5px 10px;position: relative;
}
.whats-app-container .message-items .message-content .tools{position: absolute;top:10px;}

.whats-app-container .right-message{}
.whats-app-container .right-message .message-content{margin-right: 15px}
.whats-app-container .right-message .message-content .msg-header{}
.whats-app-container .right-message .message-content .tools{left:-30px;}
.whats-app-container .message-items .message-content .tools button{border-radius: 50%;border:1px solid rgb(113,113,122);color:rgb(113,113,122);width: 24px;height: 24px;font-size: 18px;}
.whats-app-container .message-items .message-content .tools button:hover{color: #ffffff;background-color: rgb(59,130,246);border-color: rgb(59,130,246)}


.whats-app-container .left-message{justify-content: flex-end}
.whats-app-container .left-message .message-content .tools{right:-30px;}
.whats-app-container .left-message .message-content{margin-left: 15px}
.whats-app-container .left-message .message-content .msg-header{flex-direction: row-reverse;}


.whats-app-container .all-images-preview::-webkit-scrollbar {width: 3px;height: 3px}
.whats-app-container .all-images-preview::-webkit-scrollbar-track {background: #f1f1f1;}
.whats-app-container .all-images-preview::-webkit-scrollbar-thumb {background: #888;}
.whats-app-container .all-images-preview::-webkit-scrollbar-thumb:hover {background: #555;}

.whats-app-container .content-image-with-caption{width: 300px;max-height: 300px;}
.whats-app-container .content-image-with-caption img{max-height: 300px;}

.infinite-loading {display: inline-block;position: relative;width: 40px;height: 40px;opacity: 0;}
.infinite-loading.show {opacity: 1;}
.infinite-loading div {display: inline-block;position: absolute;left: 4px;width: 8px;animation: infinite-loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;}
.infinite-loading div:nth-child(1) {left: 4px;animation-delay: -0.24s;}
.infinite-loading div:nth-child(2) {left: 16px;animation-delay: -0.12s;}
.infinite-loading div:nth-child(3) {left: 28px;animation-delay: 0s;}
@keyframes infinite-loading { 0% {top: 4px;height: 32px;} 50%, 100% {top: 12px;height: 16px;} }

.max-w-full-16 {max-width: calc(100% - 64px);}
.whats-app-container .reply-container{position: absolute;bottom: 97px;right:0;width: 100%;height: 70px;overflow: hidden;padding-right: 15px;}
.whats-app-container .inner-reply-container{width:100%;_height: 100px;overflow: hidden;padding:0 15px 8px 0;}




/*#groupSidebarContainer ul{list-style: none;padding: 0;margin-top: 75px;}*/
/*#groupSidebarContainer li{text-align: center;text-transform: uppercase;height: 70px;line-height: 70px;*/
/*    margin: 15px 0;color: white;cursor: pointer;background-color: #00936E;font-size: 1em;letter-spacing: 0.2em;transition: all 0.25s;}*/
/*#groupSidebarContainer li:hover{background-color: white;color: black;letter-spacing: 0.3em;font-size: 1.5em}*/
#groupSidebarContainer{width: 400px;height: 100%;top: 0;left: -400px;overflow:hidden;box-shadow: 5px 5px 10px grey;position: absolute;z-index: 11;opacity: 0;transition: all 0.25s;-webkit-transition: all 0.25s;}
/*#exit{transition: all 0.25s;-webkit-transition: all 0.25s;}*/
/*#exit:hover{color:#FF9900;}*/
#groupSidebarContainer.enter{opacity: 1;left: 0;}
#groupSidebarContainer .list-users{height: calc(100% - (3.5rem + 39px));overflow-y: auto;padding-bottom: 15px;}

.whats-app-notification-container .mini-content{
    background: url(../photos/default_images/WhatsApp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;overflow-y: auto;overflow-x: hidden;
}
.whats-app-notification-container .mini-content .message-item{
    border:1px solid #1a202c;border-radius: 10px;margin: 4px 0;display: flex;
    width: 85%;text-align: right;padding: 5px 8px;direction: rtl;flex-wrap: wrap;
}
.whats-app-notification-container .mini-content .left-message{
    direction: ltr;flex-direction: row-reverse;text-align: right;
}
.whats-app-notification-container .message-container{height: 50px;}
.whats-app-notification-container .message-container textarea{height: 50px;}
/*.whats-app-notification-container .header-item{height: 46px;}*/
.whats-app-notification-container .users-item{width: 46px;height: 46px;border:3px solid #e4e4e7;border-radius: 50%;position: absolute;top:0;
display: flex;align-items: center;justify-content: center;}
.whats-app-notification-container .users-item img{width: 40px;height: 40px;border-radius: 50%;}
.whats-app-notification-container .users-item.user_item_0{right:0;z-index: 15}
.whats-app-notification-container .users-item.user_item_1{right:25px;z-index: 14}
.whats-app-notification-container .users-item.user_item_2{right:50px;z-index: 13}
.whats-app-notification-container .users-item.user_item_3{right:75px;z-index: 12}
.whats-app-notification-container .users-item.user_item_4{right:100px;z-index: 11}
.whats-app-notification-container .users-item.user_item_5{right:125px;z-index: 10}
.whats-app-notification-container .users-item.user_item_6{right:150px;z-index: 9}
.whats-app-notification-container .users-item.user_item_7{right:175px;z-index: 8}
.whats-app-notification-container .users-item.user_item_8{right:200px;z-index: 7}
.whats-app-notification-container .users-item.user_item_9{right:225px;z-index: 6}
.whats-app-notification-container .users-item.user_item_10{right:250px;z-index: 5}
.whats-app-notification-container .users-item.user_item_11{right:275px;z-index: 4}
.whats-app-notification-container .users-item.user_item_12{right:300px;z-index: 3}
.whats-app-notification-container .users-item.user_item_13{right:325px;z-index: 2}
.whats-app-notification-container .users-item.user_item_14{right:350px;z-index: 1}
.whats-app-notification-container .users-item.active{z-index: 20 !important;border:3px solid #60a5fa !important;}
.chatNoticeContainer .svg-icon{box-shadow: 0 0 5px 2px #ffffff;}
/*************************************************/
/************** End WhatsApp Styles **************/
/*************************************************/

/*************************************************/
/************** Start Coding Styles **************/
/*************************************************/
.treeview .btn-default {border-color: #e3e5ef;}
.treeview .btn-default:hover {background-color: #f7faea;color: #bada55;}
.treeview ul {list-style: none;padding-right: 32px;}
.treeview ul li {padding: 50px 35px 0px 0px;position: relative;}
.treeview ul li:before {content: "";position: absolute;top: -26px;right: -31px;border-right: 2px dashed #a2a5b5;width: 1px;height: 100%;}
.treeview ul li:after {content: "";position: absolute;border-top: 2px dashed #a2a5b5;top: 70px;right: -30px;width: 65px;}
.treeview ul li:last-child:before {top: -22px;height: 90px;}
.treeview > ul > li:after, .treeview > ul > li:last-child:before {content: unset;}
.treeview > ul > li:before {top: 90px;right: 36px;}
.treeview > ul > li:not(:last-child) > ul > li:before {content: unset;}
/*.treeview > ul > li > .treeview__level:before {height: 60px;width: 60px;top: -9.5px;background-color: #54a6d9;border: 7.5px solid #d5e9f6;font-size: 22px;}*/
.treeview > ul > li > .treeview__level:before {height: 60px;width: 60px;top: -4.5px;background-color: #54a6d9;border: 7.5px solid #d5e9f6;font-size: 22px;}
.treeview > ul > li > .treeview__level > .level-title-before {height: 60px !important;width: 60px !important;top: -4.5px ;background-color: transparent;font-size: 22px;}
.treeview > ul > li > ul {padding-right: 34px;}
.treeview__level {padding: 7px;padding-right: 42.5px;display: inline-block;border-radius: 5px;font-weight: 700;border: 1px solid #e3e5ef;position: relative;z-index: 1;}
/*.treeview__level:before {content: attr(data-level);position: absolute;right: -27.5px;top: -6.5px;display: flex;align-items: center;justify-content: center;height: 55px;width: 55px;border-radius: 50%;border: 7.5px solid #eef6d5;background-color: #bada55;color: #fff;font-size: 20px;}*/
.treeview__level:before {content: attr(data-level);position: absolute;right: -27.5px;top: -3.5px;display: flex;align-items: center;justify-content: center;height: 55px;width: 55px;border-radius: 50%;border: 7.5px solid #eef6d5;background-color: #bada55;color: #fff;font-size: 20px;}
.level-title-before{position: absolute;right: -27.5px;top: -6.5px;display: flex;align-items: center;justify-content: center;height: 55px;width: 55px;border-radius: 50%;font-size: 20px;background-color: transparent;}
.level-title-before:hover{cursor: pointer;}
.treeview__level-btns {margin-right: 15px;display: inline-block;position: relative;}
.treeview__level-btns .sub-menu-three-view{position: absolute;width: 200px;border:1px solid #a2a5b5;background-color: #ffffff;top:0px;right: 100%;_z-index: 50;}
.treeview__level .level-same, .treeview__level .level-sub {position: absolute;display: none;transition: opacity 250ms cubic-bezier(0.7, 0, 0.3, 1);}
.treeview__level .level-same.in, .treeview__level .level-sub.in {display: block;}
.treeview__level .level-same.in .btn-default, .treeview__level .level-sub.in .btn-default {background-color: #faeaea;color: #da5555;}
.treeview__level .level-same {top: 0;right: 45px;}
.treeview__level .level-sub {top: 42px;right: 0px;}
.treeview__level .level-remove {display: none;}
.treeview__level.selected {background-color: #f9f9fb;box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);}
.treeview__level.selected .level-remove {display: inline-block;}
.treeview__level.selected .level-add {display: none;}
.treeview__level.selected .level-same, .treeview__level.selected .level-sub {display: none;}
.treeview .level-title {_cursor: pointer;user-select: none;}
/*.treeview .level-title:hover {text-decoration: underline;}*/
.treeview--mapview ul {justify-content: center;display: flex;}
.treeview--mapview ul li:before {content: unset;}
.treeview--mapview ul li:after {content: unset;}
/*************************************************/
/**************** End Coding Styles **************/
/*************************************************/
.modal-gallery-current-items{max-width: 1200px;height: calc(100vh - 12rem);}


/**************************************************************/
/************  Start Change Default Alert Confirm  ************/
/**************************************************************/
#changeDefaultAlertConfirmCoaddNewItemToGalleryntainer {--main-color:rgb(225, 29, 72);direction: rtl;background-color:rgba(0, 0, 0, 0.3);position:absolute;top:0;width:100%;height:100%;left:0px;z-index:10000;/*background-image:url(tp.png);*/ /* required by MSIE to prevent actions on lower z-index elements */}
#changeDefaultAlertConfirmContainer .alertBox {position:relative;width:33%;min-height:100px;max-height:400px;margin-top:50px;border:1px solid #fff;background-color:#fff;background-repeat:no-repeat;top:30%;border-radius: 8px;overflow: hidden;}
#changeDefaultAlertConfirmContainer > .alertBox {position:fixed;}
#changeDefaultAlertConfirmContainer .alertBox h1 {margin:0;font-weight:bold;font-size:1rem;background-color:var(--main-color);color:#FFF;border-bottom:1px solid var(--main-color);padding:10px 15px;}
#changeDefaultAlertConfirmContainer .alertBox p {padding-left:5px;padding-top:30px;text-align:center;vertical-align:middle;}
#changeDefaultAlertConfirmContainer .alertBox .buttons-box {display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 20px;}
#changeDefaultAlertConfirmContainer .alertBox .alertBtn {display:inline-block;position:relative;margin:10px 0;padding:7px 10px;border:0 none;text-transform:uppercase;text-align:center;text-decoration:none;outline:0!important;border-radius: 4px;}
#changeDefaultAlertConfirmContainer .alertBox .closeBtn {color:#FFF;background-color: rgb(239, 68, 68);}
#changeDefaultAlertConfirmContainer .alertBox .closeBtn:hover {color:#FFF;background-color: rgb(220, 38, 38);}
#changeDefaultAlertConfirmContainer .alertBox .confirmBtn {color:#FFF;background-color: rgb(59, 130, 246);}
#changeDefaultAlertConfirmContainer .alertBox .confirmBtn:hover {color:#FFF;background-color: rgb(37, 99, 235);}
/* unrelated styles */
/*#changeDefaultAlertConfirmContainer #mContainer {position:relative;width:600px;margin:auto;padding:5px;border-top:2px solid #fff;border-bottom:2px solid #fff;}*/
/*#changeDefaultAlertConfirmContainer h1,h2 {margin:0;padding:4px;}*/
/*#changeDefaultAlertConfirmContainer code {font-size:1.2em;color:#069;}*/
/*#changeDefaultAlertConfirmContainer #credits {position:relative;margin:25px auto 0px auto;width:350px;font:0.7em verdana;border-top:1px solid #000;border-bottom:1px solid #000;height:90px;padding-top:4px;}*/
/*#changeDefaultAlertConfirmContainer #credits img {float:left;margin:5px 10px 5px 0px;border:1px solid #000000;width:80px;height:79px;}*/
/*#changeDefaultAlertConfirmContainer .important {background-color:#F5FCC8;padding:2px;}*/
@media (max-width: 600px) { #changeDefaultAlertConfirmContainer .alertBox {_position: relative;width: 90%;top: 30%;}  }
/**************************************************************/
/*************  End Change Default Alert Confirm  *************/
/**************************************************************/
.data-table-tag-input-item{background-color: rgb(191 219 254);padding: 0.125rem 0.125rem 0;margin: 0.125rem;display: inline-block;border-radius: 3px;}