/*~1.2em*/
/*~1em*/
a:focus {
  outline: transparent;
  text-decoration: none; }
a:hover:focus {
  text-decoration: underline; }

.gm-no-margin {
  margin: 0 !important; }

.gm-no-padding {
  padding: 0; }

.gm-cursor-pointer {
  cursor: pointer !important; }

.gm-cursor-auto {
  cursor: auto !important; }

.gm-text-decoration-none {
  text-decoration: none; }

.gm-date {
  color: #cccccc; }

.gm-float-left {
  float: left; }

.gm-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.gm-truncate-two-lines {
  overflow: hidden;
  height: auto;
  max-height: 3.2em; }

.gm-truncate-two-lines:before {
  content: "";
  float: left;
  width: 5px;
  height: 3em; }

.gm-truncate-two-lines > *:first-child {
  float: right;
  width: 100%;
  margin-left: -5px; }

.gm-truncate-two-lines:after {
  content: "\02026";
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  float: right;
  position: relative;
  top: -1.5em;
  left: 100%;
  width: 3em;
  margin-left: -3em;
  padding-right: 5px;
  text-align: right;
  background-size: 100% 100%;
  background-image: url(../../images/ellipsis.png);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); }

.gm-no-data {
  color: #cccccc;
  font-style: italic; }

.gm-no-bold {
  font-weight: normal; }

.container {
  width: 100%;
  /*override for bootstrap max width. We want to always use the whole screen*/ }

/*Class for the outer-most container (bootstrap class) so we can tune the outermost spacing*/
.gm-outermost-container {
  padding: 14px 14px; }
  @media (min-width: 992px) {
    .gm-outermost-container {
      padding: 14px 42px; } }

/*We dont want the size set by bootstrap and we want to add margin to all btns*/
.btn {
  font-size: inherit;
  margin: 0.5em; }

/*We dont want the border on the buttons when gets the focus set by bootstrap*/
.btn:focus {
  outline: none; }

/*We want to avoid dro down btns to use our general btns behavior*/
.dropdown-menu .btn {
  margin: 0; }

/* Full callendar set a margin but we want to add a custom margin to all btns*/
.btn-fix-margin {
  margin: 0.5em !important; }

/*We want to remove the clear button of a text input on Internet Explorer, ::-ms-clear pseudo-element */
input::-ms-clear {
  display: none; }

.gm-no-hover-glyphicon {
  color: #676767 !important; }

/*we need the caret created for the dropdowns by bootstrap to be bigger*/
.caret {
  border-top: 7px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

/*Since calendar arrows are not correctly rendered in Microsoft Edge,and the problem was a margin -1, we have to add a workaround with margin 0 .*/
.fc-icon::after {
  margin: 0; }

/*Workaround that lets the more popover leave and overlap the calendar. */
.fc-day-grid {
  position: static; }

/*# sourceMappingURL=workarounds.css.map */
