.auth-wrapper{
  background: #1f262d;
}

.auth-box{
  padding: 40px;
  background: #FFF;
  border-radius: 7px;
}
.login-logo{
  height: 45px;
  margin-right: 10px;
}

.login-title{
  color: #da542e;
}
.w-40{width: 40% !important;}
.select2-container .select2-selection--single{height: 38px !important;}

table .customcheckbox{
    padding-left: 5px !important;
    margin-bottom: 0 !important;
}

table .customcheckbox .checkmark{
    position: inherit !important;
    display: inline-block !important;
}

input.error, select.error, textarea.error, button.error, .has-error {
    border: 1px solid red !important;
}
.error-text, .error-msg-text {
    color: red !important;
    font-size: 12px;
}
.logo-text{
    color: #da542e;
    font-weight: 700;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 36px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 36px !important;}



.pager {
  padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.pager {
  background-color: #e6eeee;
}
/* pager navigation arrows */
.pager img {
  vertical-align: middle;
  margin-right: 2px;
}
/* pager output text */
.pager .pagedisplay {
  font-size: 11px;
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/*** loading ajax indeterminate progress indicator ***/
#tablesorterPagerLoading {
  background: rgba(255,255,255,0.8) url(icons/loading.gif) center center no-repeat;
  position: absolute;
  z-index: 1000;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.pager img.disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.form-check-input[role="switch"]{
  border-radius: 2em !important;
  width: 2.2em;
}

.pointer{cursor: pointer !important;}


.columnSelectorWrapper {
  position: relative;
  margin: 10px 0;
  display: inline-block;
}
.columnSelector, .hidden {
  display: none;
}
.columnSelectorButton {
  background: #99bfe6;
  border: #888 1px solid;
  color: #111;
  border-radius: 5px;
  padding: 5px;
}
#colSelect1:checked + label {
  background: #5797d7;
  border-color: #555;
}
#colSelect1:checked ~ #columnSelector {
  display: block;
}
.columnSelector {
  width: 170px;
  position: absolute;
  top: 30px;
  padding: 10px;
  background: #fff;
  border: #99bfe6 1px solid;
  border-radius: 5px;
  z-index: 2;
}
.columnSelector label {
  display: block;
}
.columnSelector label:nth-child(1) {
  border-bottom: #99bfe6 solid 1px;
  margin-bottom: 5px;
}
.columnSelector input {
  margin-right: 5px;
}
.columnSelector .disabled {
  color: #ddd;
}

/*** Bootstrap popover ***/
#popover-target label {
  margin: 0 5px;
  display: block;
}
#popover-target input {
  margin-right: 5px;
}
#popover-target .disabled {
  color: #ddd;
}

/* 
@include media-breakpoint-up(lg) {
    .w-lg-100{
        width: 100% !important;
    }
}
@include media-breakpoint-up(xl) {
    .w-lg-100{
        width: 100% !important;
    }
}
@include media-breakpoint-up(xxl) {
    .w-lg-100{
        width: 100% !important;
    }
} */

@media only screen and (max-width: 768px) {
  .auth-box{
    padding: 15px;
  }
  .auth-box.w-40{
    width: 95% !important;
  }
  .login-title{
    font-size: 20px;
  }

  #loginform .d-flex{
    align-items: center !important;
  }
}