/* Display Loading icon */
.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.8) url("/admin-assets/images/loader.gif") center no-repeat;
}
.preview {
  margin-top:-20px;
  width: 50px;
  height: 50px;
  border-radius: 5%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 8px 3px #B8B8B8;
  position: relative;
}

.preview img {
  height: 100%;
  width: 100%;
  border-radius: 5%;
}
@media (max-width: 768px) {
  .preview {
    margin-top:10px;
    align-content: center;
  }
}
/* User Avatar Upload*/
.user {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 8px 3px #B8B8B8;
  position: relative;
}

.user img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

span.icon {
  position: absolute;
  top: 100px;
  right: 0;
  background: #e2e2e2;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  color: #0000ff;
  font-size: 14px;
  cursor: pointer;
}

span.icon:hover {
  background-image: linear-gradient(to right, #7266ba, #4A3388);
  color: white;
}
.form-group {
  margin-bottom: 0.1rem;
}
.form-group label{
  font-size: 12px;
  margin-bottom: -10px;
}
/* .user input[type="file"] {
  display: none;
} */
.uploadProcess img {
  max-width: 40px;
  border: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  display: inline;
}



/* Turn off scrollbar when body element has the loading class */
body.loading {
  overflow: hidden;
}

/* Make spinner image visible when body element has the loading class */
body.loading .overlay {
  display: block;
}  
              
              /*Breadcrum*/
              .breadcrumb {
                  padding: 0px;
                  background: #d4d4d4;
                  list-style: none;
                  overflow: hidden;
                  margin-top:-15px;
                  margin-left: -5px;
                  margin-right: -5px;
                  z-index:1;
                }
                .breadcrumb > li + li:before {
                  padding: 0;
                }
                .breadcrumb li {
                  float: left;
                }
                .breadcrumb li.active a {
                  background: brown; /* fallback color */
                  background: #ffc107;
                }
                .breadcrumb li.completed a {
                  background: brown; /* fallback color */
                  background: hsla(153, 57%, 51%, 1);
                }
                .breadcrumb li.active a:after {
                  border-left: 30px solid #ffc107;
                }
                .breadcrumb li.completed a:after {
                  border-left: 30px solid hsla(153, 57%, 51%, 1);
                }

                .breadcrumb li a {
                  color: white;
                  text-decoration: none;
                  padding: 10px 0 10px 45px;
                  position: relative;
                  display: block;
                  float: left;
                }
                .breadcrumb li a:after {
                  content: " ";
                  display: block;
                  width: 0;
                  height: 0;
                  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                  border-bottom: 50px solid transparent;
                  border-left: 30px solid hsla(0, 0%, 83%, 1);
                  position: absolute;
                  top: 50%;
                  margin-top: -50px;
                  left: 100%;
                  z-index: 2;
                }
                .breadcrumb li a:before {
                  content: " ";
                  display: block;
                  width: 0;
                  height: 0;
                  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                  border-bottom: 50px solid transparent;
                  border-left: 30px solid white;
                  position: absolute;
                  top: 50%;
                  margin-top: -50px;
                  margin-left: 1px;
                  left: 100%;
                  z-index: 1;
                }
                .breadcrumb li:first-child a {
                  padding-left: 15px;
                }
                .breadcrumb li a:hover {
                  background: #ffc107;
                }
                .breadcrumb li a:hover:after {
                  border-left-color: #ffc107 !important;
                }
/*Breadcrum End*/
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #00b297;
  font-weight: bold;
}
.tab-content{
  padding-top: 0px;
 box-shadow: 0 0 10px #b2b2b2;
    border: solid 1px #483388;
  background: white
}
.tab-head{
  text-align: center;
  color: white;
  height:30px;
  font-size: 20px;
  /* background: #00b297; */
  background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
}
[data-toggle="collapse"]:after {
  margin-top: -2px;
  margin-right:10px;
  display: inline-block;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "»";
  transform: rotate(90deg);
  transition: all linear 0.25s;
  float: right !important;
}

