/**********************new**********************/

/*******all panel headers use h4*********/

/*------------well banner-----------------*/

.well .txt-right 
{
	float: right;	
}

p.padding-left {
    padding-left: 0px;
}
/*--------loading indicator---------------*/

.show-loading-indicator
{
    display : block;
    position : fixed;
    background-image : url("../images/ajax-loader.gif");
    background-color: #6a6a6a;
    z-index: 100;        
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0px;
    bottom : 0px;
    right : 0px;
    top : 0px;
}

/*---------------------------------------- Right Column -------------------------------- */
.linkheader
{
	width:50px;	
}

/*----------------------------------------container ------------------------------------ */

.center-container {
  margin: 0 auto;
  width: 200px;  
}

/*---------------------------------------- Form ---------------------------------------- */
#jkForm
{
	float:left;		
}

#jkForm label.error {
	margin-left:10px;
	width: auto;
	display: inline;
	color:Red;	
}

#searchForm label.error {
	margin-left:3px;
	width: auto;
	display: inline;
	color:Red;
	font-size:14px;	
}

#jkForm label
{
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	font-size:12px;
	color:#000;	
	width:auto;
	font-weight:bold;
	text-align:right;
	padding-right:3px;
	
}

#jkForm .radio
{
	border: none;
}

#jkForm .standardButton
{
	color:#5a5a5a;
	font-size:10px;
	width:60px;
	font-family:verdana, arial, serif;
	height:24px;
	border-top:#5a5a5a 1pt solid;
	border-bottom:#5a5a5a 1pt solid;
	border-left:#5a5a5a 1pt solid;
	border-right:#5a5a5a 1pt solid;
	margin-right:3px;
}

.form-group .error 
{
	color:Red;
	font-size: 14px;
}

.row h3 
{
	margin:0 0 5px 5px;	
}

div.left-inline 
{
	display:inline;
	float:left;
}
/*------------------------------div table ---------------------------*/

.divTable{
	display: table;
	width: 80%;
	
}
.divTableRow {
	display: table-row;
	top:auto;
}
.divTableHeading {
	background-color: #d9edf7;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableCell textarea {
	display: block; 
    width: 100%;
    height: 100px;
    display: table-cell;
	border: solid 1px;
	vertical-align: top;
}
.divTableCelltext 
{
	text-align:left;
	 font-size:11px;
	 font-family:verdana, arial, serif;
}
.divTableHeading {
	background-color: #d9edf7;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.panes {
    display: table;
    table-layout: fixed;
    width:100%;
    height:100px;
    
}
.pane {
    display: table-cell;
    border: solid 0px;
}
.pane-content {
    display: block;
    overflow: auto;
    height: 100px;
    border: solid 0px;
}
.pane-content textarea {
    /*display: block; /*This fix the issue in IE but other browsers still broken*/
    width: 66%;
    display: table-cell;
	vertical-align: top;
	
}

/*-----------------------------------table --------------------------*/

.col-wrapper{
    background: #abb1b8;    
}

.highlightRow 
{
	background-color: #ccf2ff; 
}

.highlightRow2
{
	background-color: #337ab7; 
}

table tr 
{
	background-color: #ffffff;
}

span.tab{
    padding: 0 10px; 
}

td.right
{
	text-align: right;
	padding-right: 5px;	
	vertical-align: middle;
}

th.info
{
		
}

/*--------------------panel------------------------------------*/

.fixed-panel 
{
	min-height: 200px;
}

.fixed-panel2 
{
	min-height: 215px;
}
.float-panel
{
	padding: 0px;
    margin: 0px
}
/* equal space between contents in a single row */
.equal, .equal > span[class*='col-'] {  
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex:1 0 auto;
  }
  
hr {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 4px;
	display: block;
	border-style: solid;
	border-color: black;
}

.headline {
	font-family: Calibri, "Helvetica", san-serif;
	color: black;
	font-size: 10px;

}

.p2::after
{
    content:' ';
    display: block;
    border:1px solid black;
}

.p2 
{
  text-indent: 1.5em;
}

