/* Input */
.ds .form-control {
  display: block;
  width: 100%;
  line-height: 0.9375rem;
  color: #1b1d38;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  border-radius: .25rem;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  box-shadow: none;
  height: 42px;
  padding: 0px 12px;
  font-size: 0.9375rem;
}

.ds .form-control.terminal-control {
  height: 60px;
  font-size: 30px;
}

.ds .form-group.dynamic .control-label {
  position: absolute;

  transition: transform .3s ease-out,color .3s ease-out,font-size .3s;
  transform: translateY(-100%);
  cursor: text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  left: 0;
  color: #a7a7a7;
  pointer-events: none;
}
.ds .form-group.dynamic .form-control {
  display: block;
  width: 100%;
  line-height: 0.9375rem;
  color: #262626;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  border-radius: .25rem;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  box-shadow: none;
  touch-action: manipulation;
  height:42px;
  padding: 0px 12px;
  font-size: 0.9375rem;
}
.ds .form-group.dynamic .form-control::placeholder {
	color: #fff;
  text-shadow: none;
}

.ds .card .form-group.dynamic .form-control[value=""]~label {
	transform: translateY(0);
	margin-top: -28px;
	padding: 0;
	margin-left: 12px;
	font-weight: 400;
	font-size: 0.9375rem;
	pointer-events: none;
	text-shadow: none;
	font-family: "Roboto",sans-serif;
	line-height: 1rem;
}
.ds .form-group.dynamic .form-control[value=""]~label {
	transform: translateY(0);
	margin-top: -30px;
	padding: 0;
	margin-left: 30px;
	font-weight: 400;
	font-size: 0.85rem;
	pointer-events: none;
	text-shadow: none;
	font-family: "Roboto",sans-serif;
	line-height: 1rem;
}

.ds .card.card-row .form-group.dynamic .form-control[value=""]~label {
	transform: translateY(0);
	margin-top: -28px;
	background-color: #fff;
	padding: 0 5px;
	margin-left: 15px;
	font-weight: 400;
	font-size: 0.85rem;
	line-height: 1rem;
}

.ds .form-group.dynamic .form-control.active~label,
.ds .form-group.dynamic .form-control:not(:placeholder-shown)~label,
.ds .form-group.dynamic .form-control:active~label,
.ds .form-group.dynamic .form-control:focus~label{
  transform: translateY(-100%)!important;
  font-size: 11px!important;
  margin-top: -31px!important;
  margin-left: 30px;
  outline: none;
  background-color: #fff;
  padding: 0 5px;
  border-radius: 4px;
}

.ds .table .form-control {
  min-width: 90px;
}
.ds .form-control:-internal-autofill-selected {
  background-color: #fff!important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.ds .nav-pills.nav-stacked .form-control {
  border: 2px dashed #e6e6e6;
}
.ds .nav-pills.nav-stacked .form-control:focus
.ds .nav-pills.nav-stacked .form-control:hover {
  border: 2px dashed #3575ff;
}
.ds textarea.form-control {
  padding: 13px 16px;
}
.ds .input-group.date .form-control {
  display: inline-block;
  float: left;
  position: relative;
}
.ds .input-group .input-group-btn .btn-primary {
  position: relative;
  display: inline-block;
  float: left;
  color: #fff;
  background-color: #3575ff;
  border-color: #3575ff;
  padding: 11px 14px;
  margin-left: -.5rem !important;
  width: auto;
}
.ds .input-group-addon:last-child {
  border: 1px solid #3575ff;
  border-left: 0;
  background-color: #3575ff;
  color: #fff;
  border-radius: 0.5rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}


.ds .input-group-btn .btn-danger.btn-xs {
  position: relative;
  display: inline-block;
  padding: 3px 11px;
  font-size: 0.8rem;
  min-height: 28px;
  margin-left: -71px;
  border-radius: 0;
}
.ds .input-group-btn .btn-primary.btn-xs,
.ds .input-group-btn .btn-default.btn-xs {
  position: relative;
  display: inline-block;
  float: left;
  color: #fff;
  background-color: #3575ff;
  border-color: #3575ff;
  padding: 3px 11px;
  margin-left: -2.1rem !important;
  font-size: 0.8rem;
  min-height: 28px;
}

