/* BOOTSTRAP START */

/* Accordion Start */

.accordion .card-header {
  background: transparent;
}

/* Alert End */


/* Alert Start */

.alert {
  border-width: 5px;
}

.alert-info {
  background-color: var(--light) !important;
  border-color: var(--info) !important;
  color: var(--info) !important;
}

.alert-info a {
  color: var(--info);
}

.alert-danger strong {
  color: var(--danger);
}


/* Alert End */

/* Background Start */

.bg-black {
  background-color: var(--black) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.bg-info {
  background-color: var(--info) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}


.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.bg-odd {
  background-color: var(--light) !important;
}

.bg-even {
  background-color: var(--white) !important;
}

/* Background End */

/* Border Start */

.border-black {
  border-color: var(--black) !important;
}

.border-danger {
  border-color: var(--danger) !important;
}

.border-info {
  border-color: var(--info) !important;
}

.border-primary {
  border-color: var(--primary) !important;
}

.border-secondary {
  border-color: var(--secondary) !important;
}

.border-success {
  border-color: var(--success) !important;
}

.border-warning {
  border-color: var(--warning) !important;
}

.border-white {
  border-color: var(--black) !important;
}

.border-width-1 {
  border-width: 1px !important;
}

.border-width-2 {
  border-width: 2px !important;
}

.border-width-3 {
  border-width: 3px !important;
}

.border-width-4 {
  border-width: 4px !important;
}

.border-width-5 {
  border-width: 5px !important;
}

.text-odd {
  border-color: var(--black) !important;
}

.text-even {
  border-color: var(--dark) !important;
}


/* Border End */

/* Badge Start */

.badge-danger {
  background-color: var(--danger) !important;
}

.badge-info {
  background-color: var(--info) !important;
}

.badge-primary {
  background-color: var(--primary) !important;
}

.badge-secondary {
  background-color: var(--secondary) !important;
}

.badge-success {
  background-color: var(--success) !important;
}

.badge-warning {
  background-color: var(--warning) !important;
  color: var(--white) !important;
}

/* Badge End */

/* Button Start */

.btn[disabled] {
  cursor:default;
}

.btn-default {
  border-color: #CCCCCC;
}

.btn-danger {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
  color: var(--white) !important;
}

.btn-danger:hover {
  background-color: var(--danger) !important;
}

.btn-danger:focus {
  box-shadow: 0 0 0 0.2rem var(--danger) !important;
}

.btn-info {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
  color: var(--white) !important;
}

.btn-info:hover {
  background-color: var(--info) !important;
}

.btn-info:focus {
  box-shadow: 0 0 0 0.2rem var(--info) !important;
}

.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem var(--primary) !important;
}

.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: var(--white) !important;
}

.btn-secondary:hover {
  border-color: var(--secondary) !important;
}

.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem var(--secondary) !important;
}

.btn-success {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
  color: var(--white) !important;
}

.btn-success:hover {
  background-color: var(--success) !important;
}

.btn-success:focus {
  box-shadow: 0 0 0 0.2rem var(--success) !important;
}

.btn-warning {
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
  color: var(--white) !important;
}

.btn-warning:hover {
  background-color: var(--warning) !important;
}

.btn-warning:focus {
  box-shadow: 0 0 0 0.2rem var(--warning) !important;
}

.btn-outline-danger {
  background-color: var(--white) !important;
  border-color: var(--danger) !important;
  color: var(--danger) !important;
}

.btn-outline-danger:hover {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
  color: var(--white) !important;
}

.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.2rem var(--danger) !important;
}

.btn-outline-info {
  background-color: var(--white) !important;
  border-color: var(--info) !important;
  color: var(--info) !important;
}

.btn-outline-info:hover {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
  color: var(--white) !important;
}

.btn-outline-info:focus {
  box-shadow: 0 0 0 0.2rem var(--info) !important;
}

