.form-inline.filter{
    align-items: flex-end;
}
.form-inline.filter .form-group{
    padding-right: 10px;
    box-sizing: border-box;
    flex: 1 1 auto;
}
.form-inline.filter .form-group .form-control{
    display: block;
    width: 100%;
}



.text-columns-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.text-columns-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.text-columns-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.text-columns-sm {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.text-columns {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.text-columns-lg {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 992px) {
  .text-columns-sm {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .text-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .text-columns-lg {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}
@media (max-width: 769px) {
  .text-columns-sm {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .text-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .text-columns-lg {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}
@media (max-width: 480px) {
  .text-columns-sm {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .text-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .text-columns-lg {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}


/* ALERT */
.alertscreen  { position:fixed; z-index:1100; width:100%; height:100vh; top:0; left:0; border:0; background-color:rgba(0,0,0,0.4); display: flex; flex-direction: column; justify-content: start; align-items: center; transition: 300ms; opacity: 0; }
.alertscreen  > div { max-width:90vw; height:auto; margin: 5vh 0 0 0; max-height: 90vh; text-align:left; background-color: #fff; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.6); border: 1px solid rgba(0,0,0,0.2); border-radius: 2px; display:flex; flex-direction: column; justify-content: space-between; transition: 300ms; transform: translateY(100px); }
.alertscreen.center {justify-content: center;}
.alertscreen.center > div {margin:0}
.alertscreen.bottom {justify-content: end;}
.alertscreen.bottom > div {margin: 0 0 5vh 0; }
.alertscreen.show { opacity: 1; }
.alertscreen.show > div { transform: translateY(0); position: relative; }

.alertscreen  > div > .alert_toast{z-index: 12; position: absolute; bottom: 50px; left: 10px; padding: 0 10px; height: 0; overflow: hidden; border: 0; border-radius: 6px; box-sizing: border-box; width: calc(100% - 20px); font-size: 14px; transition: 200ms; opacity: 0; transform: translateY(10px); }
.alertscreen  > div > .alert_toast::before{ border: 0; border-radius: 50%; font-size: 14px; line-height: 14px; text-align: center; height: 15px; width: 15px; content: "x"; font-weight: bold; display: block; float: right; vertical-align: top; }
.alertscreen  > div > .alert_toast.danger{background-color:#f67474; color: #6e0000;}
.alertscreen  > div > .alert_toast.danger::before{ color: #f67474; background-color:#6e0000; }
.alertscreen  > div > .alert_toast.success{background-color:#54cd5d; color: #fff;}
.alertscreen  > div > .alert_toast.success::before{ color: #54cd5d; background-color:#fff; }
.alertscreen  > div > .alert_toast.show{ padding: 10px; height: auto; overflow: auto; opacity: 1; transform: translateY(0); }

.alertscreen  > div > .alert_bar{ color: #2b2b2b; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; font-size:1.2em; font-weight:400; line-height:auto; vertical-align: middle; padding: 10px 10px 5px 10px; flex: 0 1 40px; max-height: 65px; }
.alertscreen  > div > .alert_bar > button { float: right; color:#808080; font-size:18px; line-height: 20px; padding: 0; font-weight: bold; text-transform: uppercase; background-color: transparent ; border: 0; border-radius: 50%; height: 25px; width: 25px; cursor: pointer; }

.alertscreen  > div > .alert_message{ z-index: 10; color: #7c8798; padding: 0 10px; border-top: 10px solid rgba(255, 255, 255, 0); border-bottom: 10px solid rgba(255, 255, 255, 0); font-size:1em; line-height:16px; overflow:auto; box-sizing: border-box; max-height: 100%; min-height: 100px; flex: 1 1 auto; }
.alertscreen  > div > .alert_button { border-top: 1px solid #e0e0e0; box-sizing: content-box; padding: 6px 10px; flex: 0 1 auto; height: auto; max-height: 78px; text-align: right; }

.alertscreen  > div > .alert_button > button { bottom:0; color:#222; font-size:14px; text-transform: uppercase; background-color:#bdbdbd; margin: 2px; padding: 0 10px; height: 35px; text-decoration:none; border:0; border-radius: 3px; display: inline-block; cursor:pointer; }
.alertscreen  > div > .alert_button > button.left { float: left; }
.alertscreen  > div > .alert_button > button.danger { color:#FFFFFF; background-color: #da542e; }
.alertscreen  > div > .alert_button > button.success { color:#FFFFFF; background-color: #28b779; }
.alertscreen  > div > .alert_button > button.info { color:#FFFFFF; background-color: #2255a4; }
.alertscreen  > div > .alert_button > button.warning { color:#FFFFFF; background-color: #ffb848; }

.alertscreen  > div > .alert_button_closex { position:fixed; z-index:1100; top:4px; right:6px; height:30px; width:30px; border:0; border-radius:15px; color:#444; font-size:14px; font-weight:bold; }