/*
 * 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 any plugin's vendor/assets/stylesheets directory 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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 


 */




.lime_text {
	color: #c9d92a;
}


.verylighttext {
  color: #dddddd;
}

.bg_lime {
  background-color: #f3fad2; 
}

.bg_lime_full {
  background-color: #c9d92a; 
}
a.lime_text {
  color: #c9d92a;
}

a.lime_text:hover {
  color: #3a4155;
}


.green_text {
  color: #05AE0E;
}

.lightgray_text {
  color: #bbb;
}

.really_lightgray_text{
  color: #cccccc;
}

.kindamuted{
  color: #aaaaaa;
}

.reallymuted{
  color: #cccccc;
}

.darknavy_text {
	color: #3a4155;
}

.deep_red {
  color: #A00000;
}


.bg_darknavy {
  background-color: #294156;
}

.bg_darknavy_full {
  background-color: #3a4155;
}

a.darknavy_text {
	color: #3a4155;
}
a.darknavy_text:hover {
	color: #a7b708;
}

.ct-series-a .ct-bar {
  /* Colour of your bars */
  stroke: #00ff00;
  /* The width of your bars */
  stroke-width: 1px;
  /* Yes! Dashed bars! */

  
  /* Maybe you like round corners on your bars? */
  
}

.ct-series-b .ct-bar {
  /* Colour of your bars */
  stroke: #00ff00;
  /* The width of your bars */
  stroke-width: 1px;
  
  /* Yes! Dashed bars! */
  
  /* Maybe you like round corners on your bars? */


}

.vcenterdiv
{
     position: relative;
     top: 50%;
     transform: perspective(1px) translateY(-50%);
}

.tooltip{
    color: #fff;
    background: #FF9900;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -213px; /* half width of the spinner gif */
    margin-top: -213px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 512; /* width of the spinner gif */
    height: 512; /*hight of the spinner gif +2px to fix IE8 issue */
}

.simple-calendar {
  font-family: "Roboto Slab", monospace;
  border: 1px;
}
.simple-calendar .day {
  height: 50px;
  width: 50px;
  text-align: center;


}

.simple-calendar .circular{
  width: 50px;
  height: 50px;
  background-color: #3a4155;
  text-align: center;
  color: #c9d92a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: relative;
  
  font-family: "Roboto Slab", monospace;
  font-size: 30pt;
  font-weight: bold;
}

.simple-calendar th{
  text-align: center;
  font-weight: bold;
  
}
.simple-calendar .day.today {
  background: #c9d92a;
}
.simple-calendar .day.not-current-month {
  height: #ddd;
}

.simple-calendar .calendar-heading {
  font-size: 20pt;
}

.simple-calendar .day_of_month {
  color: #bbb;
  text-align: left;

}


.simplemap {
  height: 600px;
}


.na_ameria_map {
  height: 700px;
}


#map_overlay {
  position: absolute;
  color: #3a4155;
  background-color: #fff;

  top: 83px;
  left: 140px;
  z-index: 5;
}

.modal-dialog {
  width: 75%;
}


.frosted_image {
  -webkit-filter:  opacity(20%) saturate(15%) blur(3px);
  
}

.curledimage {
  position: relative;
}

.curledimage:before, .curledimage:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 7px;
  left: 5px;
  width: 50%;
  top: 90%;
  max-width:300px;
  background: #777;
  box-shadow: 5px 5px 5px 5px #555;
  transform: rotate(-8deg);
}


.curledimage:after
{
  transform: rotate(8deg);
  right: 12px;
  left: auto;
}


tr .upperborder
{
  border-top: 1px solid red;
}

tr .shadedrow
{
  background-color: #fafbe9;
}



/* 
.carousel {
  width: 100%;
  background-color: #000;
  min-height: 150px
  max-height: 150px;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.left {
  -webkit-transform: translateX(25px) translateY(0px);
  transform: translateX(25px) translateY(0px);
}
.carousel-fade .carousel-control {
  color: #c9d92a;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel-fade .carousel-control .fa {
  font-size: 3rem;
}
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 150px
}
.stopfade {
  opacity: 0.5;
}
.slide-content {
  color: #000;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-height: 150px;
}
.slide-content img {
  background-color: #fff;
  max-height: 150px;
  min-height: 150px;
  width: auto;
  height: auto;
  z-index: 0;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}


.door {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 1;

}
.door .title {	
  
  background-color: #c9d92a;
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  letter-spacing: 0.3rem;
  line-height: 2em;
  -webkit-transform: translateX(0px) translateY(-12px);
  transform: translateX(0px) translateY(-12px);
}
.door .description {
  border-top: 1px solid #fff;
  margin-top: 15px;
  font-size: 12px;
	color: #c9d92a;

}
*/