.ds .input-group.datetime .input-group-btn  .btn-default,
.ds .input-group.date .input-group-btn  .btn-default {
  position: relative;
  display: inline-block;
  float: left;
  color: #fff;
  background-color: #3575ff;
  border-color: #3575ff;
  padding: 4px 11px 5px;
  margin-left: -2.3rem !important;
}

.ds .input-group.datetime .form-control.form-control-sm +.input-group-btn .btn-danger {
  position: relative;
  display: inline-block;
  float: left;
  padding: 3px 11px;
  margin-left: -1.5rem !important;
  font-size: 0.8rem;
  min-height: 28px;
} 
.ds .input-group.datetime .form-control.form-control-sm +.input-group-btn .btn-default, 
.ds .input-group.date .form-control.form-control-sm + .input-group-btn .btn-default {
  position: relative;
  display: inline-block;
  float: left;
  color: #fff;
  background-color: #3575ff;
  border-color: #3575ff;
  padding: 2px 9px 3px;
  margin-left: -2.0rem !important;
  font-size: 0.8rem;
  min-height: 28px;
}
.ds .input-group.datetime .form-control.form-control-lg +.input-group-btn .btn-default, 
.ds .input-group.date .form-control.form-control-lg + .input-group-btn .btn-default {
  position: relative;
  display: inline-block;
  float: left;
  color: #fff;
  background-color: #3575ff;
  border-color: #3575ff;
  padding: 6px 13px 7px;
  margin-left: -2.5rem !important;
}
.ds .input-group.sheme .form-control.form-control-sm +.input-group-btn .btn-danger {
  position: relative;
  display: inline-block;
  float: left;
  padding: 3px 11px;
  margin-left: -2.1rem !important;
  font-size: 0.8rem;
  min-height: 28px;
}

.ds .input-group.sheme .form-control.form-control-sm +.input-group-btn .btn-primary, 
.ds .input-group.sheme .form-control.form-control-sm +.input-group-btn .btn-default {
  position: relative;
  display: inline-block;
  float: left;
  color: #fff;
  background-color: #3575ff;
  border-color: #3575ff;
  padding: 2px 9px 3px;
  margin-left: -2.1rem !important;
  font-size: 0.8rem;
  min-height: 28px;
}

