/* region colors */
:root {
  --white: #ffffff;
  --black: #000000;
  --red: #ff8a8a;
  --blue: #82cbe8;
  --blue2: #b1d0ff;
  --blue-second: #0097bc;
  --blue-light: #c6cfe5;
  --purple: #938dd3;
  --pink: #ffcfe1;
  --orange: #FDAE61;
  --green: #a6d96a;
  --green2: #a2eab9;
  --light-green: #d9ef8b;
  --yellow: #ffec8d;
  --blue-button: #8DBCD0;
}
.callout.callout-info{
  background-color: var(--blue-second) !important;
  border-color: var(--blue) !important;
}
/* endregion colors */
/* region border */
.border-selected{
  border: 2px solid #AA2222;
}
/* endregion border */
/* region paddings */
.p-0{
  padding: 0 !important;
}
/* endregion paddings */
/* region margins */
.mt-20{
  margin-top: 20px;
}
.mt-8{
  margin-top: 8px;
}
.mt-5{
  margin-top: 5px;
}
.mb-5{
  margin-bottom: 5px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.ml-5{
  margin-left: 5px;
}
/* endregion margins */
/* region logo */
.main-header .logo img {
  padding: 0 0 4px 0;
}
.logo img {
  max-width: none !important;
}
/* endregion logo */
.sidebar .copyright{
  position: absolute;
  width: 100%;
  bottom: 0;
}
.copyright{
  margin-top: 10px ;
  text-align: center;
  color: #b5b5b5;
  font-size: 12px;
}
.copyright a,
.welcomebox a{
  color: var(--theme);
}
/* region login */
.login-page {
  background: url(../images/fondoMobile.jpg) no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .login-page {
    background: url(../images/fondo.png) no-repeat;
    background-size: cover;
  }
}
.login-page .login-box-body{
  padding: 40px;
}
@media screen and (min-width: 1400px) {
  .login-page .login-box{
    width: 500px;
  }
}
.login-page .login-logo img{
  width: 70%;
}
/* endregion login */
/* region boostrapTable Header */
.th-inner.sortable{
  color: #3c8dbc !important;
}
.th-inner.sortable:hover{
  outline: none;
  text-decoration: none;
  color: #72afd2 !important;
}
.bootstrap-table .fixed-table-container .table thead th .both {
  background-image: none !important;
}
.bootstrap-table .fixed-table-container .table thead th .asc:after,
.bootstrap-table .fixed-table-container .table thead th .desc:after
{
  background-image: none !important;
  color: black;
  font-size: 20px;
  line-height: 14px;
  float: right;
}
.bootstrap-table .fixed-table-container .table thead th .asc:after{
  content: "\01F829";
}
.bootstrap-table .fixed-table-container .table thead th .desc:after{
  content: "\01F82B";
}
.fixed-table-body th .fht-cell,
.fixed-table-body th .th-inner{
  text-align: center;
}
.fixed-table-body th .th-inner.sortable{
  text-align: left;
}
/* endregion boostrapTable Header */
/* region sidebar */
@media (max-width: 767px){
  .skin-black .main-header>.logo{
    background-color: #E3E3EF;
  }
}
img.admin-preview {
  max-height: 200px;
  max-width: 200px;
}
img.list-img, .user-panel .image img{
  height: 40px !important;
  width: 40px !important;
  max-width: 40px !important;
  border-radius: 100%;
}
.sidebar-menu .treeview-menu{
  padding-left: 0px;
}
.sidebar-menu li a{
  border-left: 3px transparent solid !important;
  /*border-left: 0px;*/
  /*padding-left: 3px;*/
}
.sidebar-menu>li.active>a {
  background-color: rgba(255,255,255,.9) !important;
  color: #343a40  !important;
}
.sidebar-menu .treeview-menu>li>a{
  padding: 10px 5px 10px 45px;
}
.sidebar-menu li.treeview .fa-angle-left::before{
  content: "\f105" !important;
}
.sidebar-menu li.treeview.active .fa-angle-left::before{
  content: "\f104"!important;
}
.user-panel{
  text-align: center;
}
.user-panel .info{
  position: initial;
  padding: 5px 0 0 0;
}
.user-panel .btn{
  color: var(--white) !important;
}
  /* endregion sidebar */
/* region Simulation */
.btnFilterTire.disabledButton{
  background-color: var(--blue-button);
  text-decoration:line-through;
}
/* region progress bar colors */
.progress-bar-primary{
  background-color: var(--blue);
}
.progress-bar-info{
  background-color: var(--blue-light);
}
.progress-bar-warning,
.bg-lightYellow{
  background-color: var(--yellow);
}
.progress-bar-danger{
  background-color: var(--red);
}
.progress-bar-purple {
  background-color: var(--purple);
}
.progress-bar-pink{
  background-color: var(--pink);
}
.progress-bar-orange{
  background-color: var(--orange);
}
.progress-bar-success{
  background-color: var(--green);
}
.progress-bar-lightGreen{
  background-color:  var(--light-green);
}
.progress-bar-blue2{
  background-color:  var(--blue2);
}
/* endregion progress bar colors */
/* endregion Simulation  */
/* region dropify */
.dropify-wrapper {
  margin-bottom: 10px;
}
/* endregion dropify  */
/* region loading RING */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin-left: 50%;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #e3e3e3 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* endregion loading RING */
/* region welcome text */
.welcomebox {
  margin: auto;
  max-width: 80%;
  font-family: 'Roboto', sans-serif;
  text-align: justify;
  color: #383838;
}
.welcomebox img.logo-dashboard{
  padding-top: 30px;
  max-width: 300px;
  display: block;
  margin: 0 auto;
}
.welcomebox h3{
  font-size: 24px;
  font-weight: 300;
  color: #383838;
  margin-bottom: 20px;
}
.welcomebox h5{
  font-size: 20px;
  font-weight: 600;
  color: #c7a220;
}
.welcomebox ul{
  list-style: none; /* Remove default bullets */
}
.welcomebox li{
  padding-bottom: 10px;
}
.welcomebox ul li::before {
  content: "\2022";
  color: #c7a220;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.welcomebox .copyright {
  margin-top: 50px;
}
/* endregion welcome text */
/* region error-page */
.error-page .error-content{
  padding-top: 18px;
}
/* endregion error-page */
/* region forms */
form[name="import_simulation_form"] div .select2-container{
  margin-bottom: 10px;
}
.formInputError{
  border: 2px solid #dd4b39;
}
.textError{
  color: #dd4b39;
}
td > input {
  margin: 0;
  height: 100% !important;
  display: inline-block;
  width: 100%;
}
input[name="percentage"]{
  background-color: var(--green);
  width: 60%;
  padding: 3px;
  border-radius: 5px;
}
input[name="daysStock"]{
  background-color: var(--yellow);
  padding: 3px;
  border-radius: 5px;
  width: 80%;
  float: left;
  margin-right: 5px;
}
.progress.negativeProgressBar{
  display: flex;
  flex-direction: row-reverse;
}
.negativeProgressBar{
  text-align: right;
}
/* endregion forms */