/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28 avr. 2015, 10:44:23
    Author     : gdeoliveira
*/
YucaConfig {
  content: "";
}

body {
  background-color: #ffffff;
  background-image: none;
  background-size: cover;
}

.lte-ie8 body {
  -ms-behavior: url(/assets/backgroundsize.min.htc);
}

a {
  color: #ffffff;
}

.logo-yuca,
.light-back .logo-yuca {
  background-color: #003e7c;
}
.logo-yuca .font.customColor,
.light-back .logo-yuca .font.customColor {
  color: #009ee7;
}
.logo-yuca .vecto .customColor,
.logo-yuca .vecto .customColor *,
.light-back .logo-yuca .vecto .customColor,
.light-back .logo-yuca .vecto .customColor * {
  fill: #009ee7;
}

.header-link:before {
  border-left-color: #009ee7;
}

.with-link .header-link {
  color: #ffffff;
}
.with-link .header-link .link {
  background-color: #003e7c;
}
.with-link .header-link:hover {
  color: #003e7c;
}
.with-link .header-link:hover .link {
  background-color: #009ee7;
}

.header .title {
  background-color: #009ee7;
}

/* remove .active car classe interferant avec le player */
.active-box, .room.active, .picto.active, .plugin.active {
  color: #003e7c;
  background-color: #009ee7;
}
.active-box > .button .font, .room.active > .button .font, .picto.active > .button .font, .plugin.active > .button .font {
  color: #ffffff;
}
.active-box > .button .vecto, .room.active > .button .vecto, .picto.active > .button .vecto, .plugin.active > .button .vecto {
  background-color: #009ee7;
}
.active-box > .button .vecto *, .room.active > .button .vecto *, .picto.active > .button .vecto *, .plugin.active > .button .vecto * {
  fill: #ffffff;
}

@media screen and (max-width: 479px) {
  .plugin.active .subplugin.single,
  .plugin.active .subplugin.active {
    color: #003e7c;
    background-color: #009ee7;
  }
  .plugin.active .subplugin.single > .button .font,
  .plugin.active .subplugin.active > .button .font {
    color: #ffffff;
  }
  .plugin.active .subplugin.single > .button .vecto,
  .plugin.active .subplugin.active > .button .vecto {
    background-color: #009ee7;
  }
  .plugin.active .subplugin.single > .button .vecto *,
  .plugin.active .subplugin.active > .button .vecto * {
    fill: #ffffff;
  }
}
.off {
  color: #ffffff;
  background-color: #003e7c;
}
.off > .button .font {
  color: #ffffff;
}
.off > .button .vecto * {
  fill: #ffffff;
}
.off > .button:hover {
  color: #003e7c;
  background-color: #009ee7;
}
.off > .button:hover .font {
  color: #ffffff;
  background-color: #009ee7;
}
.off > .button:hover .vecto {
  background-color: #009ee7;
}
.off > .button:hover .vecto * {
  fill: #ffffff;
}
.off.single > .button:hover {
  color: #ffffff;
  background: none;
}
.off.single > .button:hover .font {
  color: #ffffff;
  background: none;
}
.off.single > .button:hover .vecto {
  background: none;
}
.off.single > .button:hover .vecto * {
  fill: #ffffff;
}

.rooms .room.off:hover {
  background-color: #009ee7;
}

.block.timer .date:hover {
  background-color: #009ee7;
}

.block,
.light-back .block {
  color: #ffffff;
  background-color: #003e7c;
}

.room:hover {
  background-color: #009ee7;
}
.room.active {
  background-color: #ffffff;
}

.sharers {
  border-top-color: #ffffff;
}

.footer-links .link:hover {
  color: #009ee7;
}

.plugins .plugin .plugin-content,
.plugins .plugin .subplugin-content {
  border-top: 1px solid #ffffff;
}

.message .plugin.active > .button {
  color: #ffffff;
}

