.mai-top-header .navbar-brand {
	background-image: none;
	font-size: 20px;
    font-weight: bold;
}

.field-validation-error {
	color: #F45846;
}

.show>.dropdown-menu {
	overflow: hidden;
}

.control-label {
	display: block;
}

.switch-button input[type=checkbox]:checked+span label:before {
	padding-left: 12px;
}

#VisitorsTable .badge {
	width: 90px;
}

.input-group-select {
    border-right: 0 !important;
}

#Filter {
	padding: 0 20px;
}

#Filter .form-control-sm {
	padding: 2px 10px;
	height: 33px;
	margin: 0;
}

#Filter .row + .row {
    margin-top: 15px;
}

.mai-top-header .navbar-brand {
	width: auto;
}

.options-body,
.options-footer {
	padding: 0 25px 30px 25px;
}

.aside-nav .navbar-nav li a.active {
	background-color: #e8e8e8;
}
    
.table tr th.actions, .table tr td.actions {
	text-align: right;
}

.ms-container {
	width: 100%;
	margin-bottom: 5px;
}

.ms-container .search-input {
	height: 44px;
}

#SelfSignInOut {
    padding-bottom: 25px;
}

#SelfSignInOut .btn-big {
    width: 100%;
}

.dropdown-item .icon {
    position: relative;
    top: -2px;
    left: -7px;
}

.table tr td.actions > .icon {
    margin-right: 10px;
    font-size: 1.75rem;
}

.fuelux .wizard > .steps-container > ul.steps {
    margin-left: 0 !important;
}

/*------------------------------------------------------------------
  [Loading icons]
*/
.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    margin-top: 200px;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #fff;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


/*------------------------------------------------------------------
  [Bootstrap dateTime Picker]
*/

.datetimepicker.input-group {
  padding: 4px 0;
}
.datetimepicker .input-group-addon {
  padding: 0 13px;
  font-size: 24px;
  line-height: 23px;
}
.datetimepicker .input-group-addon > i {
  vertical-align: middle;
}
.datetimepicker.input-group-sm .input-group-addon {
  font-size: 20px;
  line-height: 21px;
  padding: 0 11px;
}
.datetimepicker.input-group-lg .input-group-addon {
  padding: 0 15px;
}
.datetimepicker table {
  border-collapse: separate;
  border-spacing: 7px 2px;
}
.datetimepicker table thead tr th {
  padding: 10px 4px 8px;
}
.datetimepicker table thead tr th.prev,
.datetimepicker table thead tr th.next {
  padding: 0;
}
.datetimepicker table thead tr th.prev > .icon,
.datetimepicker table thead tr th.next > .icon {
  font-size: 21px;
}
.datetimepicker table thead tr th.prev:hover,
.datetimepicker table thead tr th.next:hover {
  background-color: transparent;
  color: #4285f4;
}
.datetimepicker table thead tr th.switch {
  font-weight: 600;
  font-size: 14px;
}
.datetimepicker table thead tr th.switch:hover {
  background-color: transparent;
  color: #5a5a5a;
}
.datetimepicker table thead tr th.dow {
  font-weight: 400;
  font-size: 14px;
  padding-top: 10px;
}
.datetimepicker table tbody tr td {
  line-height: 31px;
  padding: 0 8px;
}
.datetimepicker table tbody tr td.day {
  border-radius: 50%;
  color: #737373;
}
.datetimepicker table tbody tr td.day.old,
.datetimepicker table tbody tr td.day.new {
  color: #b3b3b3;
}
.datetimepicker table tbody tr td.day.active {
  background: #4285f4;
  color: #ffffff;
  text-shadow: none;
}
.datetimepicker table tbody tr td.day.active:hover {
  background: #1266f1;
}
.datetimepicker table tbody tr td .year,
.datetimepicker table tbody tr td .month,
.datetimepicker table tbody tr td .hour,
.datetimepicker table tbody tr td .minute {
  color: #737373;
}
.datetimepicker table tbody tr td .year.old,
.datetimepicker table tbody tr td .month.old,
.datetimepicker table tbody tr td .hour.old,
.datetimepicker table tbody tr td .minute.old,
.datetimepicker table tbody tr td .year.new,
.datetimepicker table tbody tr td .month.new,
.datetimepicker table tbody tr td .hour.new,
.datetimepicker table tbody tr td .minute.new {
  color: #b3b3b3;
}
.datetimepicker table tbody tr td .year.active,
.datetimepicker table tbody tr td .month.active,
.datetimepicker table tbody tr td .hour.active,
.datetimepicker table tbody tr td .minute.active {
  background: #4285f4;
  color: #ffffff;
  text-shadow: none;
}
.datetimepicker table tbody tr td .year.active:hover,
.datetimepicker table tbody tr td .month.active:hover,
.datetimepicker table tbody tr td .hour.active:hover,
.datetimepicker table tbody tr td .minute.active:hover {
  background: #1266f1;
}
.datetimepicker table tbody tr td fieldset legend {
  font-size: 17px;
  font-weight: 400;
  color: #5a5a5a;
  margin-bottom: 5px;
}
.datetimepicker.dropdown-menu {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.datetimepicker.dropdown-menu:before {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

@-webkit-keyframes autofill {
    to {
        color: #989898;
        background: transparent;
    }
}

.splash-container .input-group .form-control:-webkit-autofill,
.splash-container .input-group .form-control:-webkit-autofill:hover,
.splash-container .input-group .form-control:-webkit-autofill:focus,
.splash-container .input-group .form-control:-webkit-autofill:active {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}