article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  html, body {
    /*height: 100%;
    min-height: 100%;*/
  }
  .margin-logo
  {
  margin-left:-10px;
  }
  p.line {
    text-align: left;
    margin-bottom: 30px;
    line-height: 24px;
    z-index: 1;
    position: relative;
  }

  h1,h2 {
    position: relative;
    margin-top: 20px;
	/*margin-left: 60px;*/
  }
  img {
    /*image-rendering: auto;*/
    image-rendering: auto;
    /*image-rendering: pixelated;*/
  }
  h1.two span {
    /*background: #fff;*/
    /*padding: 0 20px;*/
    position: relative;
    z-index: 5;
  }
  h1.two span img
  {
    /*margin-top: -33px;*/
    width: 490px;
    image-rendering: auto;
    position: absolute;
    margin-top: 4px;
  }
  h1.two+p {
    border-top: solid 2.4px #ffffff;
    padding-top: 40px;
    margin-top: -39px;
    margin-right: 30px;
    margin-left: 390px;
    /*border-color: #ffffffe8;*/
  }
  .circ-login
  {
	  float: right;
	  margin-top: -50px;
    float: right;
    margin-top: -96px;
    width: 30px;
    height: 50px;
    border-top-left-radius: 110px;
    border-bottom-left-radius: 110px;
    border: 3px solid #ffffff;
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 3px;
    z-index: 20;
    position: relative;

border-right: 0;	
  }
.circ-login-profile
{
	background: url("../../../custom/img/img_avatar.png");
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: contain; 
	width: 100px;
	border-radius: 110px;
	/*border: 3px solid #153c6600;*/
	width: 42px;
	height: 42px;
	margin-left: 2px;
        margin-top: 2px;
        z-index: 200;
        position: relative;
  }
  .circ-login-name
  {
	margin-right: 40px;
	font-size: 11px;
	text-transform: uppercase;
	float: right;
	white-space: nowrap;
	color: #ffffff;
	font-weight: bold;
  }
.circ-logout-btn div
{
	float: right;
	margin-right: 0px;
	font-size: 12px;
	color: rgb(255, 255, 255);
        margin-top: 10px;
        z-index: 10;
        position: relative;
        width: 85px;
}
.circ-logout-btn a
{
  color:white;
}



[data-toggle="collapse"] .fa:before {  
  /*content: "\f04b";*/
  color:green;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

}

[data-toggle="collapse"].collapsed .fa:before {
  /*content: "\f13a";*/
  color:red;
      -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

}
.card .card-header.notifications.courses
{
background: url(../../../custom/img/handshake2_blue.jpg);
background-size:cover;
background-position-y: 200px;
padding-top: 5px;
padding-bottom: 5px;
}
.card .card-header.notifications.mylearning
{
background: url(../../../custom/img/handshake2.jpg);
background-size:cover;
background-position-y: 200px;
padding-top: 5px;
padding-bottom: 5px;
}

.card.sectionHeader
{
	border:none;
}
.header-background
{
  padding-top: 30px;
  /*background:url(../../../custom/img/handshake2.jpg);*/
  background-size:cover;
  min-height: 300px;
  margin-bottom: 20px;
  /*background-position-y: -80px;*/
  margin-top:-20px;
}
.header-message
{
color:white;
}
.padding-left-0
{
  padding-left: 0px;
}
.padding-left-30
{
  padding-left:30px;
}
.padding-right-0
{
padding-right:0px;
}
.margin-right-0
{
  margin-right:0px;
}
.padding-right-60
{
  padding-right: 60px;
}
.padding-right-content
{
  padding-right: 10%;
}
.margin-left-content
{
  margin-left: 10%;
}
.footer-background
{
  padding-top: 10px;
  background:#11416a;
  margin-bottom: 0px;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
  width: 100%;
  overflow: hidden;
}
.footer-background .line
{
  margin-bottom: 0px;
}
.footer-background h1.two + p
{
  margin-right:0px;
}
.footer-circ
{
    margin-top: -63px;
    border:none;
   /* margin-right: 2%;*/
}
.circ-logout-btn.footer
{
  width: 100%;
  text-align: right;
  float: right;
	/*margin-right: 40px;*/
	font-size: 12px;
	color: rgb(255, 255, 255);
	margin-top: 8px;
}
.circ-login-name.footer
{

}
.page-content
{
  height:100%;
  min-height:100%;
}
.col-sm-6
{
  /*padding-bottom:13px;*/
  padding-left:0px;
}
@media (max-width: 824px)
{
  .circ-logout-btn.footer,.circ-login-name.footer
  {
    text-align: left;
    float:none;
    padding-left: 10%;
    white-space: normal;
  }
  .footer-circ.footer
  {
    margin-top:0px;
    padding-bottom: 20px;
  }
  .padding-right-content.footer
  {
    padding-right: 0px;
  }
  .footer-background {
    height: auto;
}
}
@media (max-width: 576px) { 
  h1 {
      margin-left: 20px;
  }
  .circ-login-name.header
  {
    display:none;
  }
  .circ-logout-btn a{
    float: right;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: -12px;
  }
.col-sm-6 
  {
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
  }
  }
  @media (max-width: 285px) 
  { 
  .margin-left-content {
      margin-left: 5%;
  }
  .circ-logout-btn.footer,.circ-login-name.footer
  {
    margin-left: 5%;

  }
  }

.image-title
{
  position: absolute;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    letter-spacing: 3px;
}
.center-content
{
  display: flex;
  align-items: center;
}
#arrow-toggle img
{
  width:24px;
}
.section-title
{
  text-align: left;
  color: white;
  float: left;
}
.margin-bottom-15
{
  margin-bottom:15px;
}