/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/**:not(i .fa .glyphicon), html:not(.fa .glyphicon), body:not(.fa .glyphicon), div:not(.fa .glyphicon), span:not(.fa .glyphicon), applet:not(.fa .glyphicon), object:not(.fa .glyphicon), iframe:not(.fa .glyphicon), h1:not(.fa .glyphicon), h2:not(.fa .glyphicon), h3:not(.fa .glyphicon), h4:not(.fa .glyphicon), h5:not(.fa .glyphicon), h6:not(.fa .glyphicon), p:not(.fa .glyphicon), blockquote:not(.fa .glyphicon), pre:not(.fa .glyphicon), a:not(.fa .glyphicon), abbr:not(.fa .glyphicon), acronym:not(.fa .glyphicon), address:not(.fa .glyphicon), big:not(.fa .glyphicon), cite:not(.fa .glyphicon), code:not(.fa .glyphicon), del:not(.fa .glyphicon), dfn:not(.fa .glyphicon), em:not(.fa .glyphicon), img:not(.fa .glyphicon), ins:not(.fa .glyphicon), kbd:not(.fa .glyphicon), q:not(.fa .glyphicon), s:not(.fa .glyphicon), samp:not(.fa .glyphicon), small:not(.fa .glyphicon), strike:not(.fa .glyphicon), strong:not(.fa .glyphicon), sub:not(.fa .glyphicon), sup:not(.fa .glyphicon), tt:not(.fa .glyphicon), var:not(.fa .glyphicon), b:not(.fa .glyphicon), u:not(.fa .glyphicon), center:not(.fa .glyphicon), dl:not(.fa .glyphicon), dt:not(.fa .glyphicon), dd:not(.fa .glyphicon), ol:not(.fa .glyphicon), ul:not(.fa .glyphicon), li:not(.fa .glyphicon), fieldset:not(.fa .glyphicon), form:not(.fa .glyphicon), label:not(.fa .glyphicon), legend:not(.fa .glyphicon), table:not(.fa .glyphicon), caption:not(.fa .glyphicon), tbody:not(.fa .glyphicon), tfoot:not(.fa .glyphicon), thead:not(.fa .glyphicon), tr:not(.fa .glyphicon), th:not(.fa .glyphicon), td:not(.fa .glyphicon), article:not(.fa .glyphicon), aside:not(.fa .glyphicon), canvas:not(.fa .glyphicon), details:not(.fa .glyphicon), embed:not(.fa .glyphicon), figure:not(.fa .glyphicon), figcaption:not(.fa .glyphicon), footer:not(.fa .glyphicon), header:not(.fa .glyphicon), hgroup:not(.fa .glyphicon), menu:not(.fa .glyphicon), nav:not(.fa .glyphicon), output:not(.fa .glyphicon), ruby:not(.fa .glyphicon), section:not(.fa .glyphicon), summary:not(.fa .glyphicon), time:not(.fa .glyphicon), mark:not(.fa .glyphicon), audio:not(.fa .glyphicon), video:not(.fa .glyphicon) {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}*/

.round-color {
  display: inline-block;
  width: 20px;
  -moz-border-radius: 4px / 4px;
  -webkit-border-radius: 4px 4px;
  border-radius: 4px / 4px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.paint-blue {
  color: #3276b1;
}
.paint-blue .fa {
  color: #3276b1;
}

/** HEADER **/
@media screen and (max-width: 315px) {
  #header #logo-group {
    width: 100px !important;
  }
}
@media screen and (min-width: 316px) and (max-width: 419px) {
  #header #logo-group {
    width: 115px !important;
  }
}
@media screen and (min-width: 420px) and (max-width: 760px) {
  #header #logo-group {
    width: 200px !important;
  }
}
#header #logo-group #logo {
  margin-top: 1px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 1.6rem;
  width: 100%;
}
#header #logo-group #logo a p {
  padding-top: 1em;
}
@media screen and (max-width: 315px) {
  #header #logo-group #logo a p {
    padding: 0;
    font-size: 1.0rem;
  }
}
@media screen and (min-width: 316px) and (max-width: 419px) {
  #header #logo-group #logo a p {
    padding-top: 2%;
    padding-left: 4%;
    font-size: 1.3rem;
  }
}
#header #logo-group #logo .online {
  border-left: none;
}
@media screen and (max-width: 770px) {
  #header #logo-group #logo #company-name {
    display: none;
  }
}
@media screen and (max-width: 315px) {
  #header #top-menu-right {
    width: 200px;
  }
}