.btn-outline-primary {
  background-color: var(--white) !important;
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

.btn-outline-primary:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}

.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem var(--primary) !important;
}

.btn-outline-secondary {
  background-color: var(--white) !important;
  border-color: var(--secondary) !important;
  color: var(--secondary) !important;
}

.btn-outline-secondary:hover {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: var(--white) !important;
}

.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem var(--secondary) !important;
}

.btn-outline-success {
  background-color: var(--white) !important;
  border-color: var(--success) !important;
  color: var(--success) !important;
}

.btn-outline-success:hover {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
  color: var(--white) !important;
}

.btn-outline-success:focus {
  box-shadow: 0 0 0 0.2rem var(--success) !important;
}

.btn-outline-warning {
  background-color: var(--white) !important;
  border-color: var(--warning) !important;
  color: var(--warning) !important;
}

.btn-outline-warning:hover {
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
  color: var(--white) !important;
}

.btn-outline-warning:focus {
  box-shadow: 0 0 0 0.2rem var(--warning) !important;
}

/* Button End */

/* Controls Start */

.control-switch {
  overflow: hidden;
  padding-left: 0;
}

.control-switch {
  position: relative;
  width: 100%;
}

.control-switch input {
  display: none;
}

.control-switch .control-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
  cursor: pointer;
}

.control-switch .control-indicator {
  display: block;
  width: 18px;
  position: absolute;
  left: 15px;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
  height: 18px;
  top: 15px;
  background-color: var(--danger);
  border-color: var(--danger);
}

.control-switch .control-inner:before,
.control-switch .control-inner:after {
  display: block;
  float: left;
  width: 50%;
  padding: 10px;
  line-height: 30px;
  color: white;
  height: 50px;
  font-size: 15px;
  box-sizing: border-box;
}

.control-switch .control-inner:before {
  content: attr(data-before-content);
  padding: 10px;
  background-color: #FFFFFF;
  border: solid 1px #EEEEEE;
  color: var(--success);
}

.control-switch .control-inner:after {
  content: attr(data-after-content);
  background-color: #FFFFFF;
  border: solid 1px #EEEEEE;
  text-align: right;
  color: var(--danger);
}

.control-switch input:checked + .control-inner {
  margin-left: 0;
}

.control-switch input:checked + .control-inner + .control-indicator {
  margin-left: calc(100% - 25px);
  background-color: var(--success);
  border-color: var(--success);
  left: -10px;
}

.control-checkbox {
  margin-bottom: 0;
  margin-right: 15px;
  float: left;
  width: 18px;
  height: 18px;
}

.control-checkbox input {
  display: none;
}

.control-checkbox .check {
  background: inherit;
  cursor: pointer;
  position: relative;
}

.control-checkbox .check:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f0c8";
  position: absolute;
  font-size: 20px;
  color: var(--info);
  top: -5px;
}

.control-checkbox input:checked + .check:before {
  content: "\f14a";
}

.control-checkbox + span {
  float: left;
  margin-left: 5px;
}

.control-checkboxes {
  cursor: pointer;
  width: 100%;
  text-align: center;
}

.control-checkboxes input {
  display: none
}

.control-checkboxes .card {
  position: relative;
}

.control-checkboxes .check {
  background: inherit;
  cursor: pointer;
  position: absolute;
  top: 30px;
}

.control-checkboxes .check:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f0c8";
  position: absolute;
  top: -20px;
  font-size: 20px;
  color: var(--info);
}

.control-checkboxes input:checked + .card .check:before {
  content: "\f14a";
}

.form-group-checkbox label + .row {
    position: absolute;
    right: 24px;
    bottom: 8px;
}

.control-radios {
  cursor: pointer;
  width: 100%;
  text-align: center;
}

.control-radios input {
  display: none
}

.control-radios .card {
  position: relative;
}

.control-radios .check {
  background: inherit;
  cursor: pointer;
  position: absolute;
  top: 30px;
}

