[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

form.form-inline {
    display: inline;
}

body{
    font-family: "Times New Roman", Times, serif !important;	
}

.table>tbody>tr>th{
	color: #fff !important;
    background-color: #bb2121 !important;
    border-right: white 1px solid;
}

.btn {
    border-radius: 0px !important;
}

.btn-block{
    width: 90% !important;
    margin: auto !important;
}

.form-control{
	border-radius: 0px !important;
}

#search{
	position: fixed;
	z-index: 1000;
	width: 30%;
    margin: 0 0 0 -15%;
    left: 50%;
	top: 150;
	background: #fff;
	border: 2px solid #eee;
	padding: 20px;
}

.login-container{
	margin-top: 150px;
}

#page-wrapper {
    min-height: 90%;
    background-color: #fff;
    padding: 20px;
}

#msg-wrapper {
    background-color: #fff;
    padding: 20px;
}

#login-page-wrapper {
    min-height: 90%;
}

@media print {
  body * {
    visibility: hidden;
  }
  header * {
    visibility: hidden;
  }
  footer * {
    display: none;
  }
  .section-to-print, .section-to-print * {
    visibility: visible;
  }
  .print-exclude{
	display: none;
  }
}

#calendar {
	max-width: 900px;
	margin: 0 auto;
}

.calendar-container{
	margin: 40px 10px;
	padding: 0;
}

.fc-day-grid-event > .fc-content {
    white-space: normal;
}

#news-feed{
    max-height: 400px;
    overflow-x: hidden;
}

#testimonial{
    max-height: 400px;
    overflow-x: hidden;
}

.reminder-panel{
	max-height: 200px;
    overflow-x: hidden;
}

.home-icon{
	font-size: 1.8em;
}

.socials {
    position: fixed;
    bottom: 0px;
    right: 30px;
    z-index: 99999999;
    padding: 10px;
    background: rgba(0, 0, 0, 0.2);
}

.social-icon {
    font-size: 25px;
    color: #428bca;
}

@media (max-width:767px){
	   .socials {
	    display: none !important;
	  }
  .login-header {
       padding-bottom: 9px;
       margin: 40px 0 20px;
       border-bottom: 1px solid #eee;
   }
   .login-form input{
        width: 100% !important;
    }
}

@media (min-width: 768px){
    .login-header {
	    padding-bottom: 9px;
	    margin: 40px 0 20px;
	    border-right: 1px solid #eee;
	}
	
	.login-form input{
	    width: 75% !important;
	}
    
}

.login-form{
    padding: 20px;
    margin-top: 40px;
}

.login-form label{
	color: #fff;
}

.login-background{
    background: url(/imgs/bg.jpg);
    background-size: cover;
    height: 100%;
}


#cloud{
    background: url(/imgs/cloud.png) center no-repeat;
    height: 200px;
    width: 100%;
    background-size: cover;
    text-align: center;
    padding: 50px;
    font-size: large;
}

.blinker{ 
	font-family: muli,arial,sans-serif;  
	font-size: 20px;  
	font-weight: bold;  
	color:#333;  
	animation: changecolor 3s infinite;  
	-moz-animation: changecolor 3s infinite; 
	-webkit-animation: changecolor 3s infinite; 
	-ms-animation: changecolor 3s infinite; 
	-o-animation: changecolor 3s infinite; 
} 

@keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 
/* Mozilla Browser */ 
@-moz-keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 
/* WebKit browser Safari and Chrome */ 
@-webkit-keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 
/* IE 9,10*/ 
@-ms-keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 
/* Opera Browser*/ 
@-o-keyframes changecolor 
{ 
0% {color: red;}  
25% {color: yellow;}  
50% {color: blue;}  
100% {color: green;}  
} 


.cloud-container{  
	background:#333;  
	animation: changebackground 3s infinite;  
	-moz-animation: changebackground 3s infinite; 
	-webkit-animation: changebackground 3s infinite; 
	-ms-animation: changebackground 3s infinite; 
	-o-animation: changebackground 3s infinite; 
}

@keyframes changebackground 
{ 
0% {background: red;}  
25% {background: yellow;}  
50% {background: blue;}  
100% {background: green;}  
} 
/* Mozilla Browser */ 
@-moz-keyframes changebackground 
{ 
0% {background: red;}  
25% {background: yellow;}  
50% {background: blue;}  
100% {background: green;}  
} 
/* WebKit browser Safari and Chrome */ 
@-webkit-keyframes changebackground 
{ 
0% {background: red;}  
25% {background: yellow;}  
50% {background: blue;}  
100% {background: green;}  
} 
/* IE 9,10*/ 
@-ms-keyframes changebackground 
{ 
0% {background: red;}  
25% {background: yellow;}  
50% {background: blue;}  
100% {background: green;}  
} 
/* Opera Browser*/ 
@-o-keyframes changebackground 
{ 
0% {background: red;}  
25% {background: yellow;}  
50% {background: blue;}  
100% {background: green;}  
}