[data-toggle="collapse"].collapsed:after {
  margin-top: -5px;
  transform: rotate(0deg);
}
.sp-card-header {
    background-color: #222c43 !important;
    padding:0px !important;
    color: white !important;
}
.sp-card-body{
  margin-top:-3px;
  border:1.5px solid #222c43;
  border-top:none !important;
  border-bottom-left-radius:3px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.sp-card-header a{
  color:white;
  margin-left:15px;
}
.sp-card-header h5{
  margin-top:7px !important;
}
.card-header-waiter-type{
  padding:0px;
  background-color: #9c27b0!important;
  color: white !important;
}
.card-body-waiter-type{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; 
}
input:disabled{
  cursor: not-allowed;
}
.has-float-label {
    position: relative;
      font-size: 70%;
}

.has-float-label label {
     color:#0b043b;
    position: absolute;
    opacity: 1;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 1;
    line-height: 1;
    padding: 0 1px;
    
}

.has-float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1
}


/*.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0
}*/

.has-float-label .form-control:placeholder-shown:not(:focus)+label {
    font-size: 150%;
    opacity: .5;
    top: .3em;
   
}

/*Place Holder Color Change*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#969292 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#969292 ;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#969292;
}
/*select {
  -webkit-appearance: menulist-button;
  color: red !important;
}*/
select:valid { color:black; }
select:invalid {
  color: #969292;
}

/*Placeholder color change end*/

.form-control{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border:solid .1px #00060f !important;
    outline: 0;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f3e5f5), to(#FFFFFF));
}
fieldset.fieldset-border {
    border: 1px groove #938ad1 !important;
    border-radius: 0.25rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 0 1.4em 0.1em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.fieldset-border {
        font-size: .7em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
    }

/* Jquery Date Picker */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em ;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  margin: 0 0 3px !important;
  padding: 2px 0 !important;
  position: relative !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute !important;
  top: 50% !important;
  width: 30px !important;
  height: 30px !important;
  margin-top: -15px !important;
  cursor: pointer !important;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  width: 20px !important;
  height: 20px !important;
  left: 50% !important;
  top: 50% !important;
  margin: -10px 0 0 -10px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.7) !important;
}

.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  border: 5px solid transparent !important;
}

.ui-datepicker .ui-datepicker-next:after {
  left: 50% !important;
  margin: -5px 0 0 -2px !important;
  border-left: 6px solid #217bc0 !important;
}

.ui-datepicker .ui-datepicker-prev:after {
  right: 50% !important;
  margin: -5px -2px 0 0 !important;
  border-right: 6px solid #217bc0 !important;
}

.ui-datepicker .ui-datepicker-prev-hover:before,
.ui-datepicker .ui-datepicker-next-hover:before {
  background: #217bc0 !important;
}

