/* CSS Document */   
/**Large TV (used width: 3600px)**/
@media screen and (min-width: 3830px) 
{
	 /**#A**/
	
	 
	 /**#B**/
	 /**#C**/
	 /**#D**/
	 
	 /**#E**/

     /**#F**/
	  
	 /**#G**/
	 /**#H**/
	 /**#I**/
	 /**#J**/
	 /**#K**/
	 /**#L**/	 
	 
	 /**#M**/
	  
	  
	 /**#N**/
	 /**#O**/
	 /**#P**/
	 /**#Q**/
	 /**#R**/
	 /**#S**/
	 /**#T**/
	 /**#U**/
	 /**#V**/
	 /**#W**/
	 /**#X**/
	 /**#Y**/
	 /**#Z**/
	
}


/**TV (used width: 1800px) **/
@media screen and (min-width: 1910px) and (max-width: 3829px)
{ 

	/**#A**/
	
	 
	 /**#B**/
	 /**#C**/
	 /**#D**/
	 
	 /**#E**/

     /**#F**/
	  
	 /**#G**/
	 /**#H**/
	 /**#I**/
	 /**#J**/
	 /**#K**/
	 /**#L**/	 
	 
	 /**#M**/
	  
	  
	 /**#N**/
	 /**#O**/
	 /**#P**/
	 /**#Q**/
	 /**#R**/
	 /**#S**/
	 /**#T**/
	 /**#U**/
	 /**#V**/
	 /**#W**/
	 /**#X**/
	 /**#Y**/
	 /**#Z**/
	  
}


/**Desktop/Laptop (used width: 1400px)**/ 
@media screen and (min-width: 100px) and (max-width: 1909px)
{
	
	/**#A**/
	
	 
	 /**#B**/
	 /**#C**/
	 /**#D**/
	  .div-inn
	  {
		  width:100%;
		  padding:5px 0px 5px 0px; 
		  -moz-border-radius:12px 0px 0px 0px; 
		  border-radius:12px 0px 0px 0px; 
		  min-height:300px; 
		  background-image:linear-gradient(#4C4A4D, #4C4A4D, #141414);
		  clear:both;
		  float:left;
	  }
	   
	   .div-outer-0
	  {
		  width:100%;
		  padding:5px 0px 5px 0px;
		  border:solid 2px #272527; 
		  -moz-border-radius:12px 0px 0px 0px; 
		  border-radius:12px 0px 0px 0px;
		  clear:both;
		  float:left;
	  }
	  
	  
	  .div-outer-1
	  {
		  width:100%;
		  padding:5px 0px 5px 0px;
		  border:solid 1px #3A3A3E; 
		  background-color:#3A3A3E; 
		  -moz-border-radius:12px 0px 0px 0px; 
		  border-radius:12px 0px 0px 0px;
		  clear:both;
		  float:left;
	  }
	
		
	/*////////#DropDown/////////////*/
	.dropbtn 
	{
	  background-color: #02A95C;
	  color: #FFF;
	  padding: 5px 10px 5px 10px;
	  font-size: 14px;
	  border: none;
	  cursor: pointer;
	}
	
	
	.dropdown 
	{
	  position: relative;
	  display: inline-block;
	}
	
	
	.dropdown-content 
	{
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 200px;
	  padding:10px 20px 10px 20px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	  transition:0s 40s;
	  border:solid 1px #999;
	}
	
	
	.dropdown:hover .dropdown-content
	{
	  display: block;
	}
	
	
	.dropdown-content_1 
	{
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  width: 450px;
	  padding:10px 20px 10px 20px;
	  z-index: 1;
	  transition:0s 40s;
	   
	  background-image:linear-gradient(#514E4D,#514E4D); 
	  background-size:100% 4px; 
	  background-repeat:no-repeat;
	  margin:28px 0px 0px -403px;
	}
	
	
	.dropdown-content_2 
	{
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  width: 370px;
	  padding:10px 20px 0px 20px;
	  z-index: 1;
	  transition:0s 40s;
	   
	  background-image:linear-gradient(#FFFFFF,#FFFFFF); 
	  background-size:100% 4px;
	  background-repeat:no-repeat;
	  margin:28px 0px 0px -290px;
	  border-left:solid 5px #FFF;
	  border-right:solid 5px #FFF;
	  border-bottom:solid 5px #FFF;
	}
	
	.dropdown-content_3 
	{
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  width: 400px;
	  padding:10px 0px 0px 0px;
	  z-index: 1;
	  transition:0s 40s;
	   
	  background-image:linear-gradient(#FFFFFF,#FFFFFF); 
	  background-size:100% 4px;
	  background-repeat:no-repeat;
	  margin:28px 0px 0px -368px;
	  border-left:solid 5px #FFF;
	  border-right:solid 5px #FFF;
	  border-bottom:solid 5px #FFF;
	}
	
	.dropdown:hover .dropdown-content_1
	{
	  display: block;
	}
	
	.dropdown:hover .dropdown-content_2
	{
	  display: block;
	}
	
	.dropdown:hover .dropdown-content_3
	{
	  display: block;
	}
	
	.dropdown:hover .dropbtn 
	{
	  background-color: #514E4D;
	}
	
	
	 /**#E**/

     /**#F**/
	  
	 /**#G**/
	
	 .global-user-number
	 {
		 border:solid 1px #375793;
		 -moz-border-radius:4px 4px 4px 4px;
		  border-radius:4px 4px 4px 4px;
		 padding:5px 5px 5px 5px;
		 
		 float:left;
		 margin:2px 0px 0px 10px;
		 
		 font-weight:bold; 
		 color:#FFF; 
         background-image:linear-gradient(to right, #9326FF, #375793, #240091);
	 }
	 
	 
	 .profile-photo-style__1
	 {
		 float:left;
		 -moz-border-radius:4px 4px 4px 4px;
		  border-radius:4px 4px 4px 4px;
		  
		 border:solid 2px #F60;
		 
		 margin:5px 0px 0px 0px;
		 
	 }
	
	 .profile-photo-style__2
	 {
		 float:right;
		 -moz-border-radius:4px 4px 4px 4px;
		  border-radius:4px 4px 4px 4px;
		 
		 border:solid 1px #F60;
		 
		 margin:5px 0px 0px 10px;
	 }
	 
	 
	 .talk-pane-left
	 {
		 float:left;
		 width:310px;
		 margin:5px 0px 0px 5px;
		 
		 /*-moz-border-radius:4px 4px 4px 4px;
		 border-radius:4px 4px 4px 4px;*/
		  
		 background-color:#EBD7F9;
		 /*border:solid 1px #CF9DF0;*/
		 padding:5px 10px 5px 10px;
		 
		 font-size:13px;
	 }
	 
	 
	 .talk-pane-right 
	 {
		 float:left;
         width: 0;
         height: 0;
         border-top: 20px solid #EBD7F9;
         border-right: 20px solid transparent;
		 
		 margin:10px 0px 0px 0px;
     }
		 
		 
	 .progress-box-1
	  {
		  float:left;
		  
		  width:0.5vw;
		  height:1.5vh;	
		  background-image:linear-gradient(#DADADA, #DADADA);
	  }
	  
	  .progress-box-2
	  {
		  float:left;
		  
		  width:0.5vw;
		  height:1.5vh;	
		  background-image:linear-gradient(#9977FF, #9977FF);
		  
		  margin:0px 3px 0px 3px;
	  }
	  
	  .progress-box-3
	  {
		  float:left;
		  
		  width:0.5vw;
		  height:1.5vh;
		  background-image:linear-gradient(#7344FF, #7344FF);
	  }
	  
}