@import url(https://fonts.googleapis.com/css?family=Nunito);
.modal .select2-container {
  z-index: 2002;
}

.select2-dropdown {
  z-index: 2003;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #4f5f71;
  background-color: #e7ebf2;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 0px;
}

.select2-container .select2-selection.select2-selection--multiple .select2-search--inline {
  display: inline;
}

.select2-container .select2-selection.select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0px;
  margin-left: 8px;
  color: #4f5f71;
  font-size: 0.875rem;
}

select.filter-changed ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered li,
select.filter-changed ~ .select2-container--default .select2-selection--single .select2-selection__rendered li {
  margin-top: 6px;
}

select.filter-changed ~ span.select2.select2-container li.select2-selection__choice {
  border: 1px #aeaeae solid !important;
  background-color: #cac9c9;
}

select.select2-hidden-accessible.filter-changed ~ span.select2.select2-container,
select.filter-changed ~ span.select2.select2-container,
select.filter-changed ~ span.select2 .select2-selection.select2-selection--single {
  background-color: #e1e7fd !important;
}

select.filter-changed ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
select.filter-changed ~ .select2-container--default .select2-selection--single .select2-selection__choice__remove {
  margin-top: -1px;
}

.select2.select2-container--default {
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover,
.select2-container--default .select2-selection--multiple .select2-selection__clear:hover {
  opacity: 0.54;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  content: "cancel";
  font-family: "Material Icons";
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  opacity: 0.38;
  font-size: 16px;
  line-height: 12px;
  color: white;
  margin-left: 5px;
  background-color: red;
  border-radius: 10px;
  width: 17px;
  text-align: center;
  height: 17px;
  margin-top: 5px;
  position: absolute;
  right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  right: 0px;
}

.select2-container .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
  padding-right: 30px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: 0.54;
  color: white;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  cursor: pointer;
  float: right;
  font-weight: bold;
  content: "cancel";
  font-family: "Material Icons";
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  opacity: 0.38;
  font-size: 16px;
  line-height: 12px;
  color: white;
  margin-left: 5px;
  background-color: red;
  border-radius: 10px;
  width: 17px;
  text-align: center;
  height: 17px;
  margin-top: 4px;
}

/*
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

  cursor: pointer;
  float: right;
  font-weight: bold;
  content: "cancel";
  font-family: "Material Icons";
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  opacity: 0.38;
  font-size: 16px;
  line-height: 12px;
  color: white;
  margin-left: 5px;
  background-color: red;
  border-radius: 10px;
  width: 17px;
  text-align: center;
  height: 17px;
  margin-top: 5px;
  position: absolute;
  right: 10px;


  //margin-left: 0.5rem;
  //color: #8898aa;
  order: 2;
}*/
.btn-xxs .btn-label {
  padding: 0px 5px 2px 5px;
  left: -5px;
  border-radius: 2px 0 0 2px;
}

.btn-xxs .btn-label.btn-label-right {
  left: auto;
  right: -5px;
  border-radius: 0 2px 2px 0;
}

.btn-labeled.btn-block.btn-xxs {
  line-height: 22px;
  text-indent: -5px;
}

.btn-xxs,
.btn-group-xxs > .btn {
  padding: 0.2rem 0.12rem;
  font-size: 0.875rem;
  line-height: 1.1;
  border-radius: 0.1875rem;
}

.btn-group-xxs > .btn,
.btn-xxs {
  padding: 4px;
  font-size: 0.8rem;
  line-height: 14px;
  border-radius: 0.2rem;
  height: 24px;
  min-width: 22px;
}

.btn-group-xxs > .btn:not(.btn-just-icon):not(.btn-fab).btn-xxs i.fa,
.btn-group-xxs > .btn:not(.btn-just-icon):not(.btn-fab).btn-xxs i.fas,
.btn:not(.btn-just-icon):not(.btn-fab).btn-xxs i.fa,
.btn:not(.btn-just-icon):not(.btn-fab).btn-xxs i.fas {
  font-size: 0.8rem;
  top: -2px;
}

