/*
 * 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.
 *









 * require template/bootstrap-theme


 * require template/fullcalendar
 * require template/fullcalendar.print




 * require template/material-shadows-prefixed
 * require template/material-shadows




 * require template/summernote-bs3







 * require my_formtastic_changes




 */

/*table.datagrid td.ordered.desc a.desc, table.datagrid th.ordered.desc a.desc {
  font-weight: bold;
  color: #dd0000;
}*/


.marker-cluster div {
  position: relative;
  top: 5px;
  font-weight: bold;
}

.marker-cluster.marker-without-os {
  background-color: rgba(0, 148, 148, 0.6);
}
.marker-cluster.marker-without-os div {
  background-color: rgba(0, 240, 239, 0.6);
}

.marker-cluster.marker-with-os {
  background-color: rgba(7, 6, 42, 0.6);
}
.marker-cluster.marker-with-os div {
  background-color: rgba(39, 38, 95, 0.6);
}



.checklist-buttons.btn-group .btn-success {
  background-color: #939292;
  opacity: 1;
}

.checklist-enabled {
  font-size: 30px;
  color: #939292;
}

.checklist-disabled {
  font-size: 30px;
  color: gray;
}

table.datagrid tr a {
  color: #adadad;
  font-size: 20px;
}

table.datagrid tr a:hover {
  color: black;
}

form.formtastic .form-control.bootstrap-select {
  height: 25px;
}

.form-group:not(.fg-float) {
  margin-top: 28px;
  margin-bottom: 7px;
}

.form-group:not(.fg-float) .fg-label {
  font-size: 11px;
  color: #959595;
}

11px

form.formtastic .buttons, form.formtastic .actions {
  padding-left: 10px;
}

.formtastic fieldset.choices legend.label {
  position: static;
  width: auto;
  float: none;
  text-align: left;
  height: 20px;
  margin-bottom: 10px;
  color: #5e5e5e;
  font-size: 14px;
}

.formtastic fieldset.choices legend.label {
  position: static;
}

.formtastic ol ol.choices-group {
  padding-left: 0px;
}

div.fg-float > .fg-line {
  margin-top: 25px;
}

table.table a span.zmdi {
  font-size: 25px;
  color: #5e5e5e;
}

table.table > tbody > tr > td, table.table tr > th {
  vertical-align: middle;
}

.search-form {
  /*margin-top: 20px;*/
}

.notice {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  text-align: center;

    -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}

table.table-show th {
  text-align: right;
  width: 20%;
}

table td {
  vertical-align: middle;
}

.bar-button {
  margin: 0px 10px;
}

.panel-title {
  line-height: 35px;
}
.apple_pagination {
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 1em;
  cursor: default;
}
.apple_pagination a, .apple_pagination span {
  padding: 0.2em 0.3em;
}
.apple_pagination .disabled {
  color: #aaaaaa;
}
.apple_pagination .current {
  font-style: normal;
  font-weight: bold;
  background-color: #bebebe;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.5;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;
}
.apple_pagination a {
  text-decoration: none;
  color: black;
}
.apple_pagination a:hover, .apple_pagination a:focus {
  text-decoration: underline;
}

/* Scaffolds */


#notice {
  color: green;
}

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}

#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

.gps_ring.blue, .gps_square.blue {
  background-color: #4084f4;
}

.gps_ring.yellow, .gps_square.yellow {
  background-color: #FFEB3B;
}

.gps_ring.green, .gps_square.green {
  background-color: #939292;
}

.gps_ring.red_os, .gps_square.red_os {
  background-color: #DF371D;
}

.gps_ring.activity_record_type, .gps_square.activity_record_type {
  background-color: rgb(199, 255, 115);
  color: black;
  font-weight: bolder;
}

.gps_ring.pre, .gps_square.pre {
  background-color: #808080;
}

.gps_ring.no_rev, .gps_square.no_rev {
  background-color: #F5A300;
}

.gps_ring.rev, .gps_square.rev {
  background-color: #a5e274;
}

.gps_ring.pub, .gps_square.pub {
  background-color: #60AA24;
}

