/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *



 */


.dash_noti{
 width: 90%;
 padding-top:10px;
 padding-bottom: 15px;	
 padding-left:10px;
 padding-right: 20px;
 border-bottom: 1px solid #eee;
 overflow: auto;
}

.blue_bg{
  background: #D1E9F5;
}

.noti_pic{
 width: 40px;
 height: 40px;	
 float:left;	
}
.noti_info{
 float:left;
 margin-left:10px;	
}

.body_layout{
  background-color: #fff;
  box-shadow: 4px 0 8px #B1B1B1 !important;

  margin-top:-10px;

}

.side_body_layout{
  
}

.side_layout{
  background-color: #fff;

  margin-top: -10px;

  box-shadow: 4px 0 8px #B1B1B1 !important;
}

#flash_notice{
  background-color:#d0ffc9;
  color:#4a4;
  height: 30px;
  font-size: 12px;
  padding-left: 20px;
  padding-top: 10px;

  border-bottom:1px solid #aedda7;
  border-top:1px solid #aedda7;
  display:none;
}

#flash_warning{
  background-color:#ffc9d1;
  color: #900202;	
  height: 30px;
  font-size: 12px;	
  padding-left: 20px;
  padding-top: 10px;
  border-bottom:1px solid #900202;
  border-top:1px solid #900202;
  display:none;
}

.notice{
  background-color:#d0ffc9;
  color:#4a4;
  height: 30px;
  font-size: 12px;
  padding-left: 20px;
  padding-bottom: 30px;
  border-bottom:1px solid #aedda7;
  border-top:1px solid #aedda7;
}

.notice h3 {
  padding-bottom:30px !important;
  font-size: 12px;
}

.warning{
  background-color:#ffc9d1;
  color: #900202;	
  height: 30px;
  font-size: 12px;
  padding-left: 20px;
  padding-bottom: 30px;	
  border-bottom:1px solid #900202;
  border-top:1px solid #900202;
}
.warning h3 {
  padding-bottom:30px !important;
  font-size: 12px;
}

.js_form{
 float:left;
 width: 47%;	
}

.js_flash{

 width: 50%;
 float: right;	
}
.create-account-button {
cursor: pointer;
height: 26px;
line-height: 24px;
font-size: 11px;
padding: 0 15px;
background-color: #741b09;
color: white !important;
float: right;
margin: 12px 10px 0 0;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}

.create-account-button:hover{
	background: #d22000;
	color: white;
	text-decoration: none;
}

.top-logout-button {
cursor: pointer;
height: 26px;
line-height: 24px;
font-size: 11px;
padding: 0 15px;
background-color: #383736;
color: white !important;
float: right;
margin: 12px 2px 0 0;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}

.top-logout-button:hover{
 background: #B1B1B1;
 	
}

.own_page_header {
background:#D8EECF;
margin: 0 0 5px 0;
padding: 13px 30px 13px 24px;
}
.own_page_header a {
 color: #0000FF !important;
 text-decoration: underline;	
}	
.own_page_header a:hover {
 background:none;
 text-decoration: underline;	
}
.link_blue{
 color: blue !important;	
}
.link_blue:hover{
 background: white !important;	
}

.link_red{
 color: red !important;	
}
.link_red:hover{
 background: white !important;	
}

#calendar table {
  border-collapse: collapse;
  width: 100%;
}

#calendar td,
#calendar th {
  font-family: "Lucida Grande",arial,helvetica,sans-serif;
  font-size: 10px;
  padding: 6px;
  border: 1px solid #999;
}

#calendar th {
  background: #DDD;
  color: #666;
  text-align: center;
  width: 14.2857142857143%;
}

#calendar td {
  background: #FFF;
  color: #777;
  height: 80px;
  vertical-align: top;
  font-size: 16px;
}

#calendar .notmonth {
  color: #CCC;
}

#calendar #month {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

#calendar #month a, #calendar #month a:hover {
  text-decoration: none;
  padding: 0 10px;
  color: #999;
}

#calendar .today {
  background-color: #D7F2FF;
}

#calendar ul {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  list-style: none;
}

#calendar li {
  margin: 0;
  padding: 0;
  font-size: 11px;
  text-align: center;
}

.alert{
 margin-bottom: 0px !important;
}

#spin{
  float:right;
  display:none;
}

#large_spin{
  display:none;
}

#large_spin img{
 width: 40px;
}

#spin img{
 width: 40px;
}

#spin_small{
 float:left;
 margin-left:-45px;
 display:none;
}
#spin_small2{
 float:right;
 margin-left:-50px;
 margin-top:-10px;
 display:none;
}
#spin_small img{
 width: 40px;
}

#spin_small2 img{
 width: 30px;
}
#create_form_spin{
 display:none;
 float:left;
 margin-left: 330px;
 margin-top: -35px;
 position: absolute;
}

#create_form_spin img{
 width: 40px;
}

#add_task_to_role {
  
}

#signin{
max-width: 300px;
padding: 19px 29px 29px;
margin: 0 20px auto 20px;
margin-top: 100px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05); 
}

#cl_events a{
 color: #000000;
 text-decoration: underline;	
}
#cl_events a:hover{
 background: none;	
}
#red_link a{
 color: #FF0000;
 background: none;	
}