/*
 * Decorators
 */
  
 /* Palette */

.default-primary-color { background-color: #0C8A8C; }
.accent-color          { background-color: #5BC6E8; }
.dark-primary-color    { background-color: #00215E; }
.light-primary-color   { background-color: #4D71A3 !important; }
.coolgrey-bg           { background-color: #616365 !important; }
.gold-bg               { background-color: #ffcc33 !important; }
.beige-bg              { background-color: #faf0d0 !important; }
.white-bg              { background-color: #ffffff !important; }


.dark-text    			{ color: #212121 !important; }
.grey-text  			{ color: #616365 !important; }
.accent-text  		    { color: #5BC6E8 !important; }
.primary-text         	{ color: #00347B !important;}
.divider-color         	{ border-color: #BDBDBD; }
.gold-text  			{ color: rgb(255,215,64) !important; }

.yellow-text  			{ color: #d2b535  !important; }

.accent-border   { border-color: #5BC6E8 !important; } 

.white-text   { color: #FFFFFF !important; }
.error-text   { color: #F44336 !important; }

.btn-round {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.btn-round.btn-lg {
	width: 48px;
	height: 48px;
}

.btn-round.btn-sm {
	width: 34px;
	height: 34px;
}

.btn-round.btn-xs {
	width: 24px;
	height: 24px;
}

.portal-text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.portal-clickable {
	cursor: pointer;
}

.not-clickable {
	cursor: default !important;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.relative {
	position: relative;
}

/* LOADER */
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
  -webkit-animation:  loading 1s ease-in-out infinite; /* Safari 4.0 - 8.0 */
}
.loading-bar:nth-child(1) {
  background-color: #3498db;
  animation-delay: 0;
   -webkit-animation-delay:0;
}
.loading-bar:nth-child(2) {
  background-color: #c0392b;
  animation-delay: 0.09s;
   -webkit-animation-delay:0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #f1c40f;
  animation-delay: .18s;
   -webkit-animation-delay:.18s;
}
.loading-bar:nth-child(4) {
  background-color: #27ae60;
  animation-delay: .27s;
   -webkit-animation-delay:.27s;
}

@keyframes loading {
  0% {
    transform: scale(1);
    -ms-transform: scale(1);/* IE 9 */
    -webkit-transform: scale(1);/* Chrome, Safari, Opera */
  }
  20% {
    transform: scale(1, 2.2);
    -ms-transform: scale(1, 2.2);/* IE 9 */
    -webkit-transform: scale(1, 2.2);/* Chrome, Safari, Opera */
  }
  40% {
    transform: scale(1);
        -ms-transform: scale(1);/* IE 9 */
    -webkit-transform: scale(1);/* Chrome, Safari, Opera */
  }
}
/* END LOADER */

.margin-top-section {
	margin-top: 20px;
}
.margin-bottom-section {
	margin-bottom: 70px;
}

.moving-label {
	position: absolute;
	top: 25px;
	left: 0px;
	transition: top 0.3s, font-size 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
	-webkit-transition: top 0.3s, font-size 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); /* Safari */
	width:100%;
}
.moving-label.selected {
	top: -10px;
	font-size: 12px;
	color: #26528F !important;
	outline: none;
}
.moving-label:focus,
 .moving-label:active{
	outline: none;
}	

.contenteditableReplacement {
  font-weight: 500;
  color: #025047;
}

.h100 {
	height: 100%;
}

.w100 {
	width: 100%;
}

.no-shadow {
	box-shadow: none !important;
}

.pull-right {
	float:right;
}

.overflow-yes {
	overflow: visible;
}

.has-error {
	border-bottom-color: rgb(213,0,0) !important;
}

.validation-error-message {
    color: red;
    font-size: 10px;
}

.hidden {
	visibility: hidden;
}

.place-in-center {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	
}