.wboard_centerdiv {
	height: 93vh !important;
    width: auto !important;
    overflow: auto;
    white-space: nowrap;
	background: #eff2f7;
	border-bottom: 10px solid #86dafc;
}

#wb_conversation {
    margin: 10px auto !important;
    /* width: 70%;
    height: 90%; */
	width: 950px;
    height: 552px;
	background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(204, 204, 204) !important;
    border-radius: 6px !important;
}

.wboard_bottomicon {
	background-color: #8BC8F7;
	height: 12%;
	bottom: 0px;
	width: 610px !important;
}

.wboard_lefticon {
    float: left;
    position: absolute;
    margin-top: 60px;
}

.wboard_centerdiv {

}
.moca_wb_canvas_outer {
	/*position: relative;
	height: 500px;
	width: 92% !important;
	background: #eff2f7;
	margin-left: 66px;*/
}

.canvas_class
 {
	width:100%;
	height:100%;
}

/* whiteboard css updates starts here */
.white-board-icons-ul {
	padding: 0;
    list-style: none;
    margin: 0px 0px 0px 10px;
    text-align: center;
    display: inline-block;
    background: #ffffff;
    border: 1px solid #eff2f7;
    border-radius: 6px;
}
.white-board-icons-ul  li {
	padding: 12px;
	text-align: center;
	border-bottom: 1px solid #eff2f7;
	background: none;
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.white-board-icons-ul  li:hover {
	border-bottom: 1px solid #86dafc;
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.white-board-icons-ul  li:hover .selected-icon img {
	-ms-transform: scale(1.2); /* IE 9 */
	-webkit-transform: scale(1.2); /* Safari 3-8 */
	transform: scale(1.2);
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.white-board-icons-ul  .wb-icons-set:hover a img {
	-ms-transform: scale(1.2); /* IE 9 */
	-webkit-transform: scale(1.2); /* Safari 3-8 */
	transform: scale(1.2);
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.white-board-icons-ul  li:hover img {
	-ms-transform: scale(1.2); /* IE 9 */
	-webkit-transform: scale(1.2); /* Safari 3-8 */
	transform: scale(1.2);
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.white-board-icons-ul  li p {
	color: #aaaaaa;
    font-size: 10px;
    font-weight: 600;
	margin: 0px;
	cursor:pointer;
}
.white-board-icons-ul  li p span{
	display:block;
	color: #86dafc;
	font-size: 14px;
}
.white-board-icons-ul  li ul {padding: 0;margin: 0;}
.white-board-icons-ul  li ul li {padding: 0;}
.white-board-icons-ul  li ul li a {

}
/* whiteboard css updates ends here */

svg{
display: block;
width: 100%;
height: 55px;
padding: 0;
margin: 0;
}

path{
stroke-linecap: square;
stroke: white;
stroke-width: 0.5px;
}

.loginsuccess_show
{
	visibility:hidden;
}

.loginsuccess_hide
{
	display:none;
}


/* Whiteboard responsive starts */
@media screen and (min-width: 768px) and (max-width: 860px){


}

@media screen and (min-width: 861px) and (max-width: 991px){
.wboard_centerdiv {
    height: 75vh !important;
    overflow-y: auto;
}

}

.blue_border {
	border: 4px solid #1c99ec !important;
}

.prev-next-btn-circle {
    width: 15px;
    height: 15px;
    padding: 0px 0;
    border-radius: 5px;
    text-align: center;
    font-size: 8px;
    font-weight: bold;
    line-height: 1.428571429;
	border: 2px solid;
	margin-right: 3px;
}
#tabLists li.active > a {
	background-color: #f6f6f6;
}

.disableditem {
    pointer-events: none;
    opacity: 0.4;
}

video::-webkit-media-controls {
	display: none !important;
	opacity: 0;
 }
video::-webkit-media-controls-start-playback-button {
	display: none !important;
}

/*Player SS with video starts*/
.column {
	height: 100%;
	float: left;
}
.c20 {
	width: 20%;
	background-color: #3d3d3c;
}
.c80 {
	width: 80%;
	background-color: #000;
}
.fa-angle-up, .fa-angle-down {
	font-size: 20px;
	color: #fff;
}
.ss-slide-view > .slick-list {
	display: flex !important;
	align-items: center;
	flex-direction: column;
}
.slick-slider {
	margin-bottom: 0px !important;
}
.slick-track {
	height:84vh !important;
	width: 100% !important;
	/* display: flex !important; */
    align-items: center;
	flex-direction: column;
	justify-content: center;
}
.slick-center-class {
	display: flex !important;
}
.slick-list {
	height: 83vh !important;
}
.slide-grid-view {
	width: 100% !important;
}
.slick-disabled {
	pointer-events: none;
  	opacity: .4;
  	/* display:none; */
}
.ss-grid-caption {
	position: absolute;
    left: 35px;
    bottom: 10px;
    font-weight: 600;
    color: #fff;
    background-color: #0606064a;
    padding: 0px 5px 2px 5px;
    border-radius: 5px;
}
.ss-mute-caption {
	position: absolute;left: 10px;bottom: 10px;
}
.ss-unmute-caption {
	position: absolute;left: 10px;bottom: 6px;
}
.ss-speak-caption {
	position: absolute;left: 10px;bottom: 7px;
}
/*Player SS with video end */

.exp-notify {
	color: #fff;
	text-align:center;
	background: #7d00b9;
	height: 25px;
	width: fit-content;
	margin: 20px auto;
	padding: 5px 15px;
	border-radius: 5px;
	height: fit-content;
}

/* Sweet alert style */
.sweet-alert .sa-icon {
	width: 50px !important;
    height: 50px !important;
	margin: 5px auto !important;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
	width: 4px !important;
    height: 21px !important;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
	width: 6px !important;
    height: 6px !important;
}
/* Sweet alert style end */
.profile-center {
	display: flex;
    align-items: baseline;
}

#breakout_inside, #breakout_tab_section {
	height: 83% !important;
}