
#loading {
 
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050; 
 
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
} 	
  
#calendar {
  position: relative;
}

@media(max-width:468px) {
 	.fc-toolbar .fc-center { 
	  padding-top: 5px;
	} 
} 

.fc-event {
  padding: 2px;
}

.fc-past {
  background: rgba(245, 245, 245, 0.03) !important;
}

.fc-future {
  background: rgba(252, 248, 227, 0.4) !important;
}

.fc-day-number {
  margin: 2px 2px 0 0;
}
 
.fc-today .fc-day-number {
  font-weight: bold;
}

.fc-state-highlight {
  background: #FCE3E3 !important;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc-button {
  color: #858585 !important;
  height: 40px !important;
  line-height: 40px !important;
  opacity: 0.6;
}

.fc-button:hover {
  opacity: 1;
}

.fc-button-prev, .fc-button-next {
  padding: 0;
  width: 40px !important;
  line-height: 40px !important;
  text-align: center;
  position: relative;
  text-indent: -9999px;
}

.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
  font-weight: bold;
}

.fc-button-prev:after, .fc-button-next:after {
  font-family: FontAwesome;
  text-indent: 0;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.fc-button-prev:after {
  content: "\f104";
}

.fc-button-next:after {
  content: "\f105";
}

.fc-state-default {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #DDDDDD !important;
  box-shadow: none !important;
  color: #A8A8A8;
  text-shadow: none !important;
  border-radius: 0 !important;
}

.fc-state-down, .fc-state-active {
  opacity: 1;
}

.fc-icon:after {
	position: relative;
	margin: 0 0 !important;
}


/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar .fc-left { 
  top: 0;
  left: 0; 
}

.fc-toolbar .fc-right { 
  top: 0;
  right: 0; 
}
 
.fc-toolbar .fc-center h2 {
  color: #A8A8A8;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  letter-spacing: -1px;
}
  
 
/* Event Contents
--------------------------------------------------------------------------------------------------*/ 

.fc-border-separate div.fc-end div.fc-not-end th {
  border-top: none !important;
  border-left: none !important;
}

.fc-border-separate div.fc-end {
  border-right: none !important;
}

.fc-day-grid-container div {
  text-align: left;
}

.fc-view-month .fc-event-time {
  display: none;
}
 
.fc-event .fc-view-container > span:first-child:before, .fc-resizable:before {
  font-family: FontAwesome;
  font-size: 7px;
  line-height: 10px;
  padding-right: 4px;
  float: left;
}

.fc-day-grid-event .fc-resizable {
  top: 0           !important; /* importants override pre jquery ui 1.7 styles */
  right: -3px      !important;
  width: 18px       !important;
  height: 100%     !important;
  cursor: e-resize;
}

.fc-resizable:before {
  content: "\f0b2";
}

.fc-day-number {
	text-align: left;
	line-height: 2em; 
	font-weight: bold;
}

.fc-list-header-left {
	float: left;
	padding-left: 5px;
}

.fc-list-header-right {
	float: right;
	padding-right: 5px; 
}

/* External Contents
--------------------------------------------------------------------------------------------------*/ 
#external-events {   
	font-size: 16px;
	padding: 2px 50px 10px 20px;
}
 
#external-events .fc-event, 
#external-events .fc-draggable {
	cursor: move; /* give events with links and draggable events a hand mouse pointer */
}
 
#external-events .ui-draggable{ /* the generic .fc-bg already does position */
	z-index: 1;  
}

#external-events > div { 
	margin: 3px 0;    
	line-height: 1.3;
	border-radius: 3px; 
	font-weight: normal;  
}

#external-events  > div:first-child:before, .ui-draggable:before {
  font-family: FontAwesome;
  font-size: 7px;
  line-height: 10px;
  padding-right: 4px;
  float: left;
}
 
.ui-draggable:before {
  content: "\f0b2";
}   

/* Attached Contents
--------------------------------------------------------------------------------------------------*/  
.btn-icon { padding:8px; background:#ffffff; margin-right:4px; }
.icon-btn { padding: 1px 15px 3px 2px; border-radius:50px;}

/* Attached Contents
--------------------------------------------------------------------------------------------------*/  
.form-group { 
    margin-top: 15px;
}

