/* ##### 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)}

.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 td a {font-weight: 600;}
.table thead th {vertical-align: middle; padding: .75rem .5rem; font-weight: normal;}
.table-sm td, .table-sm th, .table-sm thead th {padding: .3rem;}

/* ##### 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;}
table .badge {
  display: block;
  font-size: 14px;
}

/* ##### 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 ##### */
.row.row-sm-20 {margin-left: -20px; margin-right: -20px;}
.row.row-sm-20  [class*='col'] {padding: 20px;}

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

.row.row-sm-5 {margin-left: -5px; margin-right: -5px;}
.row.row-sm-5  [class*='col'] {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-1 {
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1;
}

@media (min-width: 992px) {
  .row.row-md-20 {margin-left: -20px; margin-right: -20px;}
  .row.row-md-20  [class*='col'] {padding: 20px;}

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

  .row.row-md-5 {margin-left: -5px; margin-right: -5px;}
  .row.row-md-5  [class*='col'] {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;
  }
}
@media (min-width: 1200px) {
  .row.row-lg-20 {margin-left: -20px; margin-right: -20px;}
  .row.row-lg-20  [class*='col'] {padding: 20px;}

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

  .row.row-lg-5 {margin-left: -5px; margin-right: -5px;}
  .row.row-lg-5  [class*='col'] {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;
  }
}