@media screen and (min-width: 480px) {
  .plugins .plugin .subplugin.active.single {
    background: none;
  }
  .plugins .plugin .subplugin.active.single > .button .font {
    color: #ffffff;
  }
}
@media screen and (max-width: 479px) {
  .plugin.active > .button {
    color: #ffffff;
  }

  .plugin > .button,
  .subplugin > .button {
    border-top: 1px solid #ffffff;
  }
  .plugin.off,
  .subplugin.off {
    background-color: #003e7c;
  }
  .plugin.off:hover,
  .subplugin.off:hover {
    background-color: #009ee7;
  }
  .plugin.off:hover > .button .title,
  .subplugin.off:hover > .button .title {
    color: #ffffff !important;
  }
}
.block.embed {
  color: #003e7c;
  background-color: #ffffff;
}
.block.embed .embed-param.code,
.block.embed .embed-param.deeplink,
.block.embed .embed-param:focus {
  color: #ffffff;
  background-color: #003e7c;
}
.block.embed .embed-param.deeplink {
  border-color: #ffffff;
}

.button-link {
  color: #003e7c;
  background-color: #ffffff;
}
.button-link:hover {
  color: #003e7c;
  background-color: #ffffff;
}

.subplugin.chat .chat-form {
  background-color: #ffffff;
}
.subplugin.chat .input.submit:hover {
  background-color: #009ee7;
}

.slideuse {
  color: #ffffff;
}
.slideuse .toolbar .select {
  border-top-color: #003e7c;
}
.slideuse .toolbar .bt {
  background-color: #003e7c;
}
.slideuse .toolbar .bt .picto svg * {
  fill: #ffffff;
}
.slideuse .toolbar .bt.previous .picto, .slideuse .toolbar .bt.next .picto {
  border-right-color: #ffffff;
  border-left-color: #ffffff;
}
.slideuse .thumbcontainer {
  background-color: #003e7c;
}
.slideuse .thumbcontainer .thumblist a .thumbmask div.numero {
  background-color: #003e7c;
}
.slideuse .thumbcontainer .thumblist a .thumbmask div.numero span {
  color: #ffffff;
}
.slideuse .thumbcontainer .thumblist a.active .thumbmask div.numero {
  background-color: #009ee7;
}

html.no-svg .slideuse .toolbar .bt.carrousel .picto_fallback div, html.no-svg .slideuse .toolbar .bt.fullscreen .picto_fallback div {
  border-color: #ffffff;
}

.light-back .slideuse .toolbar .select {
  top: -11px;
  border-top-color: #ffffff;
}
.light-back .slideuse .toolbar .bt {
  border: 1px solid #ffffff;
}
.light-back .slideuse .thumbcontainer {
  border: 1px solid #ffffff;
}

/*.chat .block.subplugin-content,
.plugins .plugin.summary .plugin-content{
    background-color:$module-text-color;
}*/
.text-list {
  background-color: #ffffff;
}

.text-item {
  background-color: #003e7c;
  border-bottom-color: #ffffff;
}
.text-item b, .text-item strong {
  font-weight: bold;
}
.text-item.current, .text-item.clickable:hover {
  color: #003e7c;
  border-bottom-color: #003e7c;
}

.item-sublevel {
  border-bottom-color: #ffffff;
}
.item-sublevel .text-item:first-child:before {
  border-right-color: #003e7c;
}

.chat-form {
  border-color: #003e7c;
}
.chat-form .chat-input,
.chat-form .input {
  border-color: #003e7c;
}
.chat-form .picto .font {
  color: #003e7c;
}
.chat-form .picto .vecto * {
  fill: #003e7c;
}

.chat-feed .info {
  color: #003e7c;
}

.form-input {
  border-color: #003e7c;
  /*.picto{
      .font{
          color:$module-back-color;
      }
      .vecto *{
          fill:$module-back-color;
      }
  }*/
}
.form-input.button {
  color: #003e7c;
  background-color: #009ee7;
}
.form-input.button:hover {
  color: #ffffff;
  background-color: #009ee7;
}

.questionary .label,
.questionary .save,
.questionary .cancel {
  background-color: #ffffff;
  color: #003e7c;
}
.questionary .answers textarea:focus {
  outline-color: #009ee7;
}
.questionary .answers input[type="checkbox"] + label:before {
  color: #009ee7;
  background-color: #ffffff;
}
.questionary .answers input[type="radio"] + label:before {
  background-color: #ffffff;
}
.questionary .answers input[type="radio"] + label:after {
  background-color: #009ee7;
}
.questionary .end-msg {
  border-top-color: #ffffff;
}

.lte-ie8 .questionary .answers input[type="radio"] + label:before {
  color: #ffffff;
}
.lte-ie8 .questionary .answers input[type="radio"] + label:after {
  color: #009ee7;
}