.gps_ring.pub_app, .gps_square.pub_app {
  background-color: #315612;
}

.gps_ring.extra_status, .gps_square.extra_status {
  background-color: white;
}

.gps_ring.red, .gps_square.red {
  background-color: #ff0000;
}

.gps_ring.orange, .gps_square.orange {
  background-color: #FF5722;
}

.gps_ring.green2, .gps_square.green2 {
  background-color: #22dd22;
}

.marker-cluster.red {
  background-color: rgba(255, 0, 0, 0.6);
}
.marker-cluster.red div {
  background-color: rgba(235, 20, 20, 0.6);
}

.marker-cluster.orange {
  background-color: rgba(255,87,34, 0.6);
}
.marker-cluster.orange div {
  background-color: rgba(235,97,44, 0.6);
}

.marker-cluster.yellow div {
  background-color: rgba(255, 235, 59, 0.6);
}

.marker-cluster.yellow {
  background-color: rgba(245, 201, 66, 0.6);
}

.marker-cluster.green2 {
  background-color: rgba(34,221,34, 0.6);
}
.marker-cluster.green2 div {
  color: black;
  background-color: rgba(74,121,74, 0.6);
}

.gps_ring {
  border: 3px solid #fff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  height: 20px;
  width: 20px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  /*opacity: 0.0*/
}

.gps_square {
  border: 3px solid #000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 20px;
  width: 20px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  /*opacity: 0.0*/
}

@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.5, 0.5); opacity: 0.8;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(1, 1); opacity: 0.8;}
}

.float_if_wide {
  position: absolute; 
  top: 0px; 
  right: 0px;
}

@media screen and (max-width: 768px){
    .float_if_wide{
        position: static;
        width: 100%;
    }
}

.model-show.row div .fg-label {
  font-size: 11px;
}

.model-show.row > div  {
  border-bottom: 1px solid #e0e0e0;
}

/*.leaflet-popup-pane {
  z-index: 9999999;
}*/

.signature-pad {
  border: 1px dashed gray;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 4px;
    font-size: 90%;
}

.summernote-group > li > label {
  display: block;
  text-align: center;
  font-size: 200%;
}

/* TextArea SummerNote */
.note-editable h1, .note-content-show h1 {
  color: #CE132C;
}

.note-editable p, .note-content-show p {
  margin-bottom: 20px;
}

.note-editable p img, .note-content-show p img{
  width: 100%;
}

.note-editable h5, .note-content-show h5 {
  padding: 10px;
  background-color: #F2DCD1;
  font-weight: 100;
  margin-top: -20px;
}


figure.summernote_img_caption {
  /* margin: 0px 10px 10px 10px; */
  max-width: 100%;
}

figure.summernote_img_caption .caption {
  padding: 10px;
  background-color: #F2DCD1;
  font-weight: 100;
  clear: both;
}

/* .note-editable h6, .note-content-show h6{
  font-size: 35px;
  font-style: italic;
  font-family: initial;
  margin-left: 65px;
} */


/* Toolbar SummerNote */
.dropdown-menu.dropdown-style li a p {
}

.summernote-group > li > label {
  display: block;
  text-align: center;
  font-size: 200%;
}

.note-video-clip {
  width: 100%;
}

div.note-editor > div.note-toolbar button.btn {
  height: 40px;
  padding: 5px 10px;
  line-height: 1.5em;
}

.note-editor .panel-heading {
  border-bottom: 1px solid;
}

.note-editor .panel-heading:before, .note-editor .panel-heading:after {
  content: "";
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 1500px) {
  .container {
    width: 1470px;
  }
}

@media (min-width: 1800px) {
  .container {
    width: 1600px;
  }
}

#smart-status-menu a:link, #smart-status-menu a:visited {
	color: gray;
	margin: 5px;
	text-transform: uppercase;
}

#smart-status-menu a.current:link, #smart-status-menu a.current:visited {
	color: red;
	font-weight: bold;
}

#smart-status-menu a:hover {
	text-decoration: underline;
	text-transform: uppercase;
}

.row-after {
  display: none;
}