.ui-datepicker .ui-datepicker-next-hover:after {
  border-left-color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev-hover:after {
  border-right-color: #fff !important;
}


.ui-datepicker .ui-datepicker-prev {
  left: 2px !important;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  margin-left: -8px !important;
  top: 50% !important;
  margin-top: -8px !important;
}
.ui-datepicker-today a.ui-state-highlight {
  border-color: #e40f0f !important;
  background: white !important;
  color: #555555 !important;    
}
.ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight {
  border-color: #e40f0f !important;
  background: white !important;
  color: #212121 !important;
}
.ui-datepicker .ui-datepicker-title {
  line-height: 2em !important;
  margin: 0 33px !important;
  text-align: center !important;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em !important;
  margin: 2px 1% !important;
  padding: 4px !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  background: #dfeffc !important;
  width: auto !important;
}

.ui-datepicker table {
  width: 100% !important;
  font-size: .9em !important;
  border-collapse: collapse !important;
  margin: 0 0 .4em !important;
}

.ui-datepicker th {
  padding: .7em .3em !important;
  text-align: center !important;
  font-weight: 700 !important;
  border: 0 !important;
  background: #15213a !important;
  color: #fff !important;
}

.ui-datepicker td {
  border: 0 !important;
  padding: 1px !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block !important;
  padding: .2em !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none !important;
  margin: .7em 0 0 0 !important;
  padding: 0 .2em !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right !important;
  margin: .5em .2em .4em !important;
  cursor: pointer !important;
  padding: .2em .6em .3em .6em !important;
  width: auto !important;
  overflow: visible !important;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left !important;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto !important;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left !important;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95% !important;
  margin: 0 auto .4em !important;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50% !important;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3% !important;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25% !important;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0 !important;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left !important;
}

.ui-datepicker-row-break {
  clear: both !important;
  width: 100% !important; 
  font-size: 0 !important;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl !important;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px !important;
  left: auto !important;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px !important;
  right: auto !important;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px !important;
  left: auto !important;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px !important;
  right: auto !important;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right !important;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left !important;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right !important;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0 !important;
  border-left-width: 1px !important;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 1.1em !important;
}

.ui-widget .ui-widget {
  font-size: 1em !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 1em !important;
}

.ui-widget-content {
  border: 1px solid #a6c9e2 !important;
  background: #fcfdfd !important;
  color: #222 !important;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important;
}

.ui-widget-content a {
  color: #222 !important;
}

.ui-widget-header {
  border: 1px solid #4c3cce!important;
  background: #4c3cce !important;
  color: #fff !important;
  font-weight: bold !important;
}

.ui-widget-header a {
  color: #fff !important;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #c5dbec !important;
  background: #dfeffc !important;
  font-weight: bold !important;
  color: #2e6e9e !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #2e6e9e !important;
  text-decoration: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #79b7e7 !important;
  background: #d0e5f5 !important;
  font-weight: bold !important;
  color: #1d5987 !important;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #1d5987 !important;
  text-decoration: none !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #79b7e7 !important;
  /* linear-gradient(to right, #00dbde 0%, #fc00ff 100%) !important; */
  background-color: #FFD700 !important ;
  font-weight: bold !important;
  color:#15213a !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #e17009 !important;
  text-decoration: none !important;
}

.ui-corner-all {
  border-radius: 5px !important;
}
.btn-purple{
  background-color: #4c3cce;
}
.btn-purple:hover{
background-color: #15213a;
/* color:#FFD700 !important; */
}
.bg-purple{
  background-color: #4c3cce;
  color:white;
}
/* Animated submit button */
.btn-submit{

  transition: all 500ms ease-in-out;
  text-transform: uppercase;
/*   font-size: 24px; */
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  background-color: #4c3cce;
  cursor: pointer;
  min-width: 100px;
  }
  .btn-reset{
    transition: all 500ms ease-in-out;
    text-transform: uppercase;
    /*   font-size: 24px; */
    color: #04082b;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    min-width: 100px;
    cursor: pointer;
    border:1px solid #04082b;
    }
    .btn-outline-purple{
      text-transform: uppercase;
      /*   font-size: 24px; */
      color: #04082b;
      min-width: 100px;
      cursor: pointer;
      border:1px solid #04082b;
      }
  

.btn-submit:hover {
      color: #fff;
      background-color:#4c3cce;
  }
  .btn-reset:hover{
    background-color:#4c3cce;
    color: #fff;
   /*  background: linear-gradient(to right, #fc00ff, #00dbde); */
    border:none;
  }
  .btn-outline-purple:hover{
    background-color:#4c3cce;
    color: #fff;
    font-weight:bold;
    border:none;
  }
.text-purple{
  color:#4c3cce;
}
.box {
  background-image: repeating-linear-gradient(-48deg, #0e7886, #0e7886 2.4px, transparent 5px, transparent 9.8px, #0e7886 15px), repeating-linear-gradient(42deg, #0e7886, #0e7886 2.4px, transparent 5px, transparent 9.8px, #0e7886 15px), repeating-linear-gradient(132deg, #0e7886, #0e7886 2.4px, transparent 5px, transparent 9.8px, #0e7886 15px), repeating-linear-gradient(222deg, #0e7886, #0e7886 2.4px, transparent 5px, transparent 9.8px, #0e7886 15px);
  background-size: 2px calc(100% + 22.42px), calc(100% + 22.42px) 2px, 2px calc(100% + 22.42px) , calc(100% + 22.42px) 2px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  animation: borderAnimation 1s infinite linear;
  }
  
  /* @keyframes borderAnimation {
  from { background-position: 0 0, -22.42px 0, 100% -22.42px, 0 100%; }
  to { background-position: 0 -22.42px, 0 0, 100% 0, -22.42px 100%; }
  } */
  /* Remove Button */
  .remove{
    padding: 0.03rem 0.3rem;
  }
  .remove {
      width: 36px;
     /*  height: 64px; */
      text-align: center;
      color: inherit;
      font-size: 24px;
  }
  .remove :hover{
  color:red;
  }

/* @media (min-width: 768px) {
  .btn-submit {
    font-size: 24px;
    min-width: 250px;
  }
}
@media (max-width: 600px) {
  .btn-submit {
    font-size: 24px;
    min-width: 180px;
  }
} 
.spinner-border-sm{
  width:1.7rem;
  height:1.7rem;
}*/
button[disabled] {
  cursor: not-allowed;
}
input[readonly] {
  cursor: not-allowed;
}
/* select2 */
.select2-container .select2-selection--single {
  background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f3e5f5), to(#FFFFFF));
  border: solid 0.1px #00060f !important;
  height: 38px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height:38px !important;
  font-size: .9rem;
}

/* For Jquery Validation */
.file-input{
  border:1px solid #444 !important; 
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;

}

.has-error{
  border-color: #fa1702 !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}

.has-success{
  border-color: #09801f !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color:#fa1702;
  font-size: .8rem;
}
.required-asteric{
  color:red;
  margin-left:3px;
}
/* Sidebar Css */
body[data-sidebar=dark] .vertical-menu {
  background-color:#15213a;
}

body[data-sidebar=dark] .mm-active .active {
  color: #FFD700 !important;
  background-color: #4c3cce;
  /* background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%); 
  background: linear-gradient(to right, #000046, #1cb5e0);*/
}

body[data-sidebar=dark] #sidebar-menu ul>li>a.mm-active {
  background-color:#4c3cce;
  /*  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%); 
  background: linear-gradient(to right, #000046, #1cb5e0);*/
}

body[data-sidebar=dark] .navbar-brand-box {
  background-color:#15213a;
}

body[data-sidebar=dark] #sidebar-menu ul li a {
  color: white;
}
body[data-sidebar=dark] #sidebar-menu>ul>li:hover>a {
  background-color: #4c3cce !important;
  color: #fff;
}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
  background-color: #4c3cce !important;
  color: #fff;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul ul {
 /*  background-color: #4c3cce; */
  color: white;
}
#sidebar-menu ul li a {
  display: block;
  padding: 0.225rem 1.5rem !important
}

