/* Main */

body {
  background-color: #fafafa;
}

footer {
  background-color: #ffffff;
  border-top: 1px solid #ebebeb;
}

section {
  margin-bottom:20px;
  overflow: auto;
}

/* Menu */
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff!important;
    font-size: 12.6px!important;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .5px;
}
.navbar-nav{
  /*margin-top:13px;*/
}
.navbar{
  font-size:12.6px!important;
  font-family: 'Open Sans', 'Roboto', 'Helvetica', Sans-Serif
}
.dropdown-menu{
  font-size:12.6px!important;
}

/* Buttons */
button i {
  margin-right:5px;
}

/* Images */
img.logo{
  width:45px!important;
}
img.sm-logo{
  width:25px!important;
}

/* STRUCTURE */
.tabbed-card {
  height:100%;
  min-height:500px!important;
}

/* Forms */
.form-group {
    margin-bottom: 0.8rem!important;
}
.form-group .row {
    /*margin-bottom: 0px!important;*/
}

/* Questions */
/*.m-ponderation, .m-fixed-none {
  border-bottom: 1px solid #ebebeb;
  background-color:#f0f0f0;
  margin-left: 15px;
  margin-bottom: 15px;
}
.m-fixed-none {
  margin-right: 20px;
}
.m-ponderation {
  border-left: 2px solid #cbcbcb;
}*/

.m-options {
  border: 1px solid #cbcbcb;
  background-color:#f5f5f5;
  margin: 5px 1px 15px 1px!important;
  padding : 10px 2px 10px 2px;
}

.clickable {
  cursor: pointer;
}

/* Image drop zone */
.drop-image {
  border: 2px dashed #e5e5e5;
  padding : 5px;
  background-color:#f5f5f5;
  cursor:default;
  text-align:center!important;
  vertical-align:middle!important;
  /*display:block!important;*/
}

.drop-image-progress {
  background-color:#e5e5e5;
}

.drop-image-loaded {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.drop-image-hover{
  background-color:#FCAEBB;
  cursor:grab;
}

/* Treeview */
.fancytree-treefocus {
  outline:none !important;
}

.fancytree-container {
  border:0px solid #ffffff!important;
}

/* word wrapping on resize */
ul.ui-fancytree.fancytree-container {
  white-space: normal;
}
/* idem */
span.fancytree-node {
  display: flex;
}

.treeview-container {
  border: 1px solid rgba(0,0,0,.125)!important;
  border-radius: .25rem!important;
  min-height:500px!important;
  /*max-height:100vh!important;*/
  overflow: auto;
  background-color:#ffffff;
  max-height: -webkit-calc(100vh - 120px);
  max-height: -moz-calc(100vh - 120px);
  max-height: calc(100vh - 120px);
}

.rabItem > div.card-header {
  background-color: rgba(0,0,0,.03);
  color:black;
}
.rabItemSelected > div.card-header {
  background-color:#17ab17;
  color:white;
}

.alreadyUsed {
  font-style: italic;
}

.datatable td {
  cursor: pointer;
}