.control-radios span {
  margin-left: 25px;
}

.control-radios .check:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f111";
  position: absolute;
  top: -20px;
  font-size: 20px;
  color: var(--info);
}

.control-radios input:checked + .card .check:before {
  content: "\f058";
}

.control-radios:hover .card {
  border-color: var(--info);
}

/* Controls  End */

/* Cursor Start */

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-move {
  cursor: move !important;
}

/* Cursor End */

/* Height Start */

.h-px-100 {
  height: 100px !important;
}

.h-px-200 {
  height: 200px !important;
}

/* Height End */

/* Left Start */

.l-auto {
  left: auto !important;
}

.l-px-0 {
  left: 0 !important;
}

.l-px-5 {
  left: 5px !important;
}

.l-px-15 {
  left: 15px !important;
}

.l-px-30 {
  left: 30px !important;
}

.l-px--5 {
  left: -5px !important;
}

.l-px--15 {
  left: -15px !important;
}

.l-px--30 {
  left: -30px !important;
}

/* Top End */

/* Margin Start */

.m-px-0 {
  margin: 0 !important;
}

.mb-px-0 {
  margin-bottom: 0 !important;
}

.ml-px-0 {
  margin-left: 0 !important;
}

.mr-px-0 {
  margin-right: 0 !important;
}

.mt-px-0 {
  margin-top: 0 !important;
}

.m-px-5 {
  margin: 5px !important;
}

.mb-px-5 {
  margin-bottom: 5px !important;
}

.ml-px-5 {
  margin-left: 5px !important;
}

.mr-px-5 {
  margin-right: 5px !important;
}

.mt-px-5 {
  margin-top: 5px !important;
}

.m-px-15 {
  margin: 15px !important;
}

.mb-px-15 {
  margin-bottom: 15px !important;
}

.ml-px-15 {
  margin-left: 15px !important;
}

.mr-px-15 {
  margin-right: 15px !important;
}

.mt-px-15 {
  margin-top: 15px !important;
}

.m-px-30 {
  margin: 30px !important;
}

.mb-px-30 {
  margin-bottom: 30px !important;
}

.ml-px-30 {
  margin-left: 30px !important;
}

.mr-px-30 {
  margin-right: 30px !important;
}

.mt-px-30 {
  margin-top: 30px !important;
}
/* Margin Stop */

/* Min height Start */

.mh-px-100 {
  min-height: 100px !important;
}

.mh-px-200 {
  min-height: 200px !important;
}

/* Min height End */

/* Padding Start */

.p-px-0 {
  padding: 0 !important;
}

.pb-px-0 {
  padding-bottom: 0 !important;
}

.pl-px-0 {
  padding-left: 0 !important;
}

.pr-px-0 {
  padding-right: 0 !important;
}

.pt-px-0 {
  padding-top: 0 !important;
}

.p-px-5 {
  padding: 5px !important;
}

.pb-px-5 {
  padding-bottom: 5px !important;
}

.pl-px-5 {
  padding-left: 5px !important;
}

.pr-px-5 {
  padding-right: 5px !important;
}

.pt-px-5 {
  padding-top: 5px !important;
}

.p-px-15 {
  padding: 15px !important;
}

.pb-px-15 {
  padding-bottom: 15px !important;
}

.pl-px-15 {
  padding-left: 15px !important;
}

.pr-px-15 {
  padding-right: 15px !important;
}

.pt-px-15 {
  padding-top: 15px !important;
}

.p-px-30 {
  padding: 30px !important;
}

.pb-px-30 {
  padding-bottom: 30px !important;
}

.pl-px-30 {
  padding-left: 30px !important;
}

.pr-px-30 {
  padding-right: 30px !important;
}

.pt-px-30 {
  padding-top: 30px !important;
}

/* Padding Stop */

/* Position Start */
.position-bottom-0 {
  bottom: 0 !important;
}

.position-top-0 {
  top: 0 !important;
}