.metismenu .mm-collapse.mm-show {
  display: block;
 /*  border-bottom: 1px solid #4c3cce;
  border-left:1px solid #4c3cce;
  border-right:2px solid #4c3cce; */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #222c43;
/*     background-color:white; */
}

/* body[data-sidebar=dark] #sidebar-menu li>.has-arrow {
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
} */

/* body[data-sidebar=dark] #sidebar-menu ul li a:hover {
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
} */

#setup_table td {
  padding: 0.5rem;
}
#setup_table{
  counter-reset: rowNumber-1;
}

#setup_table tr {
  counter-increment: rowNumber;
}

#setup_table tr td:first-child::before {
  content: counter(rowNumber);
  min-width: 1em;
  margin-right: 0.5em;
}

/* Event Calender CSS */
.fc-widget-header{
  background-color:#06043b !important;
  color:white !important;
}
.fc-unthemed tbody {
  border:red !important;
}
.fc button {
 /*  background: linear-gradient(to right, #fc00ff, #00dbde); */
 background:#15213a;
  color:white;
}
.fc-today-button{
  background: #4c3cce !important;
  border: none !important;
}
.fc-today-button:disabled{
  background: green !important;
  border: none !important;
  cursor: not-allowed;
}
.fc-state-active{
  background: #4c3cce !important;
  cursor: not-allowed !important;
}
#digital-clock{
  margin-top: -24px;
    position: absolute;
    font-size: 10px;
    margin-left: 50px;
    color: black;
}