/*!
* This file is where all customer specific css should go.
* Do not edit the other stylesheets!
*/

/*
 * Off Canvas
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

@media screen and (max-width: 991px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  
  .sidebar-offcanvas {
    position: absolute;
    width: 60%; /* 6 columns */
    display: none;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-right.active
  .sidebar-offcanvas {
    display: block;  
    right: 0;
    top: 0;
    z-index: 1000;
  }

  .row-offcanvas-right.active {
    
  }

}

  .panel-heading {
  	font-weight: bold;
  }

  .panel-heading .accordion-toggle:after {
		/* symbol for "opening" panels */
		font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
		content: "\e114";    /* adjust as needed, taken from bootstrap.css */
		float: right;        /* adjust as needed */
	}

	.panel-heading .accordion-toggle.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\e080";    /* adjust as needed, taken from bootstrap.css */
	}
	
  .header-row .accordion-toggle:after {
		/* symbol for "opening" panels */
		font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
		content: "\e114";    /* adjust as needed, taken from bootstrap.css */
		float: right;        /* adjust as needed */
	}

	.header-row .accordion-toggle.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\e080";    /* adjust as needed, taken from bootstrap.css */
	}
	
	#headerChatStatus {
	font-style: normal;
	font-weight: 600;
	font-size: .875rem;
	color: #000;
	padding-right: .5em;
	margin-top:5%;

    top:5px;
    right:-18px;
    height:43px;
    width:120px;
}
a#headerChatAnchor {
	color: #FFFFFF;
	background-color: #275a81;
	font-weight: 700;
	margin-top:22%;

    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
table.header td.chatContainer {
  vertical-align: middle;
  text-align: left;
  padding: 0;
  padding-right: 10;
}