.ds .fa.fa-upload {
  position: relative;
    display: inline-block;
    float: left;
}
.ds .form-group label {
    font-size: 0.85rem;
    font-weight: 400;
    color: #748194;
}
.ds .form-group.dynamic label {
   font-size: 0.85rem;
    font-weight: 400;
    color: #748194;
}
.ds input:-internal-autofill-selected {
	background-color: #fff!important;
}
@media (prefers-reduced-motion:reduce) {
  .form-control {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.ds .form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.ds .form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #344050
}

.ds .form-control:focus {
  color: #1b1d38;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  outline: 0;/*
  -webkit-box-shadow: 0 0 0 1px rgb(212 212 212);
  box-shadow: 0 0 0 1px rgb(212 212 212);*/
}

.ds .form-control::-webkit-input-placeholder {
  color: #c4c4c4;
  text-shadow: none;
  opacity: 1
}

.ds .form-control::-moz-placeholder {
  color: #c4c4c4;
  text-shadow: none;
  opacity: 1
}

.ds .form-control:-ms-input-placeholder {
  color: #c4c4c4;
  text-shadow: none;
  opacity: 1
}

.ds .form-control::-ms-input-placeholder {
  color: #c4c4c4;
  text-shadow: none;
  opacity: 1
}

.ds .form-control::placeholder {
  color: #c4c4c4;
  text-shadow: none;
  opacity: 1
}
.ds textarea.form-control::placeholder {
  text-shadow: none;
  white-space: nowrap;
}
.ds .form-control:disabled,
.ds .form-control[readonly] {
  background-color: #eaeaeaad;
  color: #000000;
  border: 1px solid #e2e2e2;
  outline: 0;
  opacity: 1;
  overflow: hidden;
  box-shadow: none;
}
.ds .form-control[readonly]:focus {
  background-color: #eaeaeaad;
  color: #000000;
  border: 1px solid #e2e2e2;
  outline: 0;
  opacity: 1;
  overflow: hidden;
  box-shadow: none;
}

.ds .form-control.form-control-lg {
  height: 40px;
  padding: 0px 12px;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
}

.ds .form-control.form-control-sm {
  height: 32px;
  padding: 0px 12px;
  font-size: 0.8rem;
  line-height: 0.8rem;
  border-radius: .25rem;
}

.ds .dynamic .form-control.form-control-lg {
  height: 40px;
  padding: 0px 12px;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: .25rem;
}

.ds .dynamic .form-control.form-control-sm {
  height: 32px;
  padding: 0px 12px;
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.ds .form-group.dynamic .form-control.form-control-lg[value=""]~label {
  transform: translateY(0);
  margin-top: -28px;
  padding: 0;
  margin-left: 12px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
}
.ds .form-group.dynamic .form-control.form-control-sm[value=""]~label {
  transform: translateY(0);
  margin-top: -22px;
  padding: 0;
  margin-left: 12px;
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.ds .form-group.dynamic .form-control.form-control-sm.active~label, 
.ds .form-group.dynamic .form-control.form-control-sm:not(:placeholder-shown)~label, 
.ds .form-group.dynamic .form-control.form-control-sm:active~label, 
.ds .form-group.dynamic .form-control.form-control-sm:focus~label {
  transform: translateY(-100%)!important;
  font-size: 11px!important;
  margin-top: -24px!important;
  outline: none;
  background-color: #fff;
  padding: 0 5px;
  border-radius: 4px;
}
.ds .form-group.dynamic .form-control.form-control-lg.active~label, 
.ds .form-group.dynamic .form-control.form-control-lg:not(:placeholder-shown)~label, 
.ds .form-group.dynamic .form-control.form-control-lg:active~label, 
.ds .form-group.dynamic .form-control.form-control-lg:focus~label {
  transform: translateY(-100%)!important;
  font-size: 11px!important;
  margin-top: -31px!important;
  outline: none;
  background-color: #fff;
  padding: 0 5px;
  border-radius: 4px;
}
.ds .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  float: left;
  display: inline-block;
}

.ds textarea.form-control.form-control-md {
  height: 2.5rem;
  padding: 0.7rem 1.2rem 0.5rem 1.2rem;
  font-size: 0.95rem;
  line-height: 1rem;
  max-height: 130px;
  min-height: 40px;
}
.ds textarea.form-control.form-control-md:focus {
  padding: 0.65rem 1.2rem 0.5rem 1.2rem;
}

/* Chekbox */

.ds .custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.ds .custom-control-input {
  position: absolute;
  left: 0.5rem;
  z-index: 1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0
}

.ds .custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #5282ff;
  background-color: #5282ff;
}

.ds .custom-control-input:focus~.custom-control-label::before {
  -webkit-box-shadow: 0 0 0 .1rem rgba(44, 123, 229, .25);
  box-shadow: 0 0 0 .1rem rgba(44, 123, 229, .25)
}

.ds .custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #9ec2f3
}

.ds .custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #fff;
  background-color: #cbdef9;
  border-color: #cbdef9
}

.ds .custom-control-input:disabled~.custom-control-label,
.ds .custom-control-input[disabled]~.custom-control-label {
  color: #9da9bb
}

.ds .custom-control-input:disabled~.custom-control-label::before,
.ds .custom-control-input[disabled]~.custom-control-label::before {
  background-color: #e2e2e2
}