/** MENU **/
#admin-separator span i,
#user-separator span i {
  float: right;
  color: #888;
}

#admin-separator.active span i,
#user-separator.active span i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.col .row {
  padding-bottom: 10px;
}

.select2-input {
  min-width: 200px;
}

.list-without-dot {
  list-style: none;
}

.smart-form .checkbox i {
  left: 0 !important;
}
.smart-form .bootstrap-duallistbox-container {
  padding-left: 15px;
}

.select2-hidden-accessible {
  display: none !important;
}

.label.col {
  white-space: pre-line !important;
}

.fc-event-container {
  cursor: pointer;
}

.fuelux .wizard .actions {
  padding-left: 0 !important;
  padding-right: 0 !important;
  height: 100%;
}
.fuelux .wizard .actions button {
  height: 100%;
}

.calendar-legend {
  padding-left: 2%;
  background-color: #EEE;
  border: 1px solid #DDD;
}
.calendar-legend ul {
  padding-left: 0;
}

#pompiers_eventbundle_event_dateStart_time select, #pompiers_eventbundle_event_dateEnd_time select {
  min-width: auto;
  margin-right: 5px;
}
#pompiers_eventbundle_event_dateStart_time select:last-child, #pompiers_eventbundle_event_dateEnd_time select:last-child {
  margin-left: 5px;
}

@media screen and (max-width: 760px) {
  .widget-body-toolbar {
    min-height: 12px;
  }

  #calendar {
    margin-top: 0 !important;
  }

  .fc-toolbar .fc-button-group {
    float: none !important;
  }
  .fc-toolbar .fc-center {
    width: 100%;
  }

  #calendar-widget header h4 {
    padding-left: 10% !important;
  }
}
@media screen and (max-width: 400px) {
  #calendar-widget header h4 {
    padding-left: 13% !important;
  }
}
#event-view-infos {
  padding-bottom: 4%;
}
#event-view-infos .event-view-label {
  width: 20%;
  display: inline-block;
  float: left;
}
#event-view-infos .event-view-separator {
  width: 2%;
  float: left;
  display: inline-block;
}
#event-view-infos .event-view-block {
  width: 70%;
  display: inline-block;
}

.quota_min_max .quota_nb {
  padding-left: 16%;
  display: inline-block;
  font-size: 2.5rem;
  padding-right: 2%;
  vertical-align: top;
}
.quota_min_max .quota_other {
  padding-left: 4%;
  display: inline-block;
}
.quota_min_max .quota_other .quota_min {
  display: block;
  line-height: 1.8rem;
}
.quota_min_max .quota_other .quota_min span {
  font-weight: 600;
}
.quota_min_max .quota_other .quota_max {
  display: block;
  line-height: 1.8rem;
}
.quota_min_max .quota_other .quota_max span {
  font-weight: 600;
}

.quota-user .event-view-label {
  width: 100%;
  display: inline-block;
  float: left;
  padding-bottom: 2%;
}
.quota-user .event-view-label span {
  min-width: 150px;
  display: inline-block;
}
.quota-user .event-view-block {
  width: 40%;
  display: inline-block;
}

#quota-users-table tr.active {
  border: 1px solid #aaa;
}
#quota-users-table tr.active td {
  border-top: 1px solid #aaa;
  background-color: #fff;
}

.quota-user-row {
  background-color: #eee;
  border: 1px solid #aaa;
}

.new-user {
  padding-top: 20px;
  padding-bottom: 20px;
}
.new-user div .select2-container {
  display: inline-block !important;
  width: 50%;
  float: left;
  margin-right: 4%;
}

