@charset "UTF-8";
/* --------------------------------------------------
// Project Name: Flow Control Tool
// Dev URL     : https://fct.jdsoftware.sk/
// Author      : InetSol Ltd.
// Author URL  : http://inetsol.co
// Version     : 0.0.1
// Date        : 2023/02/01 @ 03:00
--------------------------------------------------
gray  #AEBDCA
blue1 #035397
blue2 #5089C6

body ##3d3d3d
-------------------------------------------------- */

/* Main Styles
-------------------------------------------------- */
a {
    color: #4c4948;
}

a:hover {
    color: #035397;
}

@media screen and (min-width: 768px) {
  .desktop-only{display:block !important;}
  .mobile-only{display:none !important;}
}
@media screen and (max-width: 767px) {
  .mobile-only{display:block !important;}
  .desktop-only{display:none !important;}
}

.content-wrapper {
    min-height: 100%;
    background-color: #f1f3f5;
    background-image: url('../images/fct_wave.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    z-index: 800;
}

.nounderline {
    text-decoration: none !important;
}

.alk-color {
    color: #888;
}

a.alk-color {
    color: #888;
}

a.alk-color:hover {
    color: #ee1100;
}
.box {
    /* padding-bottom: 10px; */
}
.box.box-purple {
  border-top-color: #0046ad;
}
.bg-light-purple {
    background-color: #f4f2f8;
    cursor: not-allowed;
}

.alk-logo-blue {
    background: url('../images/fct-color.png') no-repeat;
    /* background-image: url('../images/takeda_logo.svg'), none; */
    background-size: 100% 100%;
    background-size: contain;
    background-position: center center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.alk-logo-white {
    background: url('../images/fct-white.png') no-repeat;
    background-image: url('../images/fct-white.svg'), none;
    background-size: 100% 100%;
    background-size: contain;
    background-position: center center;
}
.hr-small-space {
  margin-top: 8px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #ddd;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 9999px white inset;
  -webkit-animation: autofill 0s forwards;
  animation: autofill 0s forwards;
}

@keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
    font-size: inherit;
  }
}

@-webkit-keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
    font-size: inherit;
  }
}

.pagination {
    margin: 0;
}

.pagination > li > a, .pagination > li > span {
  padding: 5px 10px;
}

.text-normal {
    color: #3d3d3d;
}

.text-gray {
    color: #888;
}
.text-modal {
  font-size: 15px;
  color: #4c4948;
}

.up-space-10px {
    padding-top: 10px;
}

.up-space-20px {
    padding-top: 20px;
}

.up-space-30px {
    padding-top: 30px;
}

.up-space-40px {
    padding-top: 40px;
}

.up-space-50px {
    padding-top: 50px;
}

.up-space-60px {
    padding-top: 60px;
}

.up-space-70px {
    padding-top: 70px;
}

.up-space-80px {
    padding-top: 80px;
}

.up-space-90px {
    padding-top: 90px;
}

.up-space-100px {
    padding-top: 100px;
}

.down-space-10px {
    margin-bottom: 10px;
}

.down-space-20px {
    margin-bottom: 20px;
}

.down-space-30px {
    margin-bottom: 30px;
}

.down-space-40px {
    margin-bottom: 40px;
}

.down-space-50px {
    margin-bottom: 50px;
}

.down-space-60px {
    margin-bottom: 60px;
}

.down-space-70px {
    margin-bottom: 70px;
}

.down-space-80px {
    margin-bottom: 80px;
}

.down-space-90px {
    margin-bottom: 90px;
}

.down-space-100px {
    margin-bottom: 100px;
}

.right-space-10px {
    margin-right: 10px;
}
.right-space-15px {
    margin-right: 15px;
}
.right-space-20px {
    margin-right: 20px;
}
.clickable-row,
.clickable-cell {
    cursor: pointer;
}
.pointer-cursor {
  cursor: pointer;
}
option[value=""][disabled] {
    display: none;
}

