/* Fixing NAVBAR of Bootstrap right align bug*/
.navbar-right {
	margin-right: 15px;
}

/* No reszing class */
.no-resize {
  resize: none; 
}
.vertical-resize {
  resize: vertical; 
}

.tooltip.top .tooltip-inner {
    background-color: LightSlateGray;
}
.tooltip.top .tooltip-arrow {
      border-top-color: LightSlateGray;
}


/* Bootstrap file upload button*/
.btn-file {
	position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


/* some margin and paddings for quick layout fixes */
.left-padding-15 {
	padding-left:15px;
}
.left-padding-23 {
	padding-left:23px;
}
.left-padding-27 {
	padding-left:27px;
}
.right-padding-15 {
	padding-right:15px;
}
.right-margin-10 {
	margin-right:10px;
}
.top-margin-10 {
	margin-top:10px;
}
.left-margin-5 {
	margin-left:5px;
}
.left-margin-8 {
	margin-left:8px;
}

/* a flex class just in case its needed to fix layouts*/
.display-flex {
	display:flex;	
}

/* test for version select maybe needed later
.navbar-nav>li> .navbar-select-container {
	padding-top: 8px;
}*/


.color-blue {
	color:blue;
}
.color-crimson {
	color:crimson;
}
.color-red {
	color:red;
}
.color-green {
	color:green;
}
.color-lime {
	color:lime;
}
.color-yellow {
	color:yellow;
}
.color-orange {
	color: orange;
}
.color-white {
	color: white;
}
.color-black {
	color: black;
}

.background-color-blue {
	background-color:blue;
}
.background-color-crimson {
	background-color:crimson;
}
.background-color-red {
	background-color:red;
}
.background-color-green {
	background-color:green;
}
.background-color-lime {
	background-color:lime;
}
.background-color-yellow {
	background-color:yellow;
}
.background-color-orange {
	background-color: orange;
}
.background-color-white {
	background-color: white;
}
.background-color-black {
	background-color: black;
}

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

/* datatable collection extention for more columns */
div.dt-button-collection.fixed.five-column {
  margin-left: -375px;
}
div.dt-button-collection.five-column {
  width: 750px;
  padding-bottom: 1px;
  -webkit-column-count: 5;
  -moz-column-count: 5;
  -ms-column-count: 5;
  -o-column-count: 5;
  column-count: 5;
}
div.dt-button-collection.fixed.six-column {
  margin-left: -450px;
}

div.dt-button-collection.six-column {
  width: 900px;
  padding-bottom: 1px;
  -webkit-column-count: 6;
  -moz-column-count: 6;
  -ms-column-count: 6;
  -o-column-count: 6;
  column-count: 6;
}
div.dt-button-collection.fixed.seven-column {
  margin-left: -525px;
}
div.dt-button-collection.seven-column {
  width: 1050px;
  padding-bottom: 1px;
  -webkit-column-count: 7;
  -moz-column-count: 7;
  -ms-column-count: 7;
  -o-column-count: 7;
  column-count: 7;
}
div.dt-button-collection.fixed.eight-column {
  margin-left: -600px;
}
div.dt-button-collection.eight-column {
  width: 1200px;
  padding-bottom: 1px;
  -webkit-column-count: 8;
  -moz-column-count: 8;
  -ms-column-count: 8;
  -o-column-count: 8;
  column-count: 8;
}

.noWrap td,.noWrap th{
	white-space: nowrap;
}


.loading {
	display:none;
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    background: #fff;
	z-index:10000;
	opacity: 0.75;
}
.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .6em solid rgba(218, 219, 223, 1);
    border-left: .6em solid rgba(58, 166, 165, 1);
    animation: spin 1.25s infinite linear;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.05em;
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.fontControl {
	margin-left:15px;
    padding:2px;
	line-height:25px;
    background:#333;
    text-align:center;
	transition:.25s ease-out;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none;
}
.fontControl a {
	font-size:24px;
    color:#aaa;
    font-weight:bold;
	padding: 5px;
}

.fontControl a:hover {
	color:#fff;
    background:#000;
	transition:.25s ease-out;
	padding:5px;
}
.fontControl .extrasmall{ font-size:10px !important;}
.fontControl .small 	{ font-size:12px !important;}
.fontControl .medium    {  font-size:14px !important;}
.fontControl .large     {  font-size:16px  !important;}
.fontControl .extralarge {  font-size:18px  !important;}
.fontControlSelected { background:#000; color:#fff !important;}


td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.wizardStepContainer  {
	margin-top:15px;
}

div.hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  text-align: center;
  height: 0px;
  line-height: 0px;
}

.hr-title {
  background-color: #fff;
}

.wordCounter {
	color: #888;
}
/* 
nav.navbar.btn-toolbar.sw-toolbar.sw-toolbar-bottom{
	background-color:red;
}*/


.panel-heading  {
    padding:  1px 10px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*
.panel-info > .panel-body {
	background-color: rgb(217, 237, 247,0.2);
}
*/

/*
.panel-success > .panel-body {
	background-color: rgb(223, 240, 216,0.2)
}
*/
.navbar-header {
	margin-right:15px;
}
.navbar-brand {
	font-size:25px;
}


/* Sticky footer styles
-------------------------------------------------- */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}