.ds .custom-control-label {
  line-height: 1.3rem;
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  font-size: 1rem;
}
.ds .custom-control-label::before {
  position: absolute;
  top: 0rem;
  left: -2rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #d6d5e0 solid 1px;
}
.ds .custom-control-label::after {
  position: absolute;
  top: 6px;
  left: -26px;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.ds .custom-checkbox .custom-control-label::before {
  border-radius: .25rem
}

.ds .custom-checkbox .custom-control-input:checked~.custom-control-label::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");
  top: -1px;
  left: -32px;
}

.ds .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  border-color: #5282ff;
  background-color: #5282ff
}

.ds .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.ds .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(44, 123, 229, .5)
}

.ds .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  background-color: rgba(44, 123, 229, .5)
}

/* Radio */
.ds .custom-radio .custom-control-label::before {
  border-radius: 50%;
  width: 19px;
  height: 19px;
}
.ds .custom-radio .custom-control-input:checked~.custom-control-label::after {
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  */
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 50%;
}

.ds .radio-group .custom-control {
  padding: 0;
  margin: 0 -3px;
  display: inline-block;
}
.ds .radio-group .custom-control-label {
  line-height: 1rem;
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  padding: 0.8rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400 !important;
  font-size: 0.875rem;
}
.ds .custom-control-inline {
  display: inline-block;
  margin-right: 1rem;
}
.ds .radio-group .custom-radio .custom-control-label::before {
  border-radius: 0
}
.ds .radio-group .custom-control-input:checked~.custom-control-label::before {
  z-index: -1
}
.ds .radio-group .custom-radio .custom-control-label::before {
  z-index: -1;
}
.ds .radio-group  .custom-control-label::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.ds .radio-group input[type="radio"]:checked + .custom-control-label {
  color:#fff
}
.ds .radio-group input[type="radio"]:not(:checked) + .custom-control-label {
  color:#0b1727
}
.ds .radio-group  .custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: none;
}
.ds .radio-group .custom-radio:first-child .custom-control-label::before {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem
}
.ds .radio-group .custom-radio:last-child .custom-control-label::before {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem
}
.ds .radio-group  .custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #cadef8;
}
.ds .radio-group .custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: inset 0 0 0 0.2rem rgba(44, 123, 229, .25);
    box-shadow: inset 0 0 0 0.2rem rgba(44, 123, 229, .25);
}

.ds .radio-group .custom-control:focus .custom-control-input:checked + .custom-control-label::before, 
.ds .radio-group .custom-control:hover .custom-control-input:checked + .custom-control-label::before {
  color: #fff;
  border-color: #5282ff;
  background-color: #5282ff;
} 

.ds .radio-group .custom-control:focus .custom-control-label::before,
.ds .radio-group .custom-control:hover .custom-control-label::before {
  background-color: #cadef8;
}
.ds .radio-group.table {
  display: table;
}
.ds .radio-group.table .custom-radio {
  display: table-cell;
}
.ds .radio-group.table .custom-radio .custom-control-label {
  width: 100%;
}


.ds .radio-group.flex {
  display: flex;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  justify-content: center;
}
.ds .radio-group.flex .custom-control {
  padding: 0;
  margin: 0 -1px;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}


