/* Add here all your css styles (customizations) */


.tableBodyScroll tbody {
	display: block;
	max-height: 500px;
	overflow-y: scroll;
}

.tableBodyScroll thead,.tableBodyScroll tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}


.app-modal-window-lg .modal-dialog {
    width: 800px !important;
}

/*MVC Unobtrisive Ajax error*/
div.validation-summary-errors  LI
{
    color:red;
    font-weight:bold;
}
div.FATALVIEWMODELERROR
{
    text-align:center;
    color:red;
    font-weight:bold;
    font-size:22px;
}

div.VIEWMODELATTENTION
{
        text-align:center;
    color:green;
    font-weight:bold;
    font-size:22px;
}


.PaperWrapper {
  display: inline-block;
  margin-top: 5px;
  position: relative;  
}

.PaperWrapper img {
  display: block;
  max-width:100%;
  position: relative;  
}

.PaperWrapper .PaperOverlay {
	margin: 0;
  position: absolute;
  top:30%;
  left: 0%;
	width: 100%;
  color:black;
  font-size: .6vw;
}
/*tooltip*/
.tooltip-inner {
  max-width: 400px;
  padding: 3px 8px;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background-color: #72c02c;
  border-radius: 10px !important;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #72c02c;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #72c02c;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #72c02c;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #72c02c;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #72c02c;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #72c02c;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #72c02c;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #72c02c;
}

/* Accordian chevrons*/
.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 */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
/* Accordian chevrons end */
/********************************************************************************************************************/
/* button group rounded corners*/
.btn-left{
    border-top-left-radius: 10px !important; 
    border-bottom-left-radius: 10px !important;
}
.btn-right{
    border-top-right-radius: 10px !important; 
    border-bottom-right-radius: 10px !important;
}

/*****   small form */
.form-tiny  label{
    font-size:smaller
}
.form-tiny input{
    height:24px;
    font-size:smaller;
    padding-top:1px;
}

.form-tiny select{
    height:24px;
    font-size:smaller;
    padding-top:1px;
}

.form-tiny textarea{
    font-size:smaller;
}

.jcrop-centered
{
    display: inline-block;
}


/*****   centered bootstrap columns .. http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}