body {
/*
  overflow-y:hidden;
  overflow-x:hidden;
*/
}


iframe.video {
    max-width: 100%;
}

.myblue
{
   background-color:#0eb8f6 !important;
}

.mycircle
{
 /* display: inline-block;*/
  width:40px !important;
  border-radius: 40px;
 background-color:white;
  color:black;
  font-size:1.3em;

  padding: 10px;
  cursor:pointer;
}

.mycircle-lg
{
  /*display: inline-block;*/
  width:53px !important;
  border-radius: 53px;
 background-color:white;
  color:black;
  font-size:1.3em;
  padding: 15px;
  cursor:pointer;
}


#chatdialog > .m-1:after {
  content: '';
  display: block;
  clear: both;
}
#chatdialog > br {
  display: none;
}


.darkcircle
{
 /* display: inline-block;*/
  width:53px !important;
  max-width:53px !important;
  border-radius: 53px;
background-color:rgba(0,0,0,0.5);
  color:black;
  font-size:1.3em;

  padding: 15px;
  line-height:normal;
  cursor:pointer;
}

.myblue
{
	background-color:#3db1dd;
}


.navbar-primary {
  background-image: url("../images/background.jpg");
  left: 0px;
  position: absolute;
  top: 0px;
  width: 300px;
  z-index: 8;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  
   border-top-right-radius:25px;
   border-bottom-right-radius:25px;
}
/*
#patients
{
	padding-left:40px !important;
}*/
/*
.navbar-primary.collapsed {
  width: 60px;
}



.navbar-primary.collapsed .nav-label {
  display: none;
}
*/

/* if smartphone */
@media screen and (max-width:500px) {
	
	.main-content {

	  margin-left: 40px;

	}
	
	#nav.navcollapsed {
	  z-index:10000;
	  min-width:0%;
	  max-width:50px;

	 
	}
	
	.subscribermaxwidth
	{
		max-width:400px;
	}
	
	
}

.navbaruser {
	 padding-left:40px;
}

.navcollapsed  .navbaruser {
	  padding-left: 0px !important;  /* Move users left */
}


/*
.collapsed + .main-content {
  margin-left: 50px;
}

*/

#nav
{
  min-width:300px;
   -webkit-transition: all 0.1s ease-in-out !important;
  -moz-transition: all 0.1s ease-in-out !important;
  transition: all 0.1s ease-in-out !important;
}



/* if desktop */
@media (min-width:500px) {

	.navcollapsed ~ .main-content {
	  margin-left: 40px;  /* Move the content left */
	}

	.main-content {

	  margin-left: 300px;

	}
	#nav.navcollapsed {
	  z-index:10000;
	  min-width:0%;
	  max-width:50px;
	 
	}
	
	.subscribermaxwidth
	{
		max-width:600px;
	}
	
	
}

#nav.navcollapsed .nav-label {
/*  display: none;*/
}




#chat
{
  min-height:0%;
  max-height:50px;
   -webkit-transition: all 0.1s ease-in-out !important;
  -moz-transition: all 0.1s ease-in-out !important;
  transition: all 0.1s ease-in-out !important;
}

#chat.chatcollapsed {
  min-height:250px; /*40%;*/
  max-height:600px; /*50%;*/
}



#pics
{
  min-width:0%;
  max-width:50px;
   -webkit-transition: all 0.1s ease-in-out !important;
  -moz-transition: all 0.1s ease-in-out !important;
  transition: all 0.1s ease-in-out !important;
}

#pics.picscollapsed {
  z-index:10000;
  min-width:80%;
  max-height:50%;
 /* overflow-x:auto;
  overflow-y:auto;*/
}

.screenshot:hover {
  transform: scale(2.5); 
}

.OT_widget-container
{
	background-color:rgba(1,1,1,0);
}

.video
{
	 display:block; 
	 margin:auto; 
	 border-radius:15px;'
}