overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;dropdown-toggle@import url("https://use.fontawesome.com/releases/v5.0.11/css/all.css");

input, textarea {
	border-radius: 0px !important;
}

select.table-sm, input.table-sm {
	border-radius: 0px !important;
	min-width: 100px;
	height: 28px;
	border: 1px solid black;
	font-family: 'DIN';
	font-size: 15px;
	font-weight: 700;
}

input.table-sm.extra {
	max-width: 50px;
	min-width: 50px;
}

input.table-sm::-webkit-outer-spin-button,
input.table-sm::-webkit-inner-spin-button,
input.table-sm::-webkit-clear-button{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.table-sm[type=date]{
	width: 130px;
}

input.right {
	text-align: right;
}
input.center {
	text-align: center;
}

select.table-sm:focus option.holder {
  display: none;
}

.form-control {
	border-radius: 0px !important;
}

input:focus, textarea:focus {
	outline: 0 none!important;
	border-color: rgba(73,80,87,0.8)!important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(73,80,87,0.6)!important;
}

input.error, textarea.error {
	/*background-color: #FF93A4;*/
	color: #495057 !important;
	border-color: rgba(223,0,36,0.8)!important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(223,0,36,0.6)!important;
	outline: 0 none!important;
}
input.error:focus, textarea.error:focus {
	/*background-color: #FF93A4;*/
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #28a745 !important;
}

form .error-text {
	display: none;
	font-size: 12px;
	color: #dc3545; 
}
form .error {
	color: #dc3545; 
}
form .card {
	margin-bottom: 30px;
}

form .buttons button { margin: 5px; }

.form-check input[type="checkbox"], input[type="radio"]{
	position: absolute;
	right: 9000px;
}

/*Check box*/
.form-check input[type="checkbox"] + .label-text:before{
	content: "\f0c8";
	font-family: "Font Awesome 5 Free";
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

.form-check input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #df0024;
	animation: effect 250ms ease-in;
	font-weight: 900;
}

.form-check input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

.form-check input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}

/*Radio box*/

.form-check input[type="radio"] + .label-text:before{
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

.form-check input[type="radio"]:checked + .label-text:before{
	content: "\f192";
	color: #df0024;
	animation: effect 250ms ease-in;
}

.form-check input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

.form-check input[type="radio"]:disabled + .label-text:before{
	content: "\f111";
	color: #ccc;
}
.form-check label.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
label.switch-sm {
  width: 42px;
  height: 24px;
}
label.switch input {display:none;}
label .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
label .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
label.switch-sm .slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
label input:checked + .slider {
  background-color: #28a745;
}
label input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
label.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
label.switch-sm input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
/* Rounded sliders */
label .slider.round {
  border-radius: 34px;
}
label.switch-sm .slider.round {
  border-radius: 34px;
}
label .slider.round:before {
  border-radius: 50%;
}

.form-group .labelcheck input[type="checkbox"] {
    display: none;
}

.form-group.labelcheck input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group.labelcheck input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group.labelcheck input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group.labelcheck input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group.labelcheck input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}
	
.form-group.lang span[data-target] {
	display: none;
}
.form-group.lang span[data-target].active {
	display: block;
}
.form-group.lang i {
	opacity: 0.20;
	filter: alpha(opacity=20);
}
.form-group.lang i.selected {
	opacity: 1!important;
	filter: alpha(opacity=100)!important;
}

.four-boot-option-icon.flag-icon {
	width: 22px!important;
}

.input-group-prepend, .input-group-text {
	border-radius: 0px!important;
}

.btn-on, .btn-off { width: 40px; border: 1px solid #C3C3C3;}

.btn-on span, .btn-off span { display: none;}

.btn-on i, .btn-off i { color: #474747;}
.btn-on.active i, .btn-off.active i { display: none;}

.btn-on.active{
	background-color: #28a745!important;
	color: white!important;
	font-weight: bold;
	width: 70px;
 	border: 1px solid #C3C3C3!important;}
.btn-off.active{
	background-color: #C3C3C3!important;
	color: white!important;
	width: 70px;
	border: 1px solid #C3C3C3!important;}

.btn-on.active span, .btn-off.active span { display: block;}

.btn-on.btn-edit.active{ background-color: #ffc107!important; }
.btn-on.btn-delete.active{ background-color: #dc3545!important; }	

label.btn-on-off{
	font-weight: bold;
}

.btn.four-boot.title {
	border: 0px;
	font-family: 'DIN-Titulos';
	font-size: 18px!important;
}

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

.four-boot .dropdown {
	width: 100%;
}