a#scroll-to-top {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEZFRDY3RjhCMjExMTFFNUE3RjlCQ0I4NkYyNUQ3RTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEZFRDY3RjdCMjExMTFFNUE3RjlCQ0I4NkYyNUQ3RTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNzE5RUFDNDNBREExMUUxQUVGMkE2NTdBQ0QzMDBFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNzE5RUFDNTNBREExMUUxQUVGMkE2NTdBQ0QzMDBFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNvoukAAAEQSURBVHjaYgwNDRVjYGAIAGIlIGYG4v8M9AOMQPwXiO8C8UYWIBEGxMoMAwdAbtACYiYmICHHMDiAMhPDIAKjjhl1zKhjBpNjngLxBCg9oI75BsQzgPghEL8eaMc8AOIvUPZCIL42UI65DMQL0MQWQMXp6pgrQLwYiH+jiYP4J+ntmAdYHAIDV4F4L70cs48Iy7ZA1dHUMXuAeDORajcjJW6aOOY4ierX08oxi4D4HYmOOQfVRzXHgNrES4H4PJmJHaRvP7UcA8o5ZygsHEH6PxLTGCYEJIA4k4JiANQD+ArteVDsGE4gVhttQow6ZtQxo44ZdQwNHPN0kLjlIag6WM0AGTCSGkCHPAO1fQACDAAmxzHZ/SF5mgAAAABJRU5ErkJggg==") no-repeat center center;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 10px;
    bottom: 17px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: 0;
}
/* Dashboard Top Infos */
.info-box {
  height: 70px;
  min-height: 70px;
}
.info-box-icon {
  height: 70px;
  width: 100px; /* 3 cols width 100 - 4 cols width 70 */
  line-height: 70px;
  font-size: 37px;
}

.info-box-content {
  min-height: 70px;
  height: 70px;
}
.info-box-text {
  display: flex;
  min-height: 62px;
  height: 62px;
  white-space: normal;
  text-align: center;
  overflow: visible;
  text-overflow: initial;
  font-size: 16px;
  line-height: 20px;
  justify-content:center;
  align-items:center;
}

.logo-lg {
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 600;
}
.main-header .logo {
  line-height: 50px!important;
}
.main-header .logo .logo-fct img {
  height: 28px;
  position: relative;
  top: -1px;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #5089C6 !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto!important;
    padding: 20px 10px 1px 10px!important;
    text-align: center;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #666666;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
  right: 5px!important;
  -webkit-box-shadow: 2px 2px 13px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:    2px 2px 13px 1px rgba(0,0,0,0.3);
  box-shadow:         2px 2px 13px 1px rgba(0,0,0,0.3);
}
@media (max-width: 991px) {
  .navbar-nav>.user-menu>.dropdown-menu {
      padding: 0;
  }
  .content-header>.breadcrumb {
      background: rgba(0,0,0,0.1);
  }
  .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 15px!important;
  }
}
/*


.dataTable th, .dataTable td {
    white-space: nowrap;
}*/
.dataTable th {
    white-space: nowrap;
}
.info-text-helper {
  position: fixed;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  background-color: #aaa;
  color:#111;
  z-index: 999;
}
/* Bootstrap Elements ALK Colors Styles
-------------------------------------------------- */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #004bb0;
  outline: 0;
}

.panel-alk {
    border-color: #4c4948;
}

.panel-alk > .panel-heading {
    color: #efefef !important;
    background-color: #4c4948;
    border-color: #333;
}

.panel-alk > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #4c4948;
}

.panel-alk > .panel-heading .badge {
    color: #ccc1eb;
    background-color: #4c4948;
}

.panel-alk > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #4c4948;
}