.float-right 
{
	text-align: right;	
	float: right;
}

.box-content {
	display: inline-block;	
    padding: 10px 10px 10px 10px;
}

.bottom {
	border-bottom: 1px solid #ccc;
}

.right {
	border-right: 1px solid #ccc;
}

/* break into new line in smaller devices */
span.new-line 
{
	display: block;
    float: left;
    margin-right: 15px;	
    margin-bottom: 7px;
}

/*-------------------------images---------------------------------------------*/

.rotateimg90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.thumbnailsanchor {
    width: 35%;
    height: 45%;
    padding: 5px 5px 5px 5px;
}

.thumbnailsimg {
    width: 25%;
    height: 35%;
    padding: 5px 5px 5px 5px;
}

.thumbnails 
{
	width: 100px;
	height: 100px;
	padding: 5px 5px 5px 5px;		
	
}
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700);
.Rtable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}
.Rtable-cell {
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  padding: 2px 0px 2px 0px;
  overflow: hidden;
  list-style: none;
  border: solid 0px white;
  background: rgba(112, 128, 144, 0.2);
}
.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
  margin: 0;
}
/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}
/* Page styling
================================== */

/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 0px;
}
.Rtable-cell {
  margin: 0px 0 0 0px;
  background-color: white;
  border-color: #e2e6e9;
}
/* Cell styles
================================== */
.Rtable-cell--dark {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}
.Rtable-cell--dark > h1,
.Rtable-cell--dark > h2,
.Rtable-cell--dark > h3,
.Rtable-cell--dark > h4,
.Rtable-cell--dark > h5,
.Rtable-cell--dark > h6 {
  color: white;
}
.Rtable-cell--medium {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
.Rtable-cell--light {
  background-color: white;
  border-color: #e2e6e9;
}
.Rtable-cell--highlight {
  background-color: lightgreen;
  border-color: #64e764;
}
.Rtable-cell--alert {
  background-color: darkorange;
  border-color: #cc7000;
  color: white;
}
.Rtable-cell--alert > h1,
.Rtable-cell--alert > h2,
.Rtable-cell--alert > h3,
.Rtable-cell--alert > h4,
.Rtable-cell--alert > h5,
.Rtable-cell--alert > h6 {
  color: white;
}
.Rtable-cell--head {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}
.Rtable-cell--head > h1,
.Rtable-cell--head > h2,
.Rtable-cell--head > h3,
.Rtable-cell--head > h4,
.Rtable-cell--head > h5,
.Rtable-cell--head > h6 {
  color: white;
}
.Rtable-cell--foot {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
/* Responsive
==================================== */
@media all and (max-width: 500px) {
  .Rtable--collapse {
    display: block;
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}
.Rtable-cell.Rtable-cell--1of1 {
  width: 100%;
}
.Rtable-cell.Rtable-cell--5of6 {
  width: 83.33%;
}
.Rtable-cell.Rtable-cell--4of5 {
  width: 80%;
}
.Rtable-cell.Rtable-cell--3of4 {
  width: 75%;
}
.Rtable-cell.Rtable-cell--2of3 {
  width: 66.66%;
}
.Rtable-cell.Rtable-cell--3of5 {
  width: 60%;
}
.Rtable-cell.Rtable-cell--1of2 {
  width: 50%;
}
.Rtable-cell.Rtable-cell--2of4 {
  width: 40%;
}
.Rtable-cell.Rtable-cell--1of3 {
  width: 33.33%;
}
.Rtable-cell.Rtable-cell--1of4 {
  width: 25%;
}
.Rtable-cell.Rtable-cell--1of5 {
  width: 20%;
}
.Rtable-cell.Rtable-cell--1of6 {
  width: 16.66%;
}

.Rtable-cell.Rtable-cell--1of18 {
  width: 18%;
}
.Rtable-cell.Rtable-cell--1of14 {
  width: 14%;
}
.Rtable-cell.Rtable-cell--1of57 {
  width: 57%;
}

.Rtable-cell.Rtable-cell--1of82 {
  width: 82%;
}

#box {    
    /*width:inherit;*/
    display:table;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}