.form-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

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

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

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

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

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

.font-weight-bolder {
    font-weight: 600 !important;
}

.font-italic {
    font-style: italic !important;
}

.shadow-sm {
    -webkit-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

.shadow {
    -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}
 
.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}


.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}



.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-primary:focus:not(.btn-text), .btn.btn-hover-primary.focus:not(.btn-text) {
    color: #FFFFFF !important;
    background-color: #3699FF !important;
    border-color: #3699FF !important;
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-success:focus:not(.btn-text), .btn.btn-hover-success.focus:not(.btn-text) {
    color: #FFFFFF !important;
    background-color: #1BC5BD !important;
    border-color: #1BC5BD !important;
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-danger:focus:not(.btn-text), .btn.btn-hover-danger.focus:not(.btn-text) {
    color: #FFFFFF !important;
    background-color: #F64E60 !important;
    border-color: #F64E60 !important;
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-info:focus:not(.btn-text), .btn.btn-hover-info.focus:not(.btn-text) {
    color: #FFFFFF !important;
    background-color: #8950FC !important;
    border-color: #8950FC !important;
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-warning:focus:not(.btn-text), .btn.btn-hover-warning.focus:not(.btn-text) {
    color: #FFFFFF !important;
    background-color: #FFA800 !important;
    border-color: #FFA800 !important;
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-dark:focus:not(.btn-text), .btn.btn-hover-dark.focus:not(.btn-text) {
    color: #FFFFFF !important;
    background-color: #181C32 !important;
    border-color: #181C32 !important;
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-primary:hover .fa,
.btn.btn-hover-success:hover .fa,
.btn.btn-hover-danger:hover .fa,
.btn.btn-hover-info:hover .fa,
.btn.btn-hover-warning:hover .fa,
.btn.btn-hover-dark:hover .fa {
    color: #FFFFFF !important;
}

.w-180px {
width:180px !important;
}


.note {
    padding: 10px 8px;
    border: 1px solid #e5e5e5;
    border-left: 5px solid #0094ff;
    margin-bottom: 5px;
    background-color: #fafafa;
    border-end-end-radius: 10px;
    font-weight:bolder;
    font-size:16px;
}



.note-info {
    border-color: #c6b1ef;
    border-left-color: #8457dd;
}

.note-primary {
    border-color: #accfe1;
    border-left-color: #337ab7;
}

.note-danger {
    border-color: #fccdd2;
    border-left-color: #F64E60;
}


.btn.btn-light-success {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: transparent;
}