/* Select */
.ds .custom-control-label::before,
.custom-file-label, .custom-select {
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.ds .custom-select {
  display: inline-block;
  width: 100%;
  height: 42px;
  padding: .3125rem 2rem .3125rem 1rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #344050;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: top 0.73125rem right 0.8125rem;
  background-size: 0.55rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23121212' width='1024' height='1024' viewBox='0 0 1024 1024'%3E%3Cpath d='M0 256.834l512.001 510.334 511.999-510.334z'%3E%3C/path%3E%3C/svg%3E");
  border: 1px solid #e6e6e6;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ds select.form-control[multiple],
.ds select.form-control[size] {
  height: auto
}

.ds textarea.form-control {
  height: auto
}

.form-group {
  margin-bottom: 1rem;
  padding-top: 0;
}


/* Textarea  */
.ds textarea.form-control {
  height: auto;
  min-height: 58px;
}
.ds textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

.ds .form-validation input.error,
.ds .form-validation textarea.error {
  border-color: #ef133b
}

.ds .form-validation label.error {
  color: #ef133b
}

/* Validation */
.ds .is-valid~.valid-feedback,
.ds .is-valid~.valid-tooltip,
.ds .was-validated :valid~.valid-feedback,
.ds .was-validated :valid~.valid-tooltip {
  display: block
}

.ds .dynamic .form-control.is-valid,
.ds .form-control.is-valid,
.ds .was-validated .form-control:valid {
  padding-right: 2.125rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%2328ad37' xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3E%3Cpath d='M954.857 323.429q0 22.857-16 38.857l-491.429 491.429q-16 16-38.857 16t-38.857-16l-284.571-284.571q-16-16-16-38.857t16-38.857l77.714-77.714q16-16 38.857-16t38.857 16l168 168.571 374.857-375.429q16-16 38.857-16t38.857 16l77.714 77.714q16 16 16 38.857z'%3E%3C/path%3E%3C/svg%3E");  
  background-repeat: no-repeat;
  fill: #28ad37;
  background-position: right 0.53125rem center;
  background-size: 1.0625rem 1.0625rem;
  border-bottom: 2px solid #28ad37;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ds .dynamic .form-control.is-valid:focus,
.ds .form-control.is-valid:focus,
.ds .was-validated .form-control:valid:focus {
  padding-right: 2.125rem;
  background-repeat: no-repeat;
  background-position: top 0.53125rem right 0.8125rem;
  background-size: 1.0625rem 1.0625rem;
  border-bottom: 2px solid #28ad37;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
.ds .dynamic  textarea.form-control:valid,
.ds .was-validated textarea.form-control:valid,
.ds textarea.form-control.is-valid {
  padding-right: 2.125rem;
  background-position: top 0.53125rem right 0.8125rem
}

.ds .custom-select.is-valid,
.ds .was-validated .custom-select:valid {
  border-color: #28ad37;
  padding-right: 3.21875rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%2328ad37' xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3E%3Cpath d='M954.857 323.429q0 22.857-16 38.857l-491.429 491.429q-16 16-38.857 16t-38.857-16l-284.571-284.571q-16-16-16-38.857t16-38.857l77.714-77.714q16-16 38.857-16t38.857 16l168 168.571 374.857-375.429q16-16 38.857-16t38.857 16l77.714 77.714q16 16 16 38.857z'%3E%3C/path%3E%3C/svg%3E");  
}

.ds .custom-select.is-valid:focus,
.ds .was-validated .custom-select:valid:focus {
  border-color: #28ad37;
  -webkit-box-shadow: 0 0 0 .2rem rgba(0, 210, 122, .25);
  box-shadow: 0 0 0 .2rem rgba(0, 210, 122, .25)
}

.ds .form-check-input.is-valid~.form-check-label,
.ds .was-validated .form-check-input:valid~.form-check-label {
  color: #28ad37
}

.ds .form-check-input.is-valid~.valid-feedback,
.ds .form-check-input.is-valid~.valid-tooltip,
.ds .was-validated .form-check-input:valid~.valid-feedback,
.ds .was-validated .form-check-input:valid~.valid-tooltip {
  display: block
}

.ds .custom-control-input.is-valid~.custom-control-label,
.ds .was-validated .custom-control-input:valid~.custom-control-label {
  color: #28ad37
}

.ds .custom-control-input.is-valid~.custom-control-label::before,
.ds .was-validated .custom-control-input:valid~.custom-control-label::before {
  border-color: #28ad37
}

.ds .custom-control-input.is-valid:checked~.custom-control-label::before,
.ds .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
  border-color: #06ff97;
  background-color: #06ff97
}

.ds .custom-control-input.is-valid:focus~.custom-control-label::before,
.ds .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
  -webkit-box-shadow: 0 0 0 .2rem rgba(0, 210, 122, .25);
  box-shadow: 0 0 0 .2rem rgba(0, 210, 122, .25)
}

.ds .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.ds .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
  border-color: #28ad37
}

.ds .custom-file-input.is-valid~.custom-file-label,
.ds .was-validated .custom-file-input:valid~.custom-file-label {
  border-color: #28ad37
}

.ds .custom-file-input.is-valid:focus~.custom-file-label,
.ds .was-validated .custom-file-input:valid:focus~.custom-file-label {
  border-color: #28ad37;
  -webkit-box-shadow: 0 0 0 .2rem rgba(0, 210, 122, .25);
  box-shadow: 0 0 0 .2rem rgba(0, 210, 122, .25)
}

.ds .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 75%;
  color: #ef133b
}