.position-left-0 {
  left: 0 !important;
}

.position-right-0 {
  right: 0 !important;
}

/* Position End */

/* Right Start */

.r-px-0 {
  right: 0 !important;
}

.r-px-5 {
  right: 5px !important;
}

.r-px-15 {
  right: 15px !important;
}

.r-px-30 {
  right: 30px !important;
}

.r-px-40 {
  right: 40px !important;
}

.r-px-50 {
  right: 50px !important;
}

.r-px-60 {
  right: 60px !important;
}

.r-px-70 {
  right: 70px !important;
}

.r-px-80 {
  right: 80px !important;
}

.r-px-90 {
  right: 90px !important;
}

.r-px-100 {
  right: 100px !important;
}

.r-px-0 {
  right: 30px !important;
}

.r-px--5 {
  right: -5px !important;
}

.r-px--15 {
  right: -15px !important;
}

.r-px--30 {
  right: -30px !important;
}

.r-px--40 {
  right: -40px !important;
}

.r-px--50 {
  right: -50px !important;
}

.r-px--60 {
  right: -60px !important;
}

.r-px--70 {
  right: -70px !important;
}

.r-px--80 {
  right: -80px !important;
}

.r-px--90 {
  right: -90px !important;
}

.r-px--100 {
  right: -100px !important;
}
/* Right End */

/* Text Start */

.text-decoration-line-though {
  text-decoration: line-through !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-black {
  color: var(--black) !important;
}

.text-black .text-color-scope {
  color: var(--black) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-danger .text-color-scope {
  color: var(--danger) !important;
}

.text-info {
  color: var(--info) !important;
}

.text-info .text-color-scope {
  color: var(--info) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-primary .text-color-scope {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-secondary .text-color-scope {
  color: var(--secondary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-success .text-color-scope {
  color: var(--success) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.text-warning .text-color-scope {
  color: var(--warning) !important;
}

.text-white {
  color: var(--white) !important;
}

.text-white .text-color-scope {
  color: var(--white) !important;
}

.text-odd {
  color: var(--black) !important;
}

.text-odd .text-color-scope {
  color: var(--black) !important;
}

.text-even {
  color: var(--dark) !important;
}

.text-even .text-color-scope {
  color: var(--dark) !important;
}

a.text-black-hover:hover {
  color: var(--black) !important;
}

a.text-danger-hover:hover {
  color: var(--danger) !important;
}

a.text-info-hover:hover {
  color: var(--info) !important;
}

a.text-primary-hover:hover {
  color: var(--primary) !important;
}

a.text-secondary-hover:hover {
  color: var(--secondary) !important;
}

a.text-success-hover:hover {
  color: var(--success) !important;
}

a.text-warning-hover:hover {
  color: var(--warning) !important;
}

a.text-white-hover:hover {
  color: var(--white) !important;
}

.f-px-20 {
  font-size: 20px !important;
}

.f-px-30 {
  font-size: 30px !important;
}

.f-px-40 {
  font-size: 40px !important;
}

.f-px-50 {
  font-size: 50px !important;
}

.f-px-60 {
  font-size: 60px !important;
}

/* Text Stop */

/* Top Start */

.t-auto {
  top: auto !important;
}

.t-px-0 {
  top: 0 !important;
}

.t-px-5 {
  top: 5px !important;
}

.t-px-15 {
  top: 15px !important;
}

.t-px-30 {
  top: 30px !important;
}

.t-px--5 {
  top: -5px !important;
}

.t-px--15 {
  top: -15px !important;
}

.t-px--30 {
  top: -30px !important;
}

/* Top End */

/* Width Start */
.w-px-50 {
  width: 50px !important;
}

.w-px-100 {
  width: 100px !important;
}

.w-px-200 {
  width: 200px !important;
}

/* Width End */

/* Z-index Start */
.z-index-1 {
  z-index: 1 !important;
}