div.alert {
  z-index: 10000 !important;
}

/*
.alert b {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}*/
/*
.alert,
.alert.alert-default {
  background-color: white;
  color: #555555;
}

.alert a,
.alert .alert-link,
.alert.alert-default a,
.alert.alert-default .alert-link {
  color: #555555;
}

.alert.alert-inverse {
  background-color: #292929;
  color: #fff;
}

.alert.alert-inverse a,
.alert.alert-inverse .alert-link {
  color: #fff;
}

.alert.alert-primary {
  background-color: #668594;
  color: #ffffff;
}

.alert.alert-primary a,
.alert.alert-primary .alert-link {
  color: #ffffff;
}

.alert.alert-success {
  background-color: #55b559;
  color: #ffffff;
}

.alert.alert-success a,
.alert.alert-success .alert-link {
  color: #ffffff;
}

.alert.alert-info {
  background-color: #00cae3;
  color: #ffffff;
}

.alert.alert-info a,
.alert.alert-info .alert-link {
  color: #ffffff;
}

.alert.alert-warning {
  background-color: #ff9e0f;
  color: #ffffff;
}

.alert.alert-warning a,
.alert.alert-warning .alert-link {
  color: #ffffff;
}

.alert.alert-danger {
  background-color: #f55145;
  color: #ffffff;
}

.alert.alert-danger a,
.alert.alert-danger .alert-link {
  color: #ffffff;
}

.alert.alert-rose {
  background-color: #ea2c6d;
  color: #ffffff;
}

.alert.alert-rose a,
.alert.alert-rose .alert-link {
  color: #ffffff;
}

.alert-info,
.alert-danger,
.alert-warning,
.alert-success {
  color: #ffffff;
}

.alert-default a,
.alert-default .alert-link {
  color: rgba(0,0,0, 0.87);
}

.alert .alert-icon {
  display: block;
  float: left;
  margin-right: 1.071rem;
}

.alert .alert-icon i {
  margin-top: -7px;
  top: 5px;
  position: relative;
}

*/
.alert .close {
  color: #fff;
  text-shadow: none;
  opacity: 0.9;
}

.alert .close i {
  font-size: 20px;
}

.alert .close:hover,
.alert .close:focus {
  opacity: 1;
}

/*
.alert {
  border: 0;
  border-radius: 3px;
  position: relative;
  padding: 20px 15px;
  line-height: 20px;
}

.alert b {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}

.alert,
.alert.alert-default {
  background-color: white;
  color: #555555;
}

.alert a,
.alert .alert-link,
.alert.alert-default a,
.alert.alert-default .alert-link {
  color: #555555;
}

.alert.alert-inverse {
  background-color: #292929;
  color: #fff;
}

.alert.alert-inverse a,
.alert.alert-inverse .alert-link {
  color: #fff;
}

.alert.alert-primary {
  background-color: #668594;
  color: #ffffff;
}

.alert.alert-primary a,
.alert.alert-primary .alert-link {
  color: #ffffff;
}

.alert.alert-success {
  background-color: #55b559;
  color: #ffffff;
}

.alert.alert-success a,
.alert.alert-success .alert-link {
  color: #ffffff;
}

.alert.alert-info {
  background-color: #00cae3;
  color: #ffffff;
}

.alert.alert-info a,
.alert.alert-info .alert-link {
  color: #ffffff;
}

.alert.alert-warning {
  background-color: #ff9e0f;
  color: #ffffff;
}

.alert.alert-warning a,
.alert.alert-warning .alert-link {
  color: #ffffff;
}

.alert.alert-danger {
  background-color: #f55145;
  color: #ffffff;
}

.alert.alert-danger a,
.alert.alert-danger .alert-link {
  color: #ffffff;
}

.alert.alert-rose {
  background-color: #ea2c6d;
  color: #ffffff;
}

.alert.alert-rose a,
.alert.alert-rose .alert-link {
  color: #ffffff;
}

.alert-info,
.alert-danger,
.alert-warning,
.alert-success,
.alert-rose {
  color: #ffffff;
}

.alert-default a,
.alert-default .alert-link {
  color: rgba(0,0,0, 0.87);
}
*/
.alert span {
  display: block;
  max-width: 89%;
}