.ds .invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem .5rem;
  margin-top: .1rem;
  font-size: .83333rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(230, 55, 87, .9);
  border-radius: .25rem
}

.ds .is-invalid~.invalid-feedback,
.ds .is-invalid~.invalid-tooltip,
.ds .ds .was-validated :invalid~.invalid-feedback,
.ds .was-validated :invalid~.invalid-tooltip {
  display: block
}
.ds .dynamic .form-control.is-invalid,
.ds .form-control.is-invalid,
.ds .was-validated .form-control:invalid {
  padding-right: 2.125rem;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23ef133b' width='805' height='1024' viewBox='0 0 805 1024'%3E%3Cpath d='M741.714 755.429q0 22.857-16 38.857l-77.714 77.714q-16 16-38.857 16t-38.857-16l-168-168-168 168q-16 16-38.857 16t-38.857-16l-77.714-77.714q-16-16-16-38.857t16-38.857l168-168-168-168q-16-16-16-38.857t16-38.857l77.714-77.714q16-16 38.857-16t38.857 16l168 168 168-168q16-16 38.857-16t38.857 16l77.714 77.714q16 16 16 38.857t-16 38.857l-168 168 168 168q16 16 16 38.857z'%3E%3C/path%3E%3C/svg%3E%0A");
  fill: #ef133b;
  background-position: right 0.53125rem center;
  background-size: 1.0625rem 1.0625rem;
  border-bottom: 2px solid #ef133b;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ds .dynamic .form-control.is-invalid:focus,
.ds .form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  fill: #ef133b;
  padding-right: 2.125rem;
  background-repeat: no-repeat;
  background-position: top 0.53125rem right 0.8125rem;
  background-size: 1.0625rem 1.0625rem;
  border-bottom: 2px solid #ef133b;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ds .dynamic textarea.form-control:invalid,
.ds .was-validated textarea.form-control:invalid,
.ds textarea.form-control.is-invalid {
  padding-right: 2.125rem;
  background-position: top 0.53125rem right 0.8125rem
}

.ds .custom-select.is-invalid,
.ds .was-validated .custom-select:invalid {
  border-color: #ef133b;
  padding-right: 3.21875rem;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%234d5969' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef133b' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef133b' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/calc(.75em + .3125rem) calc(.75em + .3125rem)
}

.ds .custom-select.is-invalid:focus,
.ds .was-validated .custom-select:invalid:focus {
  border-color: #ef133b;
  -webkit-box-shadow: 0 0 0 .2rem rgba(230, 55, 87, .25);
  box-shadow: 0 0 0 .2rem rgba(230, 55, 87, .25)
}

.ds .form-check-input.is-invalid~.form-check-label,
.ds .was-validated .form-check-input:invalid~.form-check-label {
  color: #ef133b
}

.ds .form-check-input.is-invalid~.invalid-feedback,
.ds .form-check-input.is-invalid~.invalid-tooltip,
.ds .was-validated .form-check-input:invalid~.invalid-feedback,
.ds .was-validated .form-check-input:invalid~.invalid-tooltip {
  display: block
}

.ds .custom-control-input.is-invalid~.custom-control-label,
.ds .was-validated .custom-control-input:invalid~.custom-control-label {
  color: #ef133b
}

.ds .custom-control-input.is-invalid~.custom-control-label::before,
.ds .was-validated .custom-control-input:invalid~.custom-control-label::before {
  border-color: #ef133b
}

.ds .custom-control-input.is-invalid:checked~.custom-control-label::before,
.ds .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
  border-color: #ec647d;
  background-color: #ec647d
}

