/* ##### BOOTSTRAP CHANGE ##### */
.container {max-width:1340px; padding-left: 10px;	padding-right: 10px;}
.container-fluid { padding-left: 10px;	padding-right: 10px;}
.row {margin-left: -10px; margin-right: -10px;}
[class*='col-'] {padding-left: 10px; padding-right: 10px;}
.open>.dropdown-menu {display: block;}
.dropdown-menu {box-shadow: 0 7px 25px 0 rgba(0,0,0,0.5)}
.dropdown-item {padding: 7px 10px;}

.table {font-size: 14px;}
.table th.sorted {padding: 0;}
.table th.sorted a {display: block; padding: .70rem .5rem; padding-left: 20px; color: inherit;}
.table.table-sm th.sorted a {padding: .3rem; padding-left: 20px;}
.table th.sorted a:hover {text-decoration: none;}
.table th.sorted i {
  font-size: 13px;
  margin-right: 5px;
  margin-left: -15px;
}
.table td {vertical-align: middle; padding: .75rem .5rem;}
.table tr:last-child td {border-bottom: 1px solid #dee2e6;}
.table td a {font-weight: 600;}
.table thead th {vertical-align: middle; padding: .75rem .5rem; font-weight: 600;}
.table-sm td, .table-sm th, .table-sm thead th {padding: .3rem;}

.breadcrumb {background: #f8f9fb;}
.breadcrumb-item+.breadcrumb-item::before {
  font-family: "Font Awesome 5 Pro";
  content: '\f105'
}

.rounded {border-radius: 0.35rem!important;}

.border-2 {border-width:2px !important;}
.border-3 {border-width:3px !important;}

.btn i:not(.fa-lg):not(.fa-xs):not(.fa-sm) {
  font-size: 1.2em;
  vertical-align: -.04em;
}


@keyframes alertShowHide {
  from {
    transform: translate3d(100%, 0, 0);
  }
  20% {
    transform: none;
  }
  90% {
    opacity: 1;
    transform: none;
  }
  to {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
.alert.fixed {
  animation-name: alertShowHide;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  position: fixed;
  z-index: 99;
  min-width: 250px;
  max-width: 500px;
  right: 0;
  bottom: 50px;
}

/* ##### FORM ##### */
input[required], textarea[required], select[required], .bootstrap-select.required .btn.dropdown-toggle {
  background-image:url(../img/req-ico.png);
  background-repeat: no-repeat;
  background-position: 99% 5px;
}

input.error:not([disabled]), textarea.error:not([disabled]), select.error {border-color:red !important; box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);}
.valid:not([disabled]) {border-color:#36d100 !important;}

label.error {display:none; color:red; font-size:13px; line-height:normal; font-weight:normal; margin:0;}
label[generated="true"] {display:inline-block;}

.form-control::-webkit-input-placeholder {color: #afafaf;}
.form-control:-moz-placeholder {color: #999;}
.form-control::-moz-placeholder {color: #999;}
.form-control:-ms-input-placeholder {color: #999;}

textarea.form-control {height: 100px;}

.form-control:disabled, .form-control[readonly] {background-color: #eee; border-color: #ced4da; opacity: .8; cursor: not-allowed;}


.badge {font-weight: normal; padding: 2px .6em 3px .6em}
table .badge {
  display: block;
}

/* ##### TOOLTIP ##### */
.tooltip-inner{
  max-width: 600px;
  min-width: 100px;
}

.tooltip-wrapper {
  display: inline-block;
}

.tooltip-wrapper .btn[disabled] {
  pointer-events: none;
}

.tooltip-wrapper.disabled {
  cursor: not-allowed;
}

/* ##### OTHER ##### */
.el-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row.row-20 {margin-left: -20px; margin-right: -20px;}
.row.row-20 > [class*='col'], .row.row-20 > [class*='el-'] {padding: 20px;}

.row.row-15 {margin-left: -15px; margin-right: -15px;}
.row.row-15 > [class*='col'], .row.row-15 > [class*='el-'] {padding: 15px;}

.row.row-10 {margin-left: -10px; margin-right: -10px;}
.row.row-10 > [class*='col'], .row.row-10 > [class*='el-'] {padding: 10px;}

.row.row-5 {margin-left: -5px; margin-right: -5px;}
.row.row-5 > [class*='col'], .row.row-5 > [class*='el-'] {padding: 5px;}

.column-4 {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
}
.column-3 {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}
.column-2 {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
.column-1 {
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1;
}

@media (min-width: 576px) {
  .el-sm-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row.row-sm-20 {margin-left: -20px; margin-right: -20px;}
  .row.row-sm-20 > [class*='col'], .row.row-sm-20 > [class*='el-'] {padding: 20px;}

  .row.row-sm-15 {margin-left: -15px; margin-right: -15px;}
  .row.row-sm-15 > [class*='col'], .row.row-sm-15 > [class*='el-'] {padding: 15px;}

  .row.row-sm-10 {margin-left: -10px; margin-right: -10px;}
  .row.row-sm-10 > [class*='col'], .row.row-sm-10 > [class*='el-'] {padding: 10px;}

  .row.row-sm-5 {margin-left: -5px; margin-right: -5px;}
  .row.row-sm-5 > [class*='col'], .row.row-sm-5 > [class*='el-'] {padding: 5px;}

  .column-sm-4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
  }
  .column-sm-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  }
  .column-sm-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
  .column-sm-2 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .el-md-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row.row-md-20 {margin-left: -20px; margin-right: -20px;}
  .row.row-md-20 > [class*='col'], .row.row-md-20 > [class*='el-'] {padding: 20px;}

  .row.row-md-15 {margin-left: -15px; margin-right: -15px;}
  .row.row-md-15 > [class*='col'], .row.row-md-15 > [class*='el-'] {padding: 15px;}

  .row.row-md-10 {margin-left: -10px; margin-right: -10px;}
  .row.row-md-10 > [class*='col'], .row.row-md-10 > [class*='el-'] {padding: 10px;}

  .row.row-md-5 {margin-left: -5px; margin-right: -5px;}
  .row.row-md-5 > [class*='col'], .row.row-md-5 > [class*='el-'] {padding: 5px;}

  .column-md-4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
  }
  .column-md-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  }
  .column-md-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
  .column-md-1 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

@media (min-width: 992px) {
  .el-lg-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row.row-lg-20 {margin-left: -20px; margin-right: -20px;}
  .row.row-lg-20 > [class*='col'], .row.row-lg-20 > [class*='el-'] {padding: 20px;}

  .row.row-lg-15 {margin-left: -15px; margin-right: -15px;}
  .row.row-lg-15 > [class*='col'], .row.row-lg-15 > [class*='el-'] {padding: 15px;}

  .row.row-lg-10 {margin-left: -10px; margin-right: -10px;}
  .row.row-lg-10 > [class*='col'], .row.row-lg-10 > [class*='el-'] {padding: 10px;}

  .row.row-lg-5 {margin-left: -5px; margin-right: -5px;}
  .row.row-lg-5 > [class*='col'], .row.row-lg-5 > [class*='el-'] {padding: 5px;}

  .column-lg-4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
  }
  .column-lg-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  }
  .column-lg-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
  .column-lg-1 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

@media (min-width: 1200px) {
  .el-xl-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row.row-xl-20 {margin-left: -20px; margin-right: -20px;}
  .row.row-xl-20 > [class*='col'], .row.row-xl-20 > [class*='el-']  {padding: 20px;}

  .row.row-xl-15 {margin-left: -15px; margin-right: -15px;}
  .row.row-xl-15 > [class*='col'], .row.row-xl-15 > [class*='el-'] {padding: 15px;}

  .row.row-xl-10 {margin-left: -10px; margin-right: -10px;}
  .row.row-xl-10 > [class*='col'], .row.row-xl-10 > [class*='el-'] {padding: 10px;}

  .row.row-xl-5 {margin-left: -5px; margin-right: -5px;}
  .row.row-xl-5 > [class*='col'], .row.row-xl-5 > [class*='el-'] {padding: 5px;}

  .column-xl-4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
  }
  .column-xl-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  }
  .column-xl-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
  .column-xl-1 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}