.set-clear, .clear {
    clear: both;
    display: block;
    position: relative;
}

.set-relative {
    position: relative;
}

.slim {
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
}

.slim-top {
    margin-top: 0px !important;
    padding-top: 0px !important;
    border-top: 0px !important;
}

.slim-bottom {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}

.slim-left {
    margin-left: 0px !important;
    padding-left: 0px !important;
    border-left: 0px !important;
}

.slim-right {
    margin-right: 0px !important;
    padding-right: 0px !important;
    border-right: 0px !important;
}

.oncenter {
    margin: 0px auto 0px auto !important;
}

.clickable {
    cursor: pointer;
}

.bordered {
    -webkit-border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
}

.inshadow {
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
}

.outshadow {
    box-shadow: 2px 2px 2px 0px #dddddd;
    -webkit-box-shadow: 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: 2px 2px 2px 0px #dddddd;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.set-no-list, .set-no-list li {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.set-fixed {
    position: fixed !important;
}

.set-bold {
    font-weight: bold !important;
}

.set-hidden {
    display: none;
}

.set-transparent-10 {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.set-transparent-20 {
    filter: alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.set-transparent-30 {
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.set-transparent-40 {
    filter: alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.set-transparent-50 {
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.set-transparent-60 {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.set-transparent-70 {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.set-transparent-80 {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.set-transparent-90 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.set-transparent-95 {
    filter: alpha(opacity=95);
    -moz-opacity:0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.set-bg-black {
    background: #000000!important;
}

.set-bg-white {
    background: #ffffff!important;
}

.set-color-black {
    color: #000000!important;
}

.set-color-white {
    color: #ffffff!important;
}

.set-color-red {
    color: #ff0000!important;
}

.set-bg-red {
    background: #ff0000!important;
}

.noSpace {
    margin: 0px !important;
    padding: 0px !important;
}

.space5 {
    height: 5px!important;
}

.space10 {
    height: 10px!important;
}

.space15 {
    height: 15px!important;
}

.space20 {
    height: 20px!important;
}

.space25 {
    height: 25px!important;
}

.space30 {
    height: 30px!important;
}

/* HEIGHTS */
.height48 {
    height: 48px;
}

.height50 {
    height: 50px;
}

.height60 {
    height: 60px;
}
/* HEIGHTS */

/* LINE HEIGHTS */
.line-height-16 {
    line-height: 16px;
}

.line-height-17 {
    line-height: 17px;
}

.line-height-18 {
    line-height: 18px;
}
/* LINE HEIGHTS */

/* PADDINGS */
.padding-bottom-10 {
    padding-bottom: 10px;
}
/* PADDINGS */

/* WIDTHS */
.width25procent {
    width: 25%!important;
}
.width49procent {
    width: 49%!important;
}
.width50procent {
    width: 50%!important;
}
.width75procent {
    width: 75%!important;
}
.width100procent {
    width: 100%!important;
}
/* WIDTHS */

.fixedTop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.fixedLeft {
  position: fixed;
  top: 0;
  left: 0;
}

.fixedRight {
  position: fixed;
  top: 0;
  right: 0;
}

.btn-data-simple {
    cursor: pointer;
    margin-left: 10px;
}

.twn-top-nav {
    position: relative;
}

.twn-top-nav::after {
    content: '|';
    position: absolute;
    display: block;
    right: -.55em;
    top: 0;
    font-size: 1em;
    line-height: 1;
    color: #fff;
    padding: .55em;
}

.twn-top-nav:last-child::after {
    display: none;
}

.filepond--credits, .filepond--root .filepond--credits[style] {
    display: none!important;
}

@keyframes ex4 { /* CSS3 */
    0%   { background-color: #ffffff; }
    50%  { background-color: #018D76; }
    100% { background-color: #ffffff; }
}
@-moz-keyframes ex4 { /* Firefox */
    0%   { background-color: #ffffff; }
    50%  { background-color: #018D76; }
    100% { background-color: #ffffff; }
}
@-webkit-keyframes ex4 { /* Webkit */
    0%   { background-color: #ffffff; }
    50%  { background-color: #018D76; }
    100% { background-color: #ffffff; }
}

.select2-container {
    width: 100%;
}

.dropzone .dz-preview .dz-details {
    z-index: 9999 !important;
}

.cell-fit {
    width: 1%;
}