.ds .custom-control-input.is-invalid:focus~.custom-control-label::before,
.ds .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
  -webkit-box-shadow: 0 0 0 .2rem rgba(230, 55, 87, .25);
  box-shadow: 0 0 0 .2rem rgba(230, 55, 87, .25)
}

.ds .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.ds .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
  border-color: #ef133b
}

.ds .custom-file-input.is-invalid~.custom-file-label,
.ds .was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: #ef133b
}

.ds .custom-file-input.is-invalid:focus~.custom-file-label,
.ds .was-validated .custom-file-input:invalid:focus~.custom-file-label {
  border-color: #ef133b;
  -webkit-box-shadow: 0 0 0 .2rem rgba(230, 55, 87, .25);
  box-shadow: 0 0 0 .2rem rgba(230, 55, 87, .25)
}

.ds .form-control.custom {
  font-size: 1.5rem;
  font-family: "Roboto";
  max-width: 285px;
}
.ds .info .form-control{
  padding-right: 4rem;
}
.ds .form-control + i {
  position: absolute;
  display: block;
  font-size: 1.2rem;
  top: 0.7rem;
  right: 2rem;
  font-size: 1.2rem;
  color: #5282ff;
}
.ds .form-control + i:hover {
  cursor: pointer;
}
.ds .fade.show {
  opacity: 1;
}
.ds .nav.menu .nav-link.active {
  color: #5282ff;
}
.ds .nav-pills > li > a  {
  background-color: transparent;
}
.ds .nav-pills > li > a:focus, 
.ds .nav-pills > li > a:hover {
  background-color: #fff;
}
.ds .nav-pills > li > a > i {
  padding-right: 10px;
}
.ds .nav-pills > li.active > a, 
.ds .nav-pills > li.active > a:hover, 
.ds .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #3575ff;
}

.ds .nav-pills > li:first-child > input, 
.ds .nav-pills > li:first-child > a, 
.ds .nav-pills > li:first-child > a:hover, 
.ds .nav-pills > li:first-child > a:focus {
  border-radius: .25rem;
 /* border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;*/
}
.ds .nav-pills > li:last-child > input, 
.ds .nav-pills > li:last-child > a, 
.ds .nav-pills > li:last-child > a:hover, 
.ds .nav-pills > li:last-child > a:focus {
  border-radius: .25rem;
 /* border-top-left-radius: 0;
  border-top-right-radius: 0;*/
}

.ds .nav-stacked > li:first-child, 
.ds .nav-pills > li:first-child,
.ds .nav-stacked > li:first-child input, 
.ds .nav-pills > li:first-child input,
.ds .nav-stacked > li:first-child a, 
.ds .nav-pills > li:first-child a {
  border-radius: .25rem;
  /*border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;*/
}
.ds .nav-stacked > li:last-child, 
.ds .nav-pills > li:last-child,
.ds .nav-stacked > li:last-child input, 
.ds .nav-pills > li:last-child input,
.ds .nav-stacked > li:last-child a,
.ds .nav-pills > li:last-child a {
  border-radius: .25rem;
 /* border-top-left-radius: 0;
  border-top-right-radius: 0;*/
}
.ds .nav-pills > li > a {
  border-radius: 0;
}

