/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
a,
a:hover,
a:focus {
    color: #fff;
    text-decoration: none;
	transition: all 0.3s;}
#sidebar {
	direction: rtl;
    width: 230px;
    position: fixed;
    top: 0;
    right: -250px;
    height: 100vh;
    z-index: 999;
    background: #34495e;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    right: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #34495e;
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss:hover {
    background: #fff;
    color:#00463e;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
	margin-top:20px;
    padding: 20px;
    background: #34495e;
}

#sidebar ul.components {
	text-align: right;
    padding: 20px 0;
    border-bottom: 1px solid #fff;
}
#sidebar ul.components li a:active {
	color: #fff;
	background:  #34495e;
}


#sidebar ul p {
	text-align: right;
    color: #fff;
    padding: 10px;
}

#sidebar ul.components li a {
	text-align: right;
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul.components li a:hover {
    color: #34495e;
    background: #fff;
}


#sidebar ul.components li.active > a, #sidebar  ul.components a[aria-expanded="true"],#sidebar ul.components li.visited > a {
    color: #fff;
    background: #34495e;
}


#sidebar  ul.components a[data-toggle="collapse"] {
    position: relative;
}

#sidebar  ul.components a[aria-expanded="false"]::before,#sidebar  ul.components a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    left: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
#sidebar  ul.components a[aria-expanded="true"]::before {
    content: '\e260';
}


#sidebar ul ul a {
    font-size: 0.9em !important;
    padding-right: 30px !important;
    background: #34495e;
	
}

#sidebar ul.CTAs {
    padding: 20px;
	
}

#sidebar ul.CTAs a {
	
	padding: 20px;
    text-align: center;
    font-size: 1.1em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
#sidebar ul.CTAs a hover , #sidebar ul.CTAs a visited {
	color: #fff;
	
}

a.download {
	text-align: center;
	font-size: +1;
    background: #fff;
    color: #34495e;
}
a.article, a.article:hover {
    background: #34495e !important;
    color: #fff !important;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: 100%;
  border: 1px solid #000;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
 .profile{display:none}

 ul.profile-users{
  
  margin: 0;
}



ul.profile-users li {
  list-style: none;
  position: relative;
  margin: 3px auto !important;
  padding-left: 2px;
  padding-right: 2px;
}


.profile-photo img {
	  
  height: 58px;
  width: 58px;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #f1f1f1;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  
	
}
ul.profile-users li .profile-photo  {
	 height: 58px;
  width: 58px;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #f1f1f1;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
}
ul.profile-users li span.online-dot {
 
    height: 60px;
    width: 60px;
	position: absolute;
    bottom: 0px;
	border: 6px solid #4EAD4E;
	border-top-color:transparent;
    border-left-color:transparent;
	 -webkit-border-radius: 50%; 
  -moz-border-radius: 50%;
  border-radius: 50%; 
	 transform: rotate(45deg);
	left: 0;
  right: 0;
  margin: auto;   
}

ul.profile-users li span.offline-dot {
	
    height: 60px;
    width: 60px;
	position: absolute;
    bottom: 0px;
	border: 6px solid #485461 ;
	border-top-color:transparent;
    border-left-color:transparent;
	 -webkit-border-radius: 50%; 
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(45deg);
 
 
  left: 0;
  right: 0;
  margin: auto;    
}

 
ul.profile-users li span.online-dotg {
  height: 125px;
  width: 125px;
  position: absolute;
  bottom: 0px;
  border: 6px solid #4EAD4E;;
  border-top-color:transparent;
  border-left-color:transparent;
  
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: auto;    
}

 
ul.profile-users li span.offline-dotg {
  border: 6px solid #485461 ;
  height: 125px;
  width: 125px;
  position: absolute;
  bottom: 0px;
  border-top-color:transparent;
  border-left-color:transparent;
   -webkit-border-radius: 50%; 
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: auto;      
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
  
.profile-photo-s img {

  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 120px;
  width: 120px;
   -webkit-border-radius: 50%; 
  -moz-border-radius: 50%;
  border-radius: 50%;
}
 ul.profile-users li a:hover   {
   
}
.profile_info{padding:25px 10px 10px;width:65%;float:right}.profile_info span{font-size:13px;line-height:30px;color:#bab8b8}.profile_info h2{font-size:14px;color:#ecf0f1;margin:0;font-weight:300}