/*Chat Group Page CSS Start*/
.chat-group-page {padding:30px 0px;}
.chat-group-page .chat{margin-top: auto; margin-bottom: auto;}
.chat-group-page .card_chat{height: 500px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word;background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem;}
.chat-group-page .contacts_card .d-flex {align-items:center;}
.chat-group-page .contacts_body{padding:0px !important; overflow-y: auto; white-space: nowrap;}
.chat-group-page .msg_card_body{overflow-y: auto;}
.chat-group-page .search{border-radius: 15px 0 0 15px !important;border:0 !important;color:white !important;}
.chat-group-page .search:focus{box-shadow:none !important;     outline:0px !important;}
.chat-group-page .type_msg{background:none;height:50px !important;overflow-y: auto; border:none;}
.chat-group-page .type_msg:focus{box-shadow:none !important;outline:0px !important;padding-right:40px; }
.chat-group-page .attach_btn{border-radius: 15px 0 0 15px !important;border:0 !important;color: white !important;cursor: pointer;}
.chat-group-page .send_btn{border-radius: 0 15px 15px 0 !important;border:0 !important;color: #2B3C6B !important;cursor: pointer;background:none;font-size:24px;}
.chat-group-page .card_chat .input-group-append {position: absolute;top: 0;bottom: 0;right: 0;z-index:9;}
.chat-group-page .search_btn{border-radius: 0 15px 15px 0 !important;/*background-color: rgba(0,0,0,0.3) !important;*/border:0 !important;color: white !important;cursor: pointer;}
.chat-group-page .contacts{list-style: none;padding: 0;}
.chat-group-page .contacts li{width: 100% !important;padding: 5px 10px;margin-bottom:10px !important;}
.chat-group-page .user_img_msg{height: 40px;width: 40px;border:1.5px solid #f5f6fa;}
.chat-group-page .img_cont{position: relative;height:auto;}
.chat-group-page .img_cont_msg{height: 40px;width: 40px;}
.chat-group-page .online_icon{position: absolute;height: 15px;width:15px;background-color: #4cd137;border-radius: 50%;bottom: 0.2em;right:7px;border:1.5px solid white;}
.chat-group-page .offline{background-color: #c23616 !important;}
.chat-group-page .user_info{margin:0px;}
.chat-group-page .user_info span{font-size:15px; color:#2B3C6B;} 
.chat-group-page .user_info p{font-size: 10px;}
.chat-group-page .video_cam{margin-left: 50px;margin-top: 5px;}
.chat-group-page .video_cam span{font-size: 20px;cursor: pointer;margin-right: 20px;}
.chat-group-page .msg_cotainer{margin-top: auto;margin-bottom: auto;margin-left: 10px;border-radius: 5px;background-color: #2B3C6B;color: #FFF;padding:3px 10px;position: relative;}
.chat-group-page .msg_cotainer_send{margin-top: auto;margin-bottom: auto;margin-right: 10px;border-radius: 5px;background-color: #EA6B3F;color: #FFF;padding:3px 10px;position: relative; font-size:14px;}
.chat-group-page .msg_time{position: relative;display: block;left: 0;/*bottom: -15px;*//*color: rgba(255,255,255,0.5);*/font-size: 10px;}
.chat-group-page .msg_time_send{position: relative;display: block;right:0;/*bottom: -15px;*//*color: rgba(255,255,255,0.5);*/font-size: 10px;}
.chat-group-page .msg_head{position: relative;display:flex;align-items:center;justify-content:space-between;}
.chat-group-page #action_menu_btn{font-size: 20px;}
.chat-group-page .action_menu{z-index: 1;position: absolute;padding: 15px 0;border-radius: 15px;top: 30px;right: 15px;display: none;}
.chat-group-page .action_menu ul{list-style: none;padding: 0; margin: 0;}
.chat-group-page .action_menu ul li{width: 100%;padding: 10px 15px;margin-bottom: 5px;}
.chat-group-page .action_menu ul li i{padding-right: 10px;}
.chat-group-page .action_menu ul li:hover{cursor: pointer;background-color: rgba(0,0,0,0.2);}
.chat-group-page .active_chat{background-color: rgb(251 224 247 / 50%);}
.chat-group-page .left .user_img{height:40px;width:40px;border:1.5px solid #c6d4e0;background:#EDF2F6; margin-right:10px; object-fit:cover;}
.chat-group-page .left .card-footer {padding: 0.5rem 1.25rem;}
.chat-group-page .right .user_img{height:50px;width:50px;border:1.5px solid #c6d4e0;background:#EDF2F6; margin-right:10px; object-fit:cover;} 
.chat-group-page .right .card-header {background:#fdeffb;}
.chat-group-page .right .card-header .d-flex {align-items:center;}
.chat-group-page .right .card-header .user_info span {font-size:16px;}
.msg-footer .emoji-picker-icon {right:50px; top:15px;}
/*Chat Group Page CSS End*/

/* Profile page css start */
.profile-page .panel{margin-bottom: 0px;}
.profile-page .panel .panel-title {font-size:14px;}
.profile-page .chat-window{bottom:0;position:fixed;right: 80px;z-index: 9999;}
.profile-page .chat-window > div > .panel{border-radius: 5px 5px 0 0;}
.profile-page .msg_container_base{background: #e4ecf2;margin: 0;padding: 0 10px 10px;max-height:300px; height:300px; overflow-x:hidden;}
.profile-page .chat-window .panel-heading {background:#EA6B3F; border-radius:10px 10px 0px 0px;}
.profile-page .chat-window .btn {border-radius: 0;}
.profile-page .top-bar {background: #666;color: white !important;padding: 10px;position: relative;overflow: hidden;}
.profile-page .msg_receive{padding-left:0;margin-left:0;}
.profile-page .msg_sent{padding-bottom:20px !important;margin-right:0;}
.profile-page .messages {background: white;padding: 10px;border-radius: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);max-width:100%;}
.profile-page .messages > p {font-size: 13px;margin: 0 0 0.2rem 0;}
.profile-page .messages > time {font-size: 11px;color: #ccc;}
.profile-page .msg_container {padding: 10px;overflow: hidden;display: flex;}
.profile-page .avatar {position: relative;}
.profile-page .base_receive > .avatar:after {content: "";position: absolute;top: 0;right: 0;width: 0;height: 0;border: 5px solid #FFF;border-left-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);}
.profile-page .base_sent {justify-content: flex-end;align-items:center;}
/*.profile-page .base_sent > .avatar:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 0;border: 5px solid white;border-right-color: transparent;border-top-color: transparent;box-shadow: 1px 1px 2px rgba(black, 0.2); // not quite perfect but close}*/
.profile-page .msg_sent > time{float: right;}
.profile-page .msg_container_base::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.profile-page .msg_container_base::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
.profile-page .msg_container_base::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.profile-page .btn-group.dropup{position:fixed;left:0px;bottom:0;}
.profile-page .main-emojis{
	width: 80% !important;
	height: 10px !important;
	margin-bottom: 200px;
}

.profile-page .main-emojis{
	background: red;
}
/* Profile page css End */

/* Celebration Page css strart */
/*.celebration-gallery-page .pagination li{padding: 10px;border: 1px solid black;border-radius: 5px;margin-right: 5px;}*/
.celebration-gallery-page .pagination ul{margin: auto;}
.celebration-gallery-page .pagination{margin: auto;width: 30%;}
.celebration-gallery-page .pagination li:hover{background: #EA6B3F;}
.celebration-gallery-page .pagination li:hover a {color:#fff;}
.celebration-gallery-page .pagination .active{ background: #EA6B3F;}
.celebration-gallery-page .pagination .active a {color:#fff;}
/* Celebration Page css end */


/* fun & explore details Page css strart */
.fun-explore-detail-page .pagination li{padding: 10px;border: 1px solid black;border-radius: 5px;margin-right: 5px;}
.fun-explore-detail-page .pagination ul{margin: auto;}
.fun-explore-detail-page .pagination{margin: auto;width: 30%;}
.fun-explore-detail-page .pagination li:hover{background: #c2daed;}
.fun-explore-detail-page .pagination .active{ background: #c2daed;}

.fun-explore-detail-page .main-image { position: relative;}
.fun-explore-detail-page .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.fun-explore-detail-page .main-image:hover .image {opacity: 0.3;}
.fun-explore-detail-page .main-image:hover .middle {opacity: 1;}
/* fun & explore details Page css end */

.emoji-menu {top:0;}


/*
.lazy {
  background: url(../../frontend/loading.png) left top no-repeat;
  width:60px !important;
  height:60px !important;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

	@-ms-keyframes spin { 
     from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotatey(360deg); 
        }
    }
    @-moz-keyframes spin { 
        from { 
            -moz-transform: rotate(0deg); 
        } to { 
            -moz-transform: rotatey(360deg); 
        }
    }
    @-webkit-keyframes spin { 
        from { 
            -webkit-transform: rotate(0deg); 
        } to { 
            -webkit-transform: rotatey(360deg); 
        }
    }
    @keyframes spin { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotatey(360deg); 
        }
    }
*/


.workshop-detail-page .facebook{color: #fff;width: 35px;height: 35px;line-height: 35px;text-align: center;display: inline-block;background: #59688d;border-radius: 50%;}
.workshop-detail-page .youtube{ color: #fff;width: 35px;height: 35px;line-height: 35px;text-align: center;display: inline-block;background: #FF0000;border-radius: 50%; }