.form-check-primary.form-check.form-check-flat label input:checked + .input-helper:before{
  background-color: #005fa2;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint{
  font-size: 0.8rem;
}

.select2-container--default .select2-selection--single, 
.select2-container--default .select2-dropdown, 
.select2-container--default .select2-selection--multiple {
  border-color: #dadfe1;
}

.dropdown-toggle::after{
  margin-top: 4px;
}

.select2-container .select2-selection--multiple{
  min-height: 40px;
}

.card .card-body {
  box-shadow: 0px 0px 2px 0px #BDC3C7;
}

.breadcrumb{
  border: 0;
  border-radius: 1px;
  box-shadow: 0px 0px 2px 0px #BDC3C7;
  background-color: #fff;
  background-clip: border-box;
}

.help-block, .hint-block{
    line-height: 1;
    vertical-align: top;
    margin-top: 2px;
    font-size: 0.75rem;
}

.alert{
  border: unset;
  border-radius: unset;
  border-left: 3px solid;
}

.cursor-pointer{
  cursor: pointer;
}

.alert-danger{
  background-color: rgba(255, 0, 23, 0.1);
}
.alert-success {
    background-color: rgba(8, 212, 25, 0.1);
}
.alert-warning {
    background-color: rgba(255, 193, 5, 0.1);
}
.alert-primary {
    background-color: rgba(25, 145, 235, 0.1);
}
.alert-info {
    background-color: rgba(116, 90, 242, 0.1);
}

.btn-link:hover{
  text-decoration: none;
}

.has-error .form-control{
	border-color: #FF0017;
}

.has-error .help-block{
	color: #FF0017;
}

.error-summary{
  border-left: 3px solid;
  background-color: rgba(255, 0, 23, 0.1);
  color: #c20011;
  font-size: 0.875rem;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
}

.navbar{
  background: #005fa2;
}

.navbar .navbar-brand-wrapper .brand-logo-mini img, .navbar .navbar-brand-wrapper .navbar-brand img{
	width: unset;
}

.mdi-calendar{
	cursor: pointer;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child, 
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:first-child, 
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:first-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:last-child, 
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:last-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child, 
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child{
	text-align: center;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.new.day, 
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.new.day{
	color: #eaeaef;
}

.first-letter-uppercase:first-letter {
    text-transform: uppercase;
}

.btn i{
	margin-right: unset;
}

.card-title{
	text-transform: unset;
}

.breadcrumb{
	background-color: #ffffff;
}

.tooltip{
	z-index: 1040;
}

.page-item.disabled:hover .page-link{
	background-color: unset;
	color: #6c757d;
}

.card-buttons{
	margin-bottom: 1.125rem;
}

.breadcrumb-item+.breadcrumb-item{
	padding-left: 0;
}

.colorpicker-2x .colorpicker-saturation {
	width: 200px;
	height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
	width: 30px;
	height: 200px;
}

.colorpicker-2x .colorpicker-preview,
.colorpicker-2x .colorpicker-preview div {
	height: 30px;
	font-size: 16px;
	line-height: 160%;
}

.colorpicker-saturation .colorpicker-guide,
.colorpicker-saturation .colorpicker-guide i {
	height: 10px;
	width: 10px;
	border-radius: 10px;
}

/* bootstrap 4 toggle switcher */

.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}
.switch input + label::before,
.switch input + label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #08d;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * .8);
}
.switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * .8) * 2);
  height: calc(1.9375rem * .8);
  line-height: calc(1.9375rem * .8);
  text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * .8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * .8) - calc(2px * 2));
  height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * .8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * .8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * .8);
}
.switch + .switch {
  margin-left: 1rem;
}

.dropdown-menu {
  margin-top: .75rem;
}

.hidden{
  display: none;
}

label{
  cursor: pointer;
}

.lined-title{    
  text-align: center;
  line-height: 1.4;
  position: relative;
  color: #005fa2;
  margin: 0;
  overflow: hidden;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.lined-title__text{
  position: relative;
  display: inline-block;
  line-height: 1.6;
}

.lined-title__text:after, .lined-title__text:before {
  content: '';
  display: inline-block;
  height: 1px;
  width: 700px;
  background-color: #005fa2;
  margin: auto;
  position: absolute;
  top: 50%;
}

.lined-title__text:before {
  left: auto;
  right: 104%;
}

.lined-title__text:after {
  left: 104%;
  right: auto;
}

.nav.nav-tabs .nav-buttons{
  padding-top: 30px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1),
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2),
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3),
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4),
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5){
  background: #f3f5f6;
  color: rgb(33, 37, 41);
  font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
  color: rgb(33, 37, 41);
}

.select2-container--default .select2-dropdown{
      box-shadow: 0 1px 2px 0 #BDC3C7;
}

.modal-header{
  border-bottom-color: #dee2e6;
}

.modal-footer{
  border-top-color: #dee2e6;
}

/* Tabs */
.nav-tabs{
    border-color: #005fa2;
}

.nav-tabs .nav-link.active, 
.nav-tabs .nav-link.active:hover, 
.nav-tabs .nav-item.show .nav-link{
  border-color: #005fa2 #005fa2 #fff;
  color: #005fa2;
}

.nav-tabs .nav-link:hover{
  border-color: #e9ecef #e9ecef #005fa2;
}

.tab-content{
  border: unset;
}

.tab-outline .nav-tabs {
  border: none; 
}

.tab-outline .nav-tabs .nav-item .nav-link {
  border: none; 
}

.tab-outline .nav-tabs .nav-item .nav-link:first-child {
  padding-left: 0;
}

.tab-outline-primary .nav-tabs .nav-item .nav-link.active {
  color: #005fa2; 
  border-bottom: 1px solid #005fa2; 
}

.grid-view .not-set{
  color: #c2c2c2;
}

select.form-control:not([size]):not([multiple]){
  height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 3px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
  background: #005fa2;
  box-shadow: #024473 0 1px 3px 0 inset;
}

.icheckbox_square-blue, .iradio_square-blue{
  margin-right: 10px;
}

/* Loader */

#loader-cover{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background-color: rgba(255,255,255,0.7);
  z-index: 1050;
}

#loader{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -135px;
  margin-left: -35px;
}

.sk-circle {
  margin: 100px auto;
  width: 70px;
  height: 70px;
  position: relative;

  z-index: 5000;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #005fa2;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Loader */

/* Popover */

.popover{
  box-shadow: 0px 0px 3px 0px #BDC3C7;
}

.popover .popover-header{
  color: #212529;
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before{
}

.popover .popover-body {
    background: white;
}

/* Popover */


@media (min-width: 1130px){
  .col-cust-lg-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
  }
}

@media (min-width: 1470px){
  .col-cust-xl-3{
      flex: 0 0 25%;
      max-width: 25%;
  }
}