#calendar {
  margin-top: 0px;
}
#calendar .fc-toolbar:first-child {
  padding-top: 2%;
}
#calendar .fc-toolbar .fc-left {
  padding-left: 10px;
}
#calendar .fc-day-grid-event {
  padding-top: 5px;
  padding-bottom: 10px;
}

/** Add event **/
#event-form-frequency #frequency_choice {
  margin-top: 10px;
}
#event-form-frequency input[name="frequency_end_times"] {
  float: left;
}
#event-form-frequency #myTab1 li a {
  color: #C4C2C0 !important;
}

body.smart-style-3 {
  /** HEADER **/
  /** ASIDE **/
}
body.smart-style-3 #header #logo a {
  color: white;
}
body.smart-style-3 #header #top-menu-right .btn-header span {
  cursor: pointer;
}
body.smart-style-3 #left-panel nav ul li.separator {
  cursor: pointer;
  background-color: #EEE;
  background-image: linear-gradient(to bottom, #EEE, #DDD);
}
body.smart-style-3 #left-panel nav ul li.separator span {
  color: #000;
}

body.sport #header {
  background-color: #759344;
  background-image: -moz-linear-gradient(top, #759344, #566D29);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#759344), to(#566D29));
  background-image: -webkit-linear-gradient(top, #759344, #566D29);
  background-image: -o-linear-gradient(top, #759344, #566D29);
  background-image: linear-gradient(to bottom, #759344, #566D29);
}
body.sport #logo-group span#activity, body.sport .btn-header > :first-child > a {
  background-color: #3D4C17;
  background-image: -moz-linear-gradient(top, #566D29, #3D4C17);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#566D29), to(#3D4C17));
  background-image: -webkit-linear-gradient(top, #566D29, #3D4C17);
  background-image: -o-linear-gradient(top, #566D29, #3D4C17);
  background-image: linear-gradient(to bottom, #566D29, #3D4C17);
  color: #fff !important;
  border: 1px solid #759344;
  text-shadow: #759344 0 -1px;
}
body.sport #logo-group span#activity:active, body.sport #logo-group span#activity:hover, body.sport .btn-header > :first-child > a:active, body.sport .btn-header > :first-child > a:hover {
  box-shadow: inset 1px 1px 0 #566D29,inset -1px -1px 0 #566D29;
  background-color: #759344;
  background-image: -moz-linear-gradient(top, #759344, #566D29);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#759344), to(#566D29));
  background-image: -webkit-linear-gradient(top, #759344, #566D29);
  background-image: -o-linear-gradient(top, #759344, #566D29);
  background-image: linear-gradient(to bottom, #759344, #566D29);
}

body.minified aside nav ul li span {
  display: none;
}
body.minified aside nav ul li a span {
  display: none;
}
body.minified aside nav ul li.separator {
  display: none;
}

nav ul li.separator {
  width: 100%;
  border-bottom: 1px solid #A8A8A8;
}
nav ul li.separator span {
  line-height: normal;
  font-size: 14px;
  padding: 10px 10px 10px 11px;
  color: #FFFFFF;
  display: block;
  font-weight: 400;
  text-decoration: none !important;
}

.hide {
  display: none;
}

.progress-gray, .progress-green, .progress-red, .progress-orange {
  font-weight: bold;
}

.progress-orange {
  color: #E8B558;
}

.progress-red {
  color: #C41515;
}

.progress-green {
  color: #44B23C;
}

.progress-gray {
  color: #C4C2C0;
}

.fa {
  margin-top: 0.2em;
}

.widget-icon .fa, .button-icon .fa {
  margin-top: 0.6em;
}

.margin-top-0 {
  margin-top: 0;
}

.jarviswidget-color-blueDark .a2lix_translationsLocales li:not(.active) a,
.jarviswidget-color-purple .a2lix_translationsLocales li:not(.active) a {
  color: #000 !important;
}

@media screen and (max-width: 760px) {
  .well {
    padding: 4px;
  }

  #ribbon {
    min-height: 20px;
  }

  #logo-group {
    width: 150px !important;
  }

  .fa {
    margin-top: 0.3em;
  }
}