.ds .nav-stacked > li + li {
  background-color: #f8f9ff;
  margin-top: 0;
  margin-left: 0;
}
/*
.ds .nav.nav-pills {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  -webkit-box-shadow: 0px 1rem 2.4rem 0 #e6e9f8, 0 0.25rem 0.4rem 0 rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: 0px 1rem 2.4rem 0#e6e9f8, 0 0.25rem 0.4rem 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0px 1rem 2.4rem 0 #e6e9f8, 0 0.25rem 0.4rem 0 rgba(0, 0, 0, 0.05) !important;
  border-radius: 0.5rem;
}*/
.ds .panel-title {
  font-family: "Roboto",sans-serif;
  font-size: 1.52rem;
  margin-bottom: 0
}
.ds .panel-title i {
  display: none;
}
.ds .panel-default {
  border: 0;
  border-top: 0;
}
.ds .panel-default .panel-heading {
  color: #595959;
  border-color: transparent;
  background: transparent;
  margin-bottom: 2.2rem;
  padding: 0;
}
.ds .panel-body {
  padding: 0;
  background-color: #fff;
  /*
  -webkit-box-shadow: 0px 1rem 2.4rem 0 #e6e9f8, 0 0.5rem 0.9rem 0 rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0px 1rem 2.4rem 0 #e6e9f8, 0 0.5rem 0.9rem 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 1rem 2.4rem 0 #e6e9f8, 0 0.5rem 0.9rem 0 rgba(0, 0, 0, 0.1) !important;
  */
  -webkit-box-shadow: 0px 1rem 1.4rem 0 rgb(0 0 0 / 4%), 0 0.25rem 0.4rem 0 rgb(0 0 0 / 5%) !important;
    -moz-box-shadow: 0px 1rem 1.4rem 0 rgb(0 0 0 / 4%), 0 0.25rem 0.4rem 0 rgb(0 0 0 / 5%) !important;
    box-shadow: 0px 1rem 1.4rem 0 rgb(0 0 0 / 4%), 0 0.25rem 0.4rem 0 rgb(0 0 0 / 5%) !important;
  border-radius: 0.75rem;
}
.ds .breadcrumb {
  display: none;
}
.ds .panel {
  box-shadow: none;
  background-color: #f6f6f6;
  background-color: var(--default-bgc);
}
.ds.inner .panel {
    box-shadow: none;
    background-color: #ffffff;
	margin-bottom: 32px;
}
.ds .table {
  margin-bottom: 0;
}
.ds .table thead td span[data-toggle="tooltip"]:after, 
.ds label.control-label span:after {
  font-family: FontAwesome;
  color: #3575ff;
  content: "\f059";
  margin-left: 6px;
  font-size: 18px;
}
.ds .input-group {
  position: relative;
  display: block;
  border-collapse: separate;
}

.ds .form-group.form-check {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.ds .form-check-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.ds .form-check-label {
  line-height: 1.3rem;
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  font-size: 1rem;
}
.ds .form-check .form-check-label::before {
  border-radius: .25rem;
}
.ds .form-check-label::before {
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.ds .form-check-label::before {
  position: absolute;
  top: .125rem;
  left: -1.75rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #d6d5e0 solid 1px;
}
.ds .form-check-label::after {
  position: absolute;
  top: .125rem;
  left: -1.75rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}
.ds .form-group.form-check label {
  font-weight: 400;
  color: #262626;
  font-size: 0.85rem;
}
.ds .form-check .form-check-input:checked~.form-check-label::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")
}
.ds .form-check-input:checked~.form-check-label::before {
  color: #fff;
  border-color: #5282ff;
  background-color: #5282ff;
}
.ds .custom-switch {
  padding-left: 2.25rem;
}
.ds .custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.85rem;
  pointer-events: all;
  border-radius: .75rem;
}
.ds .custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(.8rem);
  -ms-transform: translateX(.8rem);
  transform: translateX(.8rem);
}
.ds .custom-switch .custom-control-label::after {
  top: 0.22rem;
  left: calc(-2.15rem + 1px);
  width: 0.715rem;
  height: 0.725rem;
  background-color: #9da9bb;
  border-radius: .5rem;
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.ds .custom-select.custom-select-sm {
  height: 32px;
  padding: 0px 12px;
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.ds .custom-select.custom-select-lg {
  height: 40px;
  padding: 0px 12px;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
}
.ds .transition{
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}