.btn-link-alk {
  font-weight: normal;
  color: #163056;
  border-radius: 0;
}
.btn-link-alk,
.btn-link-alk:active,
.btn-link-alk.active,
.btn-link-alk[disabled],
fieldset[disabled] .btn-link-alk {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link-alk,
.btn-link-alk:hover,
.btn-link-alk:focus,
.btn-link-alk:active {
  border-color: transparent;
}
.btn-link-alk:hover,
.btn-link-alk:focus {
  color: #0046ad;
  text-decoration: underline;
  background-color: transparent;
}

.btn-alk {
  color: #fff;
  background-color: #5089C6;
  border-color: #5089C6;
  transition: all 0.15s ease-in-out;
}

.btn-alk:hover,
.btn-alk:focus,
.btn-alk:active,
.btn-alk.active,
.open .dropdown-toggle.btn-alk {
  color: #fff;
  background-color: #035397;
  border-color: #035397;
}

.btn-alk:active,
.btn-alk.active,
.open .dropdown-toggle.btn-alk {
  background-image: none;
}

.btn-alk.disabled,
.btn-alk[disabled],
fieldset[disabled] .btn-alk,
.btn-alk.disabled:hover,
.btn-alk[disabled]:hover,
fieldset[disabled] .btn-alk:hover,
.btn-alk.disabled:focus,
.btn-alk[disabled]:focus,
fieldset[disabled] .btn-alk:focus,
.btn-alk.disabled:active,
.btn-alk[disabled]:active,
fieldset[disabled] .btn-alk:active,
.btn-alk.disabled.active,
.btn-alk[disabled].active,
fieldset[disabled] .btn-alk.active {
  background-color: #163056;
  border-color: #130269;
}

.btn-alk .badge {
  color: #163056;
  background-color: #fff;
}

.btn-group-header>.btn, .btn-header {
    padding: 1px 7px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 3px;
    top: -2px;
    margin-left: 10px;
    position: relative;
}

.btn-spacer {
    margin-left: 15px;
}
.btn-spacer-big {
    margin-right: 12px;
    margin-bottom: 12px;
}
.btn-space-visit {
    margin-right: 25px;
}
.btn-space-patient {
    margin-right: 40px;
}
/* InputLike Div
-------------------------------------------------- */
.input-like {
    display: block;
    width: 100%;
    /* height: 34px; */
    min-height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    /* background-color: #fff; */
    background-image: none;
    border: 1px solid #ccc;
}

.textarea-like {
    min-height: 34px;
    height:auto;
}
/* Forms Modifications */
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #a94442;
}
.form-control {
  color: #000!important;
}
.has-feedback .form-control {
    padding-right: 15px;
}
.form-control.form-control-in-table {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    padding: 0px 8px!important;
    height: 30px!important;
    width: 75px;
}
.form-control.form-control-in-table-select {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    padding: 0px 8px!important;
    height: 30px!important;
    width: auto;
}
.glyphicon-input {
    right: 15px!important;
    z-index: 999;
}
.glyphicon-select {
    right: 24px!important;
    z-index: 999;
}
.glyphicon-textarea {
    right: 15px!important;
    z-index: 999;
}
.glyphicon-input-date {
    right: 0px!important;
    z-index: 999;
}

/* for validation */
.has-success .select2-selection , .has-success .select2-container,
.has-success .select2-choice, .has-success .select2-choices {
    border-color: #3c763d;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.has-success .select2-selection:focus , .has-success .select2-container:focus,
.has-success .select2-choice:focus, .has-success .select2-choices:focus {
    border-color: #2b542c;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #67b168;
}

.has-error .select2-selection , .has-error .select2-container,
.has-error .select2-choice, .has-error .select2-choices {
    border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.has-error .select2-selection:focus , .has-error .select2-container:focus,
.has-error .select2-choice:focus, .has-error .select2-choices:focus{
    border-color: #843534;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}
.select2-choices {
    border-radius: 4px;
}

.big-checkbox {
  width:1.5rem;
  height:1.5rem;
  top:0.5rem
}

/* Loading Overlay */
.blockOverlay {
  z-index: 2000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; cursor: wait; position: fixed;
}
.blockMsg, .blockPage{
  z-index: 2011; position: fixed; padding: 40px 30px 30px; margin: 0px; width: 30%; top: 40%; left: 35%; text-align: center; color: rgb(17, 17, 17); border: 3px solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); cursor: wait;
}

/* Responsive Adjustment for Dashboard & iPad */

div.dataTables_wrapper {
        width: 100%;
        margin: 0 auto;
    }

#export-main{
    width:100%;
    height: 21px;
    margin-bottom: 5px;
}
#export-name{
    width:36%;
    height: 20px;
    float:left;
}
#export-link{
    width:64%;
    height: 20px;
    float:left;
    text-align: right;
}