/*
.alert.alert-danger {
  -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}*/
.alert.alert-danger i {
  color: #f44336;
}

/*.alert.alert-warning {
  -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}*/
.alert.alert-warning i {
  color: #ff9800;
}

/*.alert.alert-success {
  -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
*/
.alert.alert-success i {
  color: #4caf50;
}

/*
.alert.alert-info {
  -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
*/
.alert.alert-info i {
  color: #00bcd4;
}

/*
.alert.alert-primary {
  -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(96, 125, 139, 0.4);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(96, 125, 139, 0.4);
}
*/
.alert.alert-primary i {
  color: #607d8b;
}

/*
.alert.alert-rose {
  -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}
*/
.alert.alert-rose i {
  color: #e91e63;
}

.alert.alert-with-icon {
  margin-top: 43px;
  padding-left: 66px;
}

.alert.alert-with-icon i[data-notify=icon] {
  display: block;
  left: 15px;
  position: absolute;
  margin-top: -39px;
  font-size: 20px;
  background-color: #fff;
  padding: 9px;
  border-radius: 50%;
  max-width: 38px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.alert .close {
  line-height: 0.5;
}

.alert .close i {
  color: #fff;
  font-size: 11px;
}

.alert i[data-notify=icon] {
  display: none;
}

/*
.alert .alert-icon {
  display: block;
  float: left;
  margin-right: 1.071rem;
}
*/
.alert .alert-icon i {
  margin-top: -7px;
  top: 5px;
  position: relative;
}

/*
.alert [data-notify="dismiss"] {
  margin-right: 5px;
}
*/
.card-icon {
  padding-right: 10px;
}

.navbar li.nav-separator::after {
  width: calc(100% - 30px);
  content: "";
  position: relative;
  height: 1px;
  left: 15px;
  background-color: rgba(180, 180, 180, 0.3);
  margin-bottom: -6px;
  bottom: 0px;
  display: block;
}

.btn-xs .btn-label {
  padding: 0px 5px 2px 5px;
  left: -5px;
  border-radius: 2px 0 0 2px;
}

.btn-xs .btn-label.btn-label-right {
  left: auto;
  right: -5px;
  border-radius: 0 2px 2px 0;
}

.btn-labeled.btn-block.btn-xs {
  line-height: 22px;
  text-indent: -5px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 0.2rem 0.12rem;
  font-size: 0.875rem;
  line-height: 1.1;
  border-radius: 0.1875rem;
}

.btn-group-xs > .btn,
.btn-xs {
  padding: 4px;
  font-size: 0.875rem;
  line-height: 14px;
  border-radius: 0.2rem;
  /*height: 26px;*/
  min-width: 26px;
}

.btn-group-xs > .btn:not(.btn-just-icon):not(.btn-fab).btn-xs i.fa,
.btn:not(.btn-just-icon):not(.btn-fab).btn-xs i.fa {
  font-size: 1rem;
}

.btn .material-icons, .btn:not(.btn-just-icon):not(.btn-fab) .fa {
  position: relative;
  display: inline-block;
  top: 0;
  /*margin-top: -1em;
  margin-bottom: -1em;
  */
  font-size: 1rem;
  vertical-align: middle;
}

.btn:not(:last-child) {
  margin-right: 0.1rem;
}

.btn.btn-fab.btn-sm.fa-empty,
.fa-empty {
  min-width: 26px;
  width: 26px;
}

.font-weight-bolder {
  font-weight: 700 !important;
}

.input-group-text {
  padding: 0px 15px 0px 15px;
}

.form-group .note {
  font-size: 12px;
  font-weight: bolder;
  color: gray;
  width: 100%;
}

.navbar-nav i.material-icons {
  font-size: 16px;
}

.navbar-nav .nav-item {
  line-height: 26px;
}

.lastSaved {
  background-color: #dcdcdc !important;
}

.lastSaved:hover {
  background-color: #cdcdcd !important;
}

.clickable-row:hover {
  cursor: pointer;
}

.btn .material-icons, .btn:not(.btn-just-icon):not(.btn-fab) .fa, .btn:not(.btn-just-icon):not(.btn-fab) .fas {
  position: relative;
  display: inline-block;
  top: 0;
  font-size: 1rem;
  vertical-align: middle;
}

.modal-xl {
  max-width: 1060px;
  width: 85%;
}

@media (min-width: 991px) {
  .modal-xl {
    max-width: 85%;
    width: 85%;
  }
}
.bootstrap-datetimepicker-widget table td.day > div, .bootstrap-datetimepicker-widget table td.hour > div, .bootstrap-datetimepicker-widget table td.minute > div {
  color: #172b4d;
}

.bootstrap-datetimepicker-widget table td.new > div, .bootstrap-datetimepicker-widget table td.old > div {
  color: #adb5bd;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 2004;
}

.modal {
  z-index: 2001;
}

.bg-light-gray {
  background-color: #eaeaea;
}

.card .table td.bg-light-gray, .card .table th.bg-light-gray {
  border-top: 1px solid #d1d4d7;
}

label.form-control-label + div > label.custom-toggle {
  margin-right: 5px;
  margin-top: 0.7rem;
}

label.form-control-label + div > label.custom-toggle + span {
  margin-top: 0.7rem;
}

.custom-checkbox .custom-control-label.checked::before {
  border-color: #5e72e4;
}

.custom-control-label.checked::before {
  color: #fff;
  border-color: #5e72e4;
  background-color: #5e72e4;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
}

.custom-checkbox .custom-control-label.checked::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-label {
  font-size: 0.875rem;
  height: 1rem;
  cursor: pointer;
}

/*.custom-checkbox .custom-control-label::before {
  border-radius: .25rem;
}
.custom-control-label::before {
  top: .25rem;
  left: -1.75rem;
  transition: all .15s cubic-bezier(.68,-.55,.265,1.55);
  border: 1px solid #dee2e6;
}

.custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -2.75rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: '';
  pointer-events: none;
  border: #dee2e6 solid 1px;
  background-color: #fff;
  box-shadow: 0 3px 2px rgb(233 236 239 / 5%);
}
*/
.table .thead-light th a {
  color: #5e72e4;
}

.table .thead-light th a:hover {
  color: #233dd2;
}

.modal-body-scrollable {
  overflow-y: auto;
  height: 80vh;
}

tr.bg-danger-light, td.bg-danger-light {
  background-color: #fbcccc;
}

tr.bg-success-light, td.bg-success-light {
  background-color: #beffbe;
}

tr.bg-warning-light, td.bg-warning-light {
  background-color: #ffebd8;
}

tr.bg-info-light, td.bg-info-light {
  background-color: #d5f6ff;
}

.file-upload input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

input.form-control.filter-changed[type=text], input.form-control.filter-changed {
  padding-left: 5px;
  padding-right: 5px;
}

.filter-changed, .filter-chenged:focus:not(option), .form-control.filter-chenged:focus:not(option) {
  background-color: #e1e7fd !important;
}

.filter-changed option {
  background-color: white !important;
}

.cursor-pointer {
  cursor: pointer;
}

.navbar-vertical .navbar-collapse::before {
  display: none;
}

.g-sidenav-hidden .navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]::after, .g-sidenav-hide .navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]::after {
  display: none;
}

.g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-nav .nav {
  padding-left: 10px;
  transition: all 300ms linear;
}

.g-sidenav-hide .navbar-vertical.navbar-expand-xs .navbar-nav .nav {
  padding-left: 0px;
  transition: all 300ms linear;
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
  color: rgba(10, 70, 255, 0.85);
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link {
  padding-left: 15px;
}

.g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link {
  padding-left: 15px;
  transition: all 300ms linear;
}

.g-sidenav-hide .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link {
  padding-left: 15px;
  transition: all 300ms linear;
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link {
  color: rgba(78, 166, 255, 0.85);
}