label{font-weight:600;font-size:small;color: #000;}
input{border: 2px solid #dbdfe4;}
input:not(.switch-checkbox),button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
input:not(.switch-checkbox),input:not(.switch-checkbox):focus{padding:4px 10px;background-color:#fff;border: 2px solid #dbdfe4;font-size:.8rem;width:95%;min-width:25px;margin:0;outline:0;height:35px}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type="radio"],input[type="checkbox"]:not(.switch-checkbox){-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}
input.minimum{padding:4px 10px}
input[type="checkbox"]:not(.switch-checkbox){max-width:25px}
input[type="file"]{padding: 4px;margin:0;background:none;color:#fff;border: 0;font-size: .8rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
select{outline:0;border:2px solid #dbdfe4;padding:2px 6px;background-color:#fff;font-size:.8rem;width:90%;margin:10px;border-radius: 0;}
button,select{text-transform:none}
button,input:not(.switch-checkbox){overflow:visible;outline:0}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}
form{width:100%;}
fieldset{border-color:#ccc;border-radius:5px;margin:10px;padding:20px 10px}



button{cursor:pointer}
.btn-tbl{margin:0!important}
.btn:focus{outline:0}
.btn>span{vertical-align:middle}



.radio{vertical-align:top;width:17px;height:17px;margin:0 3px 0 0}
.radio+label{cursor:pointer}
.radio:not(checked){position:absolute;opacity:0}
.radio:not(checked)+label{position:relative;padding:0 30px;font-weight:400;font-size:.7rem;margin:0 10px}
.radio:not(checked)+label:before{content:'';position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #cdd1da;border-radius:50%;background:#FFF;margin-top:-1px}
.radio:not(checked)+label:after{margin-top:-1px;content:'';position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#00b10e;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px rgba(0,0,0,.5);opacity:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.radio:checked+label:after{opacity:1}

/* BUTTONS*/
.btn {
margin:2px 5px;
font-weight:500;
padding: 3px 10px;
border:0;
color:inherit;
font-size:.7rem;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
word-spacing:2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
    white-space: nowrap;
}

.btn-green:hover,.btn-green.btn-active {
background-color: white; 
color: black; 
border: 2px solid #028a07;
}

.btn-green {
background-color: #028a07;
color: white;
border: 2px solid #028a07;
}

.btn-blue:hover,.btn-blue.btn-active {
background-color: white; 
color: black; 
border: 2px solid #008CBA;
}

.btn-blue {
background-color: #008CBA;
color: white;
border: 2px solid #008CBA;
}

.btn-red:hover,.btn-red.btn-active {
background-color: white; 
color: black; 
border: 2px solid #c70e01;
}

.btn-red {
background-color: #c70e01;
color: white;
border: 2px solid #c70e01;
}
.btn-yellow:hover,.btn-yellow.btn-active {
background-color: white; 
color: black; 
border: 2px solid #d8e600;
}

.btn-yellow {
background-color: #d8e600;
color: white;
border: 2px solid #d8e600;
}
.btn-white:hover,.btn-white.btn-active {
background-color: inherit;
color: black;
border: 2px solid #e7e7e7;
}

.btn-white {
background-color: #e7e7e7;
border: 2px solid #e7e7e7;
}

.btn-black:hover,.btn-black.btn-active {
background-color: white;
color: black;
border: 2px solid #555555;
}

.btn-black {
background-color: #555555;
color: white;
border: 2px solid #555555;
}


.btn.disabled,.btn[disabled],fieldset[disabled] .button{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.btn-inverse:hover{background:#fff;color:#555}
.btn-no-bg{background:0;color:#fff}
.btn-no-bg:hover{background:0;color:#000}
.btn-no-bg.green {color:#00a01b;padding:3px 0;}
.btn-tabs:hover,.btn-tabs.active{color:#00934b;background-color:#f7f7f7;}
.btn-tabs{padding: 10px 20px;font-weight: 600;font-size:.77em;color: #000;border: 1px solid #ddd;background: #fff;border-radius: 3px 3px 0 0;}
.btn-tabs.active{color: #555;background: #00934b;border: 1px solid #00934b;color: #fff;}
/* -------------------------------- BUTTONS------------------------------------ */
.custom-select-wrapper{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.custom-select-wrapper select{display:none}
.custom-select{position:relative;display:inline-block}
.custom-select-trigger{position:relative;display:block;width:180px;padding:0 20px;color:#777;line-height:40px;background-color:#fff;-webkit-box-shadow:1px 2px 10px -2px rgba(0,0,0,0.3);box-shadow:1px 2px 10px -2px rgba(0,0,0,0.3);-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;border-radius:4px;cursor:pointer}
.custom-select-trigger:after{position:absolute;display:block;content:"";width:10px;height:10px;top:50%;right:25px;margin-top:-3px;border-bottom:1px solid #777;border-right:1px solid #777;-webkit-transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);-o-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}
.custom-select.opened .custom-select-trigger:after{margin-top:3px;-webkit-transform:rotate(-135deg) translateY(-50%);-ms-transform:rotate(-135deg) translateY(-50%);-o-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}
.custom-options{-webkit-box-shadow:1px 2px 10px -2px rgba(0,0,0,0.3);box-shadow:1px 2px 10px -2px rgba(0,0,0,0.3);position:fixed;top:0;left:0;right:0;width:180px;margin:0 auto;border:1px solid #b5b5b5;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px);max-height:80vh;margin-top:10vh;overflow-y:auto}
.custom-select.opened .custom-options{opacity:1;visibility:visible;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.option-hover:before{background:#f9f9f9}
.custom-option{position:relative;display:block;padding:0 20px;border-bottom:1px solid rgba(0,0,0,.14);color:#777;line-height:40px;cursor:pointer;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.custom-option:first-of-type{border-radius:0}
.custom-option:last-of-type{border-bottom:0;border-radius:0}
.custom-option:hover,.custom-option.selection{background:#e8e8e88c;color:#000;-webkit-box-shadow:0 3px 5px #9693934f;box-shadow:0 3px 5px #9693934f}
.btn-print {color:#555;padding: 0 2px;}
.btn-print:hover {color:#0089ff;}
.btn-negative,.btn-positive{color:#999;font-weight:bolder;}
.btn-negative:hover,.btn-positive:hover{color:#0089ff;}
.btn-shadow{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.62);-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.62);}


input[type="checkbox"]:not(.switch-checkbox) { display: none; }

input[type="checkbox"]:not(.switch-checkbox) + label {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin: 0 10px;
}

input[type="checkbox"]:not(.switch-checkbox) + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #000;
  position: absolute;
  left: 0;
  top: -10px;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

input[type="checkbox"]:not(.switch-checkbox):checked + label:before {
  width: 10px;
  top: -10px;
  left: 5px;
 border-width:4px;
  border-radius: 0;
  border-right-color: #028a07;
  border-bottom-color: #028a07;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}