//  Evolutility-UI-jQuery :: one.css

//  https://github.com/evoluteur/evolutility-ui-jquery
//  (c) 2017 Olivier Giulieri

.form-control {
  font-size: 16px;
}
input.form-control {
  padding: 6px;
}
.panel{
  @include b-radius(2px);
}
.label{
  font-weight: 400;
}

/* --- panels & tabs --- */
.evol-pnls{
  @include flex-holder;
}
.evol-pnl {
  padding-left:10px !important;
  .table {
    //margin-bottom: 0;
    img {
      max-height: 60px;
      padding:0;
    }
  }
  @include flex-item;
  .table .evol-money{
    /*TODO: better fix*/
    width: 200px;
  }
  .evol-pnl {
     > .panel{
        margin-bottom: 12px;
    }
    > div > fieldset{
      padding: 10px 10px 5px 2px;
    }
  }
}

.evo-plist{
  overflow-x: auto;
  input{
    &[type="date"]{
      max-width: 160px;
    }
    &[type="number"]{
      min-width: 100px;
    } 
    &[type="text"]{
      min-width: 120px;
    }
  }
  textarea{
    min-width: 120px;
  }
  select{
    min-width: 120px;
  }

  .table{
    margin-bottom: 0;
  }
}

.panel-heading { // panel-heading from Bootstrap
  >.panel-title{ // panel-title from Bootstrap
    display: inline-block;
  }
  >.evol-subtitle{
    display: inline-block;
    margin-left:.4em;
  }
}

.evo-panel-help{
  margin-top:5px;
}
.evol-tabs{
    margin: 0 10px 10px !important;
    >li>a{
      transition: all 0.6s ease;
    }
}

/* --- fields --- */
.evol-fset{
    @include flex-holder;
    padding: 10px 10px 5px 0;
    //input[type="checkbox"]{
    //    height: 30px;
    //}
}
.evol-fld{
    @include flex-item;
    padding-left:10px !important;
    margin-bottom: 6px;
    > .evo-rdonly{
          // todo: use or remove line below?
          // border-bottom: 1px solid silver;
      > img{
        position: relative;
        top: -2px;
        margin-right: 3px;
      }
    }
    > .text-danger{
        margin-bottom: 0 !important;
    }
}
label {
  color:$color-label;
  font-size: 14px;
  font-weight: 300;
}

.evol-field-label > label {
  color:$color-label;
  font-size: 14px;
  font-weight: 300;

  > .glyphicon-question-sign{
    cursor: pointer;
    padding-left: 4px;
    color: silver;

    &:hover{
      color:$color-icon-hover;
    }
  }
}

.evol-required,
.evol-asterix{
    margin-left:3px;
    font-weight:bold;
}
.evol-required{
  color:#b94a48;
}
.evol-asterix{
  color:#0099cc;
}
.evo-rdonly{
  min-height: 32px;
  padding-top: 5px;
}
.evol-buttons{
  clear:both;
  margin-top:0 !important;
  //background-color: $toolbar-background-color;
  > button{
    margin:1em;
  }
}

.evol-ellipsis {
  @include ellipsis;
}
.evol-title-toggle{
  cursor: pointer;
  float:right;
}
.evol-json{
    width:100%;
    //height:350px;
    margin: 0 0 10px;
}
.evo-p-json{
  margin-bottom:10px;
  fieldset{
    padding:10px !important;
  }
}
.glyphicon-wrench{
    margin-left: 5px;
    display: inline !important;
}

/* bootstrap customizations*/
.table > thead > tr > th{
  font-weight: $weight-label;
  background-color: #fbfbfb;
}
.evol-fset label{
  margin-bottom: 2px;
}
.help-block{
  padding:2px 5px;
  background-color: #FFF8E1;
  border: 1px solid #FFECB3;
  @include b-radius(2px);
}
.evol-mini-holder,
.evolw-edit {
  .help-block{
    color: #737373 !important;
    clear: both;
  }
}

.evo-one-edit,
.evo-one-browse,
.evo-one-wiz{
    margin-left:-10px;
}

.evol-pl-nodata{
  text-align: center;

  [data-id="bPlus"]{
    margin-left:10px;
    cursor: pointer;
  }
}

.evo-td-plusminus{

  width:70px;
  min-width:70px;

  > div{
    float:left;
    margin-top: 10px;
    margin-left:10px;
    cursor: pointer;
    color: $color-icon;
    &:hover{
      color: $color-icon-hover;
    }
  }
  > div:last-child:after {
    clear:left;
  }

}

.evo-msg{
  &.alert-warning{
    padding: 10px 10px 3px;
    >.close{
      top:0 !important;
      right:0 !important;
    }
  }
  ul{
    margin-top:10px;
  }
}

#isDirty [data-id="nosave"]{
  float: left;
}

.evo-color-box{
  display: inline-block;
  height:20px;
  width:20px;
  border: solid 1px silver;
  span{
    margin-left:24px;
  }
}
.badge-one{
    position: relative;
    top: -14px;
    font-size: .5em;
    margin-left: 5px;
}

.w-100{
  width:100%
}
.w-62{
  width:62%
}
.w-38{
  width:38%
}

// -- select2
.evo-f-list > div{
  margin: 0 5px 0 0;
  padding: 2px 4px!important;
  border: 1px solid silver;
  margin-bottom:5px;
}
.evo-f-list > div,
.select2-search-choice{
    display: inline-block;
    background-image: none !important;
    background-color: aliceblue !important;
}
.select2-search-choice{
    padding: 5px 10px 5px 20px !important;
}
.evol-many-list .evo-f-list > div{
  font-size: 15px;
}
.evol-cards-body .evo-f-list > div{
  margin-bottom:5px;
}