@media only screen and (min-width:991px) and (max-width:1240px) {
  #export-name, #export-link { width:100%; text-align: left;}
  #export-main{
      width:100%;
      height: 40px;
  }
}
.grecaptcha-badge { visibility: hidden; }

/* Simple Table Modifications */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 7px;
    vertical-align: middle!important;
}
.table>tbody>tr>td.noWrap {
  white-space: nowrap;
}

/* Breadcrumbs */
#breadcrumb {
  list-style: none;
  display: inline-block; /* inline-block */
  padding-inline-start: 10px;
  margin-top: 9px;
  margin-bottom: 8px;
}
#breadcrumb .fa {
  font-size: 14px;
  margin-right: 6px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #fff;
  display: block;
  background: #777;
  text-decoration: none;
  position: relative;
  height: 34px;
  line-height: 34px;
  padding: 0 10px 0 0px;
  font-size: 14px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #999;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #999;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #999;
}
#breadcrumb li:first-child a {
  padding-left: 10px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #777;
  border-width: 17px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #777;
}
#breadcrumb li a:hover {
  background-color: #dd4b39;
}
#breadcrumb li a:hover:before {
  border-color: #dd4b39;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #dd4b39;
}

#breadcrumb li a.active {
  background-color: #dd4b39;
}
#breadcrumb li a.active:before {
  border-color: #dd4b39;
  border-left-color: transparent;
}
#breadcrumb li a.active:after {
  border-left-color: #dd4b39;
}

#breadcrumb li a.active:hover {
  background-color: #bb1c2c;
}
#breadcrumb li a.active:hover:before {
  border-color: #bb1c2c;
  border-left-color: transparent;
}
#breadcrumb li a.active:hover:after {
  border-left-color: #bb1c2c;
}

#breadcrumb li a.missing {
  background-color: #ff8888;
}
#breadcrumb li a.missing:before {
  border-color: #ff8888;
  border-left-color: transparent;
}
#breadcrumb li a.missing:after {
  border-left-color: #ff8888;
}

#breadcrumb li a.missing:hover {
  background-color: #dd4b39;
}
#breadcrumb li a.missing:hover:before {
  border-color: #dd4b39;
  border-left-color: transparent;
}
#breadcrumb li a.missing:hover:after {
  border-left-color: #dd4b39;
}

/* SWITCH CHECKBOXES */
.checkbox.checbox-switch {
    padding-left: 0;
    padding-top: 4px!important;
}
.checkbox.checbox-switch label::before{
    display: none;
}
.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}

/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: rgb(180, 182, 183);
    border-color: rgb(180, 182, 183);
    box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
    background-color: rgb(232,235,238);
    border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: rgb(248,249,250);
    border-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
    background-color: rgb(248,249,250);
    border-color: rgb(248,249,250);
    box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
    background-color: rgb(52,58,64);
    border-color: rgb(52,58,64);
    box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
    background-color: rgb(100, 102, 104);
    border-color: rgb(100, 102, 104);
    box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: rgb(153, 217, 168);
    border-color: rgb(153, 217, 168);
    box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(200, 35, 51);
    border-color: rgb(200, 35, 51);
    box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: rgb(0, 105, 217);
    border-color: rgb(0, 105, 217);
    box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: rgb(109, 163, 221);
    border-color: rgb(109, 163, 221);
    box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: rgb(23, 162, 184);
    border-color: rgb(23, 162, 184);
    box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: rgb(102, 192, 206);
    border-color: rgb(102, 192, 206);
    box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
    box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
    background-color: rgb(226, 195, 102);
    border-color: rgb(226, 195, 102);
    box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Red */
.checkbox.checbox-switch.switch-red label > input:checked + span,
.checkbox-inline.checbox-switch.switch-red > input:checked + span {
    background-color: rgb(238, 17, 0);
    border-color: rgb(238, 17, 0);
    box-shadow: rgb(238, 17, 0) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-red label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-red > input:checked:disabled + span {
    background-color: rgb(226, 195, 102);
    border-color: rgb(226, 195, 102);
    box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}