html {
	overflow-y: scroll;
}

.scroll-horizontal {
	white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
	-ms-overflow-y: hidden;
}

.scroll-horizontal::-webkit-scrollbar {
	width: 15px;
}

.scroll-horizontal::-webkit-scrollbar-track {
	background: #FFFFFF;
	-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;   
	border: 1px solid #D8D8D8;
}

.scroll-horizontal::-webkit-scrollbar-thumb {
	background: #999999;
	-webkit-box-shadow: inset 1px 1px 2px rgba(168, 168, 168, 0.4);  
}

.scroll-horizontal::-webkit-scrollbar-thumb:hover {
	background: #DDDDDD;
}

.scroll-horizontal::-webkit-scrollbar-thumb:active {
	background: #BBBBBB;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}


/* Overwrite Original Design */
label {
	color: #605CA8;
}

.form-group {
	margin-bottom: 5px;
}

.alert {
	border: none;
}

@media (max-width: 767px) {
	.form-horizontal .control-label {
		/* text-align: center; */
	}
}

span.help-block {
	padding-top: 0px;
	margin-top: 0px;
}

@media (min-width: 576px) {
	span.help-block {
		padding-top: 2px;
		margin-top: 5px;
	}
}

.table > tbody > tr > td {
	vertical-align: middle;
}

.form-control:read-only {
	background-color: #fff;
}

.label {
	padding: .2em .4em;
	font-size: 90%;
}

/* Bootstrap Switch Checkbox */
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 16px;
    left: 0px;
    margin-top: -8px;
    position: absolute;
    top: 0px;
    transition: all 0.3s ease-in-out;
    width: 16px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 24px;
}

@media (min-width: 576px) {
	.material-switch {
		margin-top: 7px;
	}
}

/* Extend Font Awesome */
.fa-padding-none {
	padding: 0;
}

.fa-padding {
	margin-left: -0.5em;
	width: 2em;
	text-align: center;
}

.fa-padding-1em {
	margin-left: -0.75em;
	width: 3em;
	text-align: center;
}

.fa-padding-2em {
	margin-left: -1em;
	width: 4em;
	text-align: center;
}

.fa-padding-3em {
	margin-left: -1.25em;
	width: 5em;
	text-align: center;
}

/* Ajax Message */
.ajax-message {
  position: relative;
  padding: 15px 15px 0px 15px;
  margin-bottom: -20px;
}

.ajax-message:empty {
   display: none;
}

/* col paddings */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-right: 15px;
  padding-left: 15px;
}