@import '_variables'; // theme level variables

// LOGIN LOGO

body .login .logo img{
  max-width: 300px;
  max-height: 80px;
}

.login .content {
  margin-top: 10px !important;
}

// APP TOP LEFT LOGO
.page-logo img {
  max-height : $header-logo-height;
  width: auto;
}

// MATERIAL DESIGN FLAT BUTTON

.btn.btn-no-border.btn-outline.btn-flat{
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}

.btn.btn-no-border.btn-outline.btn-flat:hover{
  box-shadow:none;
  -webkit-box-shadow:none;
}

// MATERIAL DESIGN BOOTBOX

.bootbox-md{
  font-family: Roboto, sans-serif;
  font-size:15px;
}
.bootbox-md .modal-body{
  padding:22px;
}
.bootbox-md .modal-footer{
  padding : 8px;
}
.bootbox-md .title{
  font-size:16px;
  padding-bottom: 20px;
}
.bootbox-md .message{
  color:grey;
  font-weight: 200;
}

.custom-md-select button.btn.btn-default{
  box-shadow: none ;
  -webkit-box-shadow: none;
}

//SELECT2 MATERIAL DESIGN


.select2-container--open .select2-dropdown{
  border: 1px solid #e6e6e6;
}

.select2-container--open .select2-dropdown--below{
  //top: -34px; // problemi con la single select , si chiude subito prendendo la selezione
}

.select2-container--open .select2-dropdown--above{
  //top: 34px;
}

.select2-container--bootstrap .select2-selection {
  border: none;
  border-bottom: 1px solid #c2cad8;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

// INLINE FORM MATERIAL DESIGN

.form-inline .form-md-line-input{
  padding-top:20px;
}

.md-error {
  width:100%;
  height: 50px;
  position:absolute;
  left:0px;
  bottom:30px;
  background-color: #383838;
  color: #F0F0F0;
  font-family: Roboto, sans-serif;
  font-weight: 100;
  font-size: 15px;
  text-align:center;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  z-index: 1000;
}

.md-error-message{
  height: 50px;
  padding-top:15px;
  vertical-align: middle;
}

.md-error-message{
  height: 50px;
  padding-top:15px;
  vertical-align: middle;
}

.md-error-confirm{
  height: 50px;
  padding-top:15px;
  vertical-align: middle;
  color:orange;
}

// DASHBOARD CHART
.dashboard-chart-summary {
  width: 100%;
  height: 400px;
}