/* Center the loader BEGIN */
#loader {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

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

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

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}

/* Center the loader END */

/*Main menu*/
.menu-tile {
    color: white;
    font-size: 16px;
    display:block;
}

.menu-footer{
    position : absolute;
    bottom : 0;
    height:100px;
}

html{
    background:white;
}

/*Search Filter*/
.filter-item-text{
    padding:20px;
}

.row .filter-btn-inner .btn .btn-sm .btn-default {
		box-shadow: 0 0 15px rgba(0,0,0,0.4);
}

.rd-navbar-fixed .search-condition{
    width:100%;
}

.rd-navbar-static .search-condition{
	padding-left: 4px;
    width:530px;
}

/*Filter clause*/
.filter-btn-inner{
    padding:8px;
    margin:0px 0px 0px 5px;
    height:40px;
}

.menu-label {
    color: white;
    font-size: 16px;
}

/*Screen header*/
.top-menu{
    padding-top: 30px;
    float:left;
    z-index:-10;
}

/*Data Container*/
.main-data-content-section{
    margin-bottom:25px;
}
/*Table layout*/
.outer-table-container-placeholder{
    padding:5px 5px 5px 5px ;
}

/*Tile Data cell*/
.outer-data-container-placeholder{
    padding:5px 5px 5px 5px ;
}

.data-container {
    background: white;
    border: 3px solid #3498db;
    color: #172646;
    overflow-y:auto;
    overflow-x: hidden;
    height:200px;
    padding: 5px;
	box-shadow: 0 0 9px rgba(0,0,0,0.6);
}

.text-tile-header, .text-tile-header-with-background{
    font: 22px arial;
    margin:0px;
    vertical-align:central;
    padding:0px 0px;
}

.text-tile-header-with-background{
    height:50px;
    line-height:50px;
    background:#3498db;
    padding:0px 10px;
}

.text-tile-singleline {
    white-space: nowrap;
    padding:0px 25px 0px 15px;
    display:inline-block;
    text-align:left;
}

.text-tile-secondary-placeholder{
    font: 18px arial;
    padding:0px;
    margin:0px;
    color:black;
}

.text-tile-secondary1{
    font: 18px arial;
    padding:5px 3px 0px 0px;
    color:black;
}

.text-tile-secondary2{
    font: 18px arial;
    margin:0px;
    padding:5px 3px 0px 0px;
    color:#33683A;
}

.text-tile-secondary3{
    font: 14px arial;
    margin:0px;
    padding:5px 3px 0px 0px;
    color:black;
}

.text-tile-secondary4{
    font: 14px arial;
    margin:0px;
    padding:5px 3px 0px 0px;
    color:#AA2D35;
}

.text-tile-secondary5{
    font: 12px arial;
    margin:0px;
    padding:5px 3px 0px 0px;
    color:black;
}

.stripe{
    margin:2px;
    height:1px;
    background:#626262;
}

.image-cell-placeholder{
    margin:0px;
    padding:0px 3px;
}

.image-cell{
    width:50px;
    height:50px;
}

/*Table Data cell*/

.table-large tbody tr th {
  color: #fff;
  background-color: #3498db;
  border:1px solid #3498db;
}

.table-small tbody tr th {
  color: #fff;
  background-color: #3498db;
  border:1px solid #3498db;
}


.home-button {
	margin-top: 10px!important;
	margin-left: 5px!important;
}

/*Logo wrapper*/

 .logo-wrapper {
     top: 20px;
     left: 10px;
     position: absolute;
 }

 .rd-navbar--is-stuck .logo-wrapper img
 {
     width: 0px;
     height: 0px;
 }

 .rd-navbar-brand-logo
 {
     height: 75px;
 }

 .errorContainer {
    position: absolute;
    right: 10px;
    top:0px;
    z-index:100000
}

.notify-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 100000;
}

.notify-item {
  width: 250px;
  margin: 5px 10px;
  color: #FFF;
  border-radius: 5px;
}

.notify-item:hover {
  opacity: 0.8;
  box-shadow: 0 0 10px 0 rgb(15, 15, 15);
  cursor:pointer;
}

.notify-item > p {
  font-family: 'Lora', serif;
  margin: 10px;
  opacity: .8;
}

.notify-item.success {
  background-color: rgba(81, 163, 81, 0.4);
}

.notify-item.error {
  background-color: rgba(203, 100, 94, 0.8);
}

.notify-item.info {
  background-color: rgba(33, 150, 243, 0.8);
}

.notify-title {
  font-weight: 700;
}

.overflow-hidden{
    overflow: hidden;
}

.enMoney::before {
    content:"$";
}