/*******************
*** little RESET ***
********************/
.text100 {
    font-size: 100%;
}
.text120 {
    font-size: 120%;
}
.text150 {
    font-size: 150%;
}
.text200{
    font-size: 200%;
}
.text250 {
    font-size: 250%;
}
.text300 {
    font-size: 300%;
}
.text400 {
    font-size: 400%;
}

.v-divider {
 border-left:0.5px solid #dddddd;
 border-right:0.5px solid #dddddd;
}
.v-divider-left {
 border-left:0.5px solid #dddddd;
}
.v-divider-right {
 border-right:0.5px solid #dddddd;
}

.disabledTab {
    pointer-events: none;
}

/* LOADING */
#loading {
	background:rgba(0,0,0,0.85);
	width:100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
}
#loading > div, #loading-example > div {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 50%;
	margin-top: -30px;
}

#loading-example {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
}

#loading > div > div, #loading-example > div > div {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #8fd7d4;
  top: 10px;
  left: 10px;
  transform-origin: 10px 10px;
  border-radius: 8px;
  animation: spin-a 1s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

#loading > div > div:nth-child(2), #loading-example > div > div:nth-child(2) {	left: 50%;	animation-delay:0.3s; }
#loading > div > div:nth-child(3), #loading-example > div > div:nth-child(3) {	left: 50%; margin-left: 20px; animation-delay:0.6s; }


@keyframes spin-a {
  0%  { transform: translateY(0px); }
  50%  { transform: translateY(-5px); }
  75%  { transform: translateY(5px); }
  100% { transform: translateY(0px); }
}



.login-cover2 {
  background: url('/assets/images/backgrounds/bg_image.jpg');
  background-repeat: repeat-y;
    background-position: center; 
  background-size: cover;
  background-color: #ccc;
}
.logincover{
	background: url(/assets/images/backgrounds/login_image.jpg); background-size: contain;">
}
.panel-transparent-custom {
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.3)
}
.panel-transparent-custom2 {
  background-color: rgba(255,255,255,0.1)
}
.login-container .page-container .login-form2 {
  width: 600px;
}
.login-container .page-container .login-form2 .thumb {
  margin: 0 auto 20px auto;
}
.login-container .page-container .login-form2,
.login-container .page-container .registration-form {
  margin: 0 auto 20px auto;
}
@media (max-width: 480px) {
  .login-container .page-container .login-form2,
  .login-container .page-container .registration-form {
    width: 100%;
  }
}
.media .profile-thumb img {
	border-color: #E53935; 
}
#loading2 {
    background: url('assets/images/loading_infomedia.gif') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
}
.loading2{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 1000;
    background-color: rgba(0,0,0,0.85);
}
.load-pos{

    margin-top: -40px;
    margin-left: -40px;
    position: absolute;
    top: 40%;
    left: 50%;
}