.mt-0 {
    margin-top: 0 !important;
}

.m-15 {
    margin: 15px;
}

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

.lh-1 {
    line-height: 1;
}

.np-l {
    padding-left: 0 !important;
}

.np-r {
    padding-right: 0 !important;
}

.mt-15 {
    margin-top: 15px;
}

.mt-30 {
    margin-top: 30px !important;
}
.mt-25 {
    margin-top: 25px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mt-60 {
    margin-top: 60px;
}
.mr-25 {
    margin-right: 25px;
}
.mr-5 {
    margin-right: 5px;
}
.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}

.mb-10{
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.br-0 {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.p-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.mb-0{
    margin-bottom: 0 !important;
}

.mb-5{
    margin-bottom: 5px !important;
}

.b-0 {
    border: 0 !important;
}

.bt-0 {
    border-top: 0 !important;
}

.bb-0 {
    border-bottom: 0 !important;
}

.p-0{
    padding: 0;
}
.p-10{
    padding: 10px;
}

.pr-0{
    padding-right: 0 !important;
}

.pl-0{
    padding-left: 0 !important;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-3 {
    margin-bottom: 3px !important;
}
.mt-3{
    margin-top: 3px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.text-strike-through,
.text-line-through {
    text-decoration: line-through;
}

.margin-l-5 {
    margin-left: 5px;
}

.margin-l-3 {
    margin-left: 3px;
}

.help-block {
    margin: 0;
}

.flex-column {
    flex-flow: column;
}

.panel.panel-sm .panel-body {
    padding: 5px 15px;
}
.panel.panel-sm .panel-heading {
    padding: 3px 15px
}

@font-face {
    font-family: 'uitpas-logo';
    src:  url('../fonts/uitpas-logo.eot?6mtz01');
    src:  url('../fonts/uitpas-logo.eot?6mtz01#iefix') format('embedded-opentype'),
    url('../fonts/uitpas-logo.ttf?6mtz01') format('truetype'),
    url('../fonts/uitpas-logo.woff?6mtz01') format('woff'),
    url('../fonts/uitpas-logo.svg?6mtz01#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.z-icon-uitpas {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'uitpas-logo' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.z-icon-uitpas:before {
    content: "\e900";
}

.btn-xl {
    padding: 25px 10px;
    font-size: 20px;
}


.input-group-lg.xl>.form-control, .input-group-lg.xl>.input-group-addon, .input-group-lg.xl>.input-group-btn>.btn {
    height: 60px;
    font-size: 30px;
}

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}

.pt-0 {
    padding-top: 0 !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.pt-10 {
    padding-top: 10px;
}

.pd-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.op-7 {
    opacity: 0.7;
}

.op-8 {
    opacity: 0.8;
}

.op-9 {
    opacity: 0.9;
}

.mb-1rem {
    margin-bottom: 1rem!important;
}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

.badge.badge-xs {
    font-size: 10px;
    border-radius: 5px;
    padding: 3px 4px;
}

.field-description-popover {
    /*width: 100%;*/
}

.box-small-padding .box-body{
    padding-bottom: 5px;
    padding-top: 5px;
}
.box-small-padding .box-header{
    padding-bottom: 5px;
    padding-top: 5px;
}
.box-small-padding .box-header .box-tools{
    top: 0;
}
.box-small-padding .form-group {
    margin-bottom: 8px;
}
.no-padding-fg .form-group {
    margin-bottom: 0;
}

.table-valign-center tr td {
    vertical-align: middle !important;
}

.table-only-border-tr tr td{
    border: 0 !important;
}
.table-only-border-tr tr{
    border-bottom: 1px solid #dddd !important;
}

.table-super-condensed>tbody>tr>td, .table-super-condensed>tbody>tr>th, .table-super-condensed>tfoot>tr>td, .table-super-condensed>tfoot>tr>th, .table-super-condensed>thead>tr>td, .table-super-condensed>thead>tr>th {
    padding: 1px;
}

.input-group-field {
    padding: 0 !important;
    border: 0;
}

.map-overlay {
    position:absolute;
    left: 0;
    top: 0;
    height: 100%;
    width:100%;
    opacity: 0.1;
    z-index: 999;
}

#confetti-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
}

.fullscreen-loader {
    position:absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    padding: 20px;
    text-align: center;
}

.fullscreen-loader > div {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.fullscreen-loader div b {
    font-size: 2em;
}

.ribbon-wrapper {
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 70px;
    z-index: 10
}

.ribbon-wrapper.ribbon-lg {
    height: 120px;
    width: 120px
}

.ribbon-wrapper.ribbon-lg .ribbon {
    right: 0;
    top: 26px;
    width: 160px
}

.ribbon-wrapper.ribbon-xl {
    height: 180px;
    width: 180px
}

.ribbon-wrapper.ribbon-xl .ribbon {
    right: 4px;
    top: 47px;
    width: 240px
}

.ribbon-wrapper .ribbon {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    font-size: .8rem;
    line-height: 100%;
    padding: .375rem 30px;
    position: relative;
    right: -2px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    text-transform: uppercase;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px
}

.ribbon-wrapper .ribbon::after,
.ribbon-wrapper .ribbon::before {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #9e9e9e;
    bottom: -3px;
    content: "";
    position: absolute
}

.ribbon-wrapper .ribbon::before {
    left: 0
}

.ribbon-wrapper .ribbon::after {
    right: 0
}

.text-lg {
    font-size: 1.25rem!important;
}

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


@media print {
    .btn {
        display: none !important;
    }
    a[href]:after {
        content: none !important;
    }
}

.dropzone {
    box-sizing: border-box;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;

    background: rgba(33,150,243,.8);
    border: 11px dashed rgb(33,150,243);
}


.dropzone-field {
    box-sizing: border-box;
    width: 100%;
    min-height: 105px;
    position: relative;

    background: #eee;
    border: 5px dashed #AAA;
    cursor: pointer;
    padding: 15px;
}
.dropzone-files {
    border: 2px dashed #AAA;
    border-top: 0;
}
.products-list.dropzone-files .product-info {
    margin-left: 10px;
    margin-right: 10px;
}

.dropzone-field.small {
    min-height: 50px;
}
.dropzone-field .drop {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.dropzone-field.files-selected {
    min-height: 105px;
    height: auto;
}
.dropzone-field .files-list {
    display: none;
    color: #232323;
    font-size: 1em;
}
.dropzone-field .files-list b {
    display: block;
}
.dropzone-field .files-list li {
    display: inline-block;
    margin-right: 15px;
}
.dropzone-field .hint {
    display: block;
    color: #AAA;
    text-align: center;
    font-size: 1.3em;
}

.dropzone-field.active {
    background: rgba(33,150,243,.8);
    border: 8px dashed rgb(33,150,243);
}
.dropzone-field.files-selected .hint {
    display: none;
}
.dropzone-field.files-selected .files-list {
    display: block;
}
.dropzone-field.active .hint {
    display: none;
}

.alert.alert-sm {
    padding: 5px 10px;
}

.progress.lg {
    height: 20px;
}

.progress.capacity {
    height: 20px;
    background-color: #757575;
    margin-bottom: 0;
}
.progress.capacity.closed {
    background-color: #d32f2f;
}
.progress.capacity .progress-bar.empty {
    background-color: #757575;
    min-width: 100% !important;
}
.progress.capacity.closed .progress-bar.empty {
    background-color: #d32f2f;
    min-width: 100% !important;
}
.progress.capacity .progress-bar.closed {
    background-color: #d32f2f;
    min-width: 100% !important;
}

.list-group-item.sm {
    padding: 5px 15px;
}

.list-group-item.past {
    opacity: 0.8;
}
.list-group-item.select-timelock {
    padding-left: 45px;
    position: relative;
    cursor: pointer;
}
.list-group-item.locked-timelock {
    padding-left: 45px;
    position: relative;
    cursor: not-allowed;
}

.nav.tl-date {
    background: #f7f7f7;
}

.nav.tl-date>li>a {
    background: #f7f7f7;
}

.clickable {
    cursor: pointer !important;
}

.list-group-item.select-timelock .icheck-primary {
    position: absolute;
    left: 10px;
    top: 15px;
}

.fc-license-message{
    display: none !important;
}

.position-relative{
    position: relative !important;
}

.center-div {
    float: none !important;
    margin: 0 auto !important;
    width: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.body-dark {
    background-color: #232323;
}

.timeline>li>.timeline-button{
    margin-left: 60px;
}

.text-dark-gray {
    color: #232323;
}

.bg-sidebar {
    background-color: #222d32 !important;
    color: #FFF;
}

.box.box-teal{
    border-top-color: #00695c;
}

.badge-sm {
    font-size: 10px;
    padding: 2px 7px;
}

.modal.modal-centered.in .modal-dialog{
    position:absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-primary {
    color: #fff;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important
}

.bg-gray-light {
    background-color: #f7f7f7
}

.bg-black {
    background-color: #111 !important
}

.bg-red {
    background-color: #f44336 !important
}

.bg-yellow {
    background-color: #f39c12 !important
}

.bg-aqua {
    background-color: #00c0ef !important
}

.bg-blue {
    background-color: #0073b7 !important
}

.bg-light-blue {
    background-color: #3c8dbc !important
}

.bg-green {
    background-color: #00a65a !important
}

.bg-navy {
    background-color: #001f3f !important
}

.bg-teal {
    background-color: #39cccc !important
}

.bg-olive {
    background-color: #3d9970 !important
}

.bg-lime {
    background-color: #01ff70 !important
}

.bg-orange {
    background-color: #ff851b !important
}

.bg-fuchsia {
    background-color: #f012be !important
}

.bg-purple {
    background-color: #605ca8 !important
}

.bg-maroon {
    background-color: #d81b60 !important
}

td.control-group .form-group {
    margin-bottom: 0 !important;
}

.no-fg-m .form-group {
    margin-bottom: 0 !important;
}

.hover-gray:hover {
    color: #000 !important;
    background-color: #d2d6de !important
}

.hover-gray-light:hover {
    color: #000 !important;
    background-color: #f7f7f7
}

.hover-black:hover {
    color: #FFF !important;
    background-color: #111 !important
}

.hover-red:hover {
    color: #FFF !important;
    background-color: #f44336 !important
}

.hover-yellow:hover {
    color: #FFF !important;
    background-color: #f39c12 !important
}

.hover-aqua:hover {
    color: #FFF !important;
    background-color: #00c0ef !important
}

.hover-blue:hover {
    color: #FFF !important;
    background-color: #0073b7 !important
}

.hover-light-blue:hover {
    color: #FFF !important;
    background-color: #3c8dbc !important
}

.hover-green:hover {
    color: #FFF !important;
    background-color: #00a65a !important
}

.hover-navy:hover {
    color: #FFF !important;
    background-color: #001f3f !important
}

.hover-teal:hover {
    color: #FFF !important;
    background-color: #39cccc !important
}

.hover-olive:hover {
    color: #FFF !important;
    background-color: #3d9970 !important
}

.hover-lime:hover {
    color: #FFF !important;
    background-color: #01ff70 !important
}

.hover-orange:hover {
    color: #FFF !important;
    background-color: #ff851b !important
}

.hover-fuchsia:hover {
    color: #FFF !important;
    background-color: #f012be !important
}

.hover-purple:hover {
    color: #FFF !important;
    background-color: #605ca8 !important
}

.hover-maroon:hover {
    color: #FFF !important;
    background-color: #d81b60 !important
}

.text-secondary {
    color: #fff !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #e6e5e5 !important
}

.text-success {
    color: #4CAF50 !important
}

a.text-success:hover, a.text-success:focus {
    color: #3d8b40 !important
}

.text-info {
    color: #00c0ef !important
}

a.text-info:hover, a.text-info:focus {
    color: #00acd6 !important
}

.text-warning {
    color: #ff9800 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #cc7a00 !important
}

.text-danger {
    color: #e51c23 !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #e51c23 !important
}

.text-pink {
    color: #E91E63 !important
}

a.text-pink:hover, a.text-pink:focus {
    color: #c2185b !important
}

.text-white {
    color: #fff !important
}

.link-white a{
    color: #fff !important
}

.hover-link-white:not(.active) a:hover{
    color: #fff !important
}

.text-light {
    color: #fff !important
}

a.text-light:hover, a.text-light:focus {
    color: #e6e5e5 !important
}

.text-dark {
    color: #222 !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #090808 !important
}

.text-muted {
    color: #666 !important
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background: #16325c !important;
    color: #FFF;
}

.label-pink {
    background-color: #E91E63 !important;
}

.bg-secondary {
    background-color: #fff !important
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #e6e5e5 !important
}

.bg-success {
    background-color: #4CAF50 !important
}

.hover-success:hover {
    color: #FFF !important;
    background-color: #4CAF50 !important
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #3d8b40 !important
}

.bg-info {
    background-color: #00c0ef !important
}
.hover-info:hover {
    color: #FFF !important;
    background-color: #00c0ef !important
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: #00acd6 !important;
    color: #FFF !important;
}

.bg-pink {
    background-color: #E91E63 !important;
    color: #FFF;
}
.hover-pink:hover {
    background-color: #E91E63 !important;
    color: #FFF !important;
}

.bg-uitpas{
    background-color: #32b567;
    color: #FFF;
}
.hover-uitpas:hover{
    background-color: #32b567;
    color: #FFF !important;
}

a.bg-pink:hover, a.bg-pink:focus, button.bg-pink:hover, button.bg-pink:focus {
    background-color: #c2185b !important
}

.bg-warning {
    background-color: #ff9800 !important
}
.hover-warning:hover {
    color: #FFF !important;
    background-color: #ff9800 !important
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #cc7a00 !important
}

.bg-danger {
    background-color: #e51c23 !important
}
.hover-danger:hover {
    background-color: #e51c23 !important;
    color: #FFF !important;
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #b9151b !important;
    color: #FFF !important;
}

.bg-light {
    background-color: #fff !important
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #e6e5e5 !important
}

.bg-dark {
    background-color: #222 !important
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #090808 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

div.panel[class^='bg'] .panel-footer, div[class*=' bg'] .panel-footer{
    background-color: unset;
    border-top: 0;
}

.panel.panel-default {
    border: 1px solid #CCC;
}

.panel.panel-pink {
    border: 1px solid #E91E63;
}
.panel.panel-pink > .panel-heading {
    background-color: #E91E63;
    border-color: #E91E63;
    color: #FFF;
}
.panel.panel-solid.panel-pink {
    background-color: #E91E63;
    color: #FFF;
}

.panel.panel-teal {
    border: 1px solid #00695c;
}
.panel.panel-teal > .panel-heading {
    background-color: #00695c;
    border-color: #00695c;
    color: #FFF;
}
.panel.panel-solid.panel-teal {
    background-color: #00695c;
    color: #FFF;
}

.panel.panel-purple {
    border: 1px solid #673ab7;
}
.panel.panel-purple > .panel-heading {
    background-color: #673ab7;
    border-color: #673ab7;
    color: #FFF;
}
.panel.panel-solid.panel-purple {
    background-color: #673ab7;
    color: #FFF;
}

.panel.panel-success {
    border-color: #4CAF50;
}
.panel.panel-success > .panel-heading {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #FFF;
}
.panel.panel-solid.panel-success {
    background-color: #4CAF50;
    color: #FFF;
}

.panel.panel-info {
    border-color: #00c0ef;
}
.panel.panel-info > .panel-heading {
    background-color: #00c0ef;
    border-color: #00c0ef;
    color: #FFF;
}
.panel.panel-solid.panel-info {
    background-color: #00c0ef;
    color: #FFF;
}

.panel.panel-warning {
    border-color: #ff9800;
}
.panel.panel-warning > .panel-heading {
    background-color: #ff9800;
    border-color: #ff9800;
    color: #FFF;
}
.panel.panel-solid.panel-warning {
    background-color: #ff9800;
    color: #FFF;
}

.panel.panel-danger {
    border-color: #e51c23;
}
.panel.panel-danger > .panel-heading {
    background-color: #e51c23;
    border-color: #e51c23;
    color: #FFF;
}
.panel.panel-solid.panel-danger {
    background-color: #e51c23;
    color: #FFF;
}

.border-secondary {
    border-color: #fff !important
}

.border-success {
    border-color: #4CAF50 !important
}

.border-info {
    border-color: #00c0ef !important
}

.border-blue {
    border-color: #0073b7 !important
}

.border-light-blue {
    border-color: #3c8dbc !important
}

.border-warning {
    border-color: #ff9800 !important
}

.border-orange{
    border-color: #ff851b !important
}

.border-danger {
    border-color: #e51c23 !important
}

.border-red {
    border-color: #f44336 !important
}

.border-light {
    border-color: #fff !important
}

.border-pink {
    border-color: #E91E63 !important
}

.border-dark {
    border-color: #222 !important
}

.border-white {
    border-color: #fff !important
}

.border{
    border: 1px solid;
}

.border-0{
    border: 0 !important;
}

.success-hover:hover, .success-hover:hover > a {
    color: #FFF !important;
    background-color: #3d8b40;
    border-color: #3d8b40;
}

.danger-hover:hover, .danger-hover:hover > a {
    color: #FFF !important;
    background-color: #e51c23;
    border-color: #e51c23;
}

.warning-hover:hover, .warning-hover:hover > a {
    color: #FFF !important;
    background-color: #ff9800;
    border-color: #ff9800;
}

.info-hover:hover, .info-hover:hover > a {
    color: #FFF !important;
    background-color: #00c0ef;
    border-color: #00c0ef;
}

.excel-hover:hover, .excel-hover:hover > a {
    color: #FFF !important;
    background-color: #02723B;
    border-color: #02723B;
}
.pink-hover:hover, .pink-hover:hover > a {
    color: #FFF !important;
    background-color: #E91E63;
    border-color: #E91E63;
}

.pdf-hover:hover, .pdf-hover:hover > a  {
    color: #FFF !important;
    background-color: #263238;
    border-color: #263238;
}

.dark-hover:hover{
    color: #FFF !important;
    background-color: #090808;
    border-color: #090808;
}

.light-hover:hover {
    background-color: #e6e5e5;
    border-color: #e6e5e5;
    color: #212121 !important;
}

.btn-round {
    border-radius: 100%;
}


.border-top-warning {
    border-top: 3px solid #ff9800;
}

.border-top-info {
    border-top: 3px solid #00c0ef;
}

.border-top-success {
    border-top: 3px solid #3d8b40;
}

.box-pink {
    border-top-color: #E91E63;
}

.box-purple {
    border-top-color: #673ab7;
}

.nm-fc .form-group{
    margin-bottom: 0;
}

.btn-gray {
    background-color: #616161;
    border-color: #616161;
    color: #FFF;
    text-decoration: none !important;
}

.btn-gray:hover, .btn-gray:active, .btn-gray:focus {
    color: #FFF;
}

.btn-dark {
    background-color: #263238;
    border-color: #263238;
    text-decoration: none !important;
}

.btn-dark, .btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    color: #FFF !important;
}

.btn-help {
    background-color: #673ab7;
    border-color: #673ab7;
}
.btn-help:hover, .btn-help:active, .btn-help:focus {
    color: #FFF;
    background-color: #512da8;
    border-color: #512da8;
}


.bg-help {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
}

.bg-help-darker {
    background-color: #512da8 !important;
    border-color: #512da8 !important;
}

.border-help {
    border-color: #673ab7 !important
}

.btn-success-second {
    background-color: #2e7d32;
    border-color: #2e7d32;
}

.btn-success-second:hover, .btn-success-second:active, .btn-success-second:focus {
    color: #FFF;
    background-color: #1b5e20;
    border-color: #1b5e20;
}

.btn-pdf.sonata-ba-action:hover {
    color: #FFF;
}

.btn-field-action{
    background-color: #E91E63;
    border-color: #E91E63;
    color: #FFF;
}
.btn-field-action:hover{
    background-color: #c2185b;
    border-color: #c2185b;
    color: #FFF;
}
.btn-field-action.sonata-ba-action:hover {
    color: #FFF;
    background-color: #E91E63;
    border-color: #E91E63;
}

.btn-excel {
    background-color: #02723B;
    border-color: #02723B;
}

.btn-uitpas {
    background-color: #129773;
    border-color: #129773;
    color: #FFF;
    white-space: normal;
}
.btn-uitpas:hover, .btn-uitpas:active, .btn-uitpas:focus {
    background-color: #129773;
    border-color: #129773;
    color: #FFF;
}

.btn-excel:hover {
    color: #FFF;
}

.btn-excel.sonata-ba-action:hover {
    color: #FFF;
}

.btn-pdf {
    background-color: #263238;
    border-color: #263238;
}

.dropdown-menu > li.danger-hover > a:hover {
    color: #FFF;
    background-color: #e51c23;
}

.dropdown-menu > li.warning-hover > a:hover {
    color: #FFF;
    background-color: #ff9800;
}

.dropdown-menu > li.info-hover > a:hover,
.dropdown-menu > li.info-hover > a:focus {
    color: #FFF;
    background-color: #00c0ef;
}

.dropdown-menu > li.success-hover > a:hover {
    color: #FFF;
    background-color: #3d8b40;
}

.dropdown-menu > li.excel-hover > a:hover {
    color: #FFF;
    background-color: #02723B;
}

.dropdown-menu > li.pdf-hover > a:hover {
    color: #FFF;
    background-color: #263238;
}
.dropdown-menu > li.pink-hover > a:hover {
    color: #FFF;
    background-color: #E91E63;
}

.badge-secondary {
    color: #777;
    background-color: #fff
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
    color: #777;
    text-decoration: none;
    background-color: #e6e5e5
}

.badge-success {
    color: #fff;
    background-color: #3d8b40
}

.badge-success[href]:hover, .badge-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #3d8b40
}

.badge-info {
    color: #fff;
    background-color: #00c0ef
}

.badge-info[href]:hover, .badge-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00acd6
}

.badge-warning {
    color: #fff;
    background-color: #ff9800
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #cc7a00
}

.badge-danger {
    color: #fff;
    background-color: #e51c23
}

.badge-pink {
    color: #fff;
    background-color: #E91E63
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #b9151b
}

.badge-light {
    color: #212121;
    background-color: #fff
}

.badge-light[href]:hover, .badge-light[href]:focus {
    color: #212121;
    text-decoration: none;
    background-color: #e6e5e5
}

.badge-light-gray {
    color: #212121;
    background-color: #e6e5e5
}
.badge-gray-border {
    border: 1px solid #212121;
}

.badge-light-gray[href]:hover, .badge-light-gray[href]:focus {
    color: #212121;
    text-decoration: none;
    background-color: #e6e5e5
}

.badge-dark {
    color: #fff;
    background-color: #222
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #090808
}

.badge-status-display {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    padding: 0;
}

.info-box-no-title {
    /*height: 70px;*/
    min-height: 70px;
}

.info-box-no-title .info-box-icon{
    height: 70px;
    width: 70px;
    font-size: 35px;
    line-height: 70px;
}
.info-box-no-title .info-box-content{
    margin-left: 70px;
}

.info-box.info-box-inverse .info-box-content{
    margin-left: 0;
    margin-right: 90px;
}

.info-box.info-box-inverse .info-box-icon {
    float: right;
}

.info-box.info-box-small {
    min-height: 60px;
}
.info-box.info-box-price {
    min-height: 40px;
    margin-bottom: 3px;
}

.info-box.info-box-xsmall {
    min-height: 50px;
}

.info-box.info-box-xsmall .info-box-icon {
    line-height: 50px;
    height: 50px;
    width: 50px;
    font-size: 30px;
}

.info-box.info-box-xsmall .info-box-content {
    padding: 2px;
    margin-left: 60px;
}

.info-box.info-box-price .info-box-content .info-box-text {
    font-weight: bold;
    font-size: 17px;
}
.info-box.info-box-price .info-box-content {
    padding: 8px 10px 8px;
}

.info-box.info-box-small .info-box-icon {
    line-height: 60px;
    height: 60px;
    width: 60px;
    font-size: 30px;
}

.info-box.info-box-price .info-box-icon {
    line-height: 15px;
    height: 40px;
    min-width: 60px;
    font-size: 15px;
    padding-top: 5px;
}

.info-box.info-box-small .info-box-content {
    margin-left: 60px;
}

.page-box .box-body h1:first-of-type,
.page-box .box-body h2:first-of-type,
.page-box .box-body h3:first-of-type {
    margin-top: 0;
}

.rounded {
    border-radius: 0.25rem !important
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-0 {
    border-radius: 0 !important
}

.bg-img-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-img-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.quickfilters {
    border-left: 1px solid #00c0ef;
    border-right: 1px solid #00c0ef;
}

.filter-box {
    border-radius: 0;
    background-color: #f8f8f8;
    box-shadow: none;
    margin-bottom: 0;
}

.quickfilters-label {
    background-color: #00c0ef;
    color: #FFF !important;
    font-weight: bold;
    margin: 0;
    padding: 16px;
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}
.modal.centered {
    text-align: center;
    padding: 0!important;
}

.modal.centered:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.centered .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-responsive {
    width: 80%;
}

@media (max-width: 768px) {
    .modal-responsive {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }
}

.responsive-map{
    width: 100%;
    height: 250px;
}

.body-responsive img{
    display: block;
    max-width: 100%;
    height: auto;
}

.d-inline-block{
    display: inline-block;
}
.d-block {
    display: block !important;
}

.float-right{
    float: right;
}
.float-left{
    float: left;
}

.info-group .form-control{
    min-height: 34px;
    height: auto;
}
.info-group .input-group-addon{
    width: 1%;
}

.info-help-field .form-control{
    min-height: 34px;
    height: auto;
}
.info-help-field .input-group-addon {
    width: 50px;
}
.bootstrap-tagsinput{
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.success-addon {
    background-color: #388e3c !important;
    color: #FFF !important;
    border-color: #388e3c !important;
}

.success-field {
    background-color: #4caf50 !important;
    color: #FFF !important;
    border-color: #388e3c !important;
}

.error-addon {
    background-color: #d32f2f !important;
    color: #FFF !important;
    border-color: #d32f2f !important;
}

.error-field {
    background-color: #f44336 !important;
    color: #FFF !important;
    border-color: #d32f2f !important;
}

.warning-addon {
    background-color: #f57c00 !important;
    color: #000 !important;
    border-color: #f57c00 !important;
}

.warning-field {
    background-color: #ff9800 !important;
    color: #000 !important;
    border-color: #f57c00 !important;
}

.nav-pills.nav-right>li{
    float: right;
}
.value-select {
    position: relative;
}
.value-select .icheck-primary{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.value-select .list-unstyled li{
    display: inline-block;
}
.value-select .list-unstyled li:first-of-type{
    float:left;
}
.value-select .list-unstyled li:last-of-type{
    float: right;
}

.single-checkbox{
    height: auto;
    min-height: 33px;
    padding: 0 10px 0 0;
}
.single-checkbox.validate-fail{
    border-color: #dd4b39 !important;
}
.single-checkbox .icheck-primary{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.single-checkbox .icheck-primary label{
    padding-left: 40px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    /*line-height: 33px;*/
    min-height: 33px;
    width: 100%;
}
.single-checkbox.validate-fail .icheck-primary label:before {
    border-color: #dd4b39 !important;
}

.single-checkbox .icheck-primary label:before{
    /*height: 34px !important;*/
    height: calc(100% + 2px) !important;
    width: 34px !important;
    margin-left: -41px !important;
    margin-top: -6px !important;
}

.single-checkbox .icheck-primary label:after{
    left: 3px !important;
    height: 17px !important;
    width: 11px !important;
}

@media (min-width: 990px) and (max-width: 1200px) {
    .list-group-unbordered>.list-group-item .pull-right{
        float: none !important;
        display: block;
        margin-left: 5px;
    }
}

.table>tbody>tr.white>td, .table>tbody>tr.white>th, .table>tbody>tr>td.white, .table>tbody>tr>th.white, .table>tfoot>tr.white>td, .table>tfoot>tr.white>th, .table>tfoot>tr>td.white, .table>tfoot>tr>th.white, .table>thead>tr.white>td, .table>thead>tr.white>th, .table>thead>tr>td.white, .table>thead>tr>th.white{
    background-color: #FFF;
}

.table>tbody>tr.gray>td, .table>tbody>tr.gray>th, .table>tbody>tr>td.gray, .table>tbody>tr>th.gray, .table>tfoot>tr.gray>td, .table>tfoot>tr.gray>th, .table>tfoot>tr>td.gray, .table>tfoot>tr>th.gray, .table>thead>tr.gray>td, .table>thead>tr.gray>th, .table>thead>tr>td.gray, .table>thead>tr>th.gray{
    background-color: #f9f9f9;
}

.table.table-no-bg {
    background-color: transparent !important;
}

.colorpicker {
    max-width: 195px;
}

.colorpicker-selectors .colorpicker-selectors-color:first-child {
    margin-left: 3px;
}

.colorpicker-selectors .colorpicker-selectors-color {
    margin-top: 3px;
}

.row-waterfall {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    break-inside: avoid-column;
}

.row-waterfall.column-c-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.row-waterfall.column-c-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.row-waterfall.column-c-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

@media (max-width: 992px) {
    .row-waterfall.column-c-3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .row-waterfall.column-c-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .row-waterfall.column-c-4 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.row-waterfall .col-lg-1, .row-waterfall .col-lg-10, .row-waterfall .col-lg-11, .row-waterfall .col-lg-12, .row-waterfall .col-lg-2, .row-waterfall .col-lg-3, .row-waterfall .col-lg-4, .row-waterfall .col-lg-5, .row-waterfall .col-lg-6, .row-waterfall .col-lg-7, .row-waterfall .col-lg-8, .row-waterfall .col-lg-9, .row-waterfall .col-md-1, .row-waterfall .col-md-10, .row-waterfall .col-md-11, .row-waterfall .col-md-12, .row-waterfall .col-md-2, .row-waterfall .col-md-3, .row-waterfall .col-md-4, .row-waterfall .col-md-5, .row-waterfall .col-md-6, .row-waterfall .col-md-7, .row-waterfall .col-md-8, .row-waterfall .col-md-9, .row-waterfall .col-sm-1, .row-waterfall .col-sm-10, .row-waterfall .col-sm-11, .row-waterfall .col-sm-12, .row-waterfall .col-sm-2, .row-waterfall .col-sm-3, .row-waterfall .col-sm-4, .row-waterfall .col-sm-5, .row-waterfall .col-sm-6, .row-waterfall .col-sm-7, .row-waterfall .col-sm-8, .row-waterfall .col-sm-9, .row-waterfall .col-xs-1, .row-waterfall .col-xs-10, .row-waterfall .col-xs-11, .row-waterfall .col-xs-12, .row-waterfall .col-xs-2, .row-waterfall .col-xs-3, .row-waterfall .col-xs-4, .row-waterfall .col-xs-5, .row-waterfall .col-xs-6, .row-waterfall .col-xs-7, .row-waterfall .col-xs-8, .row-waterfall .col-xs-9 {
    flex-direction: column;
    display: inline-block;
    width: 100%;
    float: none;
}

@keyframes progress-indeterminate {
    from {
        left: -25%;
        width: 25%;
    }
    to {
        left: 100%;
        width: 25%;
    }
}

.progress-bar.indeterminate {
    position: relative;
    animation: progress-indeterminate 3s linear infinite;
}


.progress {
    height: 5px;
}

.form-template-buttons-right {
    position: absolute;
    top: -42px;
    right: 16px;
}

.no-required-star .required:after {
    content: "";
}

.table-force-align-left .text-center, .table-force-align-left .text-right, .table-force-align-left .text-left {
    text-align: left !important;
}

@media print {
    .timeline > li > .timeline-item {
        margin-left: 0;
    }
}


.timeline > li > .fas, .timeline > li > .far, .timeline > li > .fa-solid {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.timeline > li {
    margin-right: 0;
}

.timeline > li > .timeline-item {
    margin-right: 0;
}

.grid-sizer,
.grid-item { width: 50%; }
/* 2 columns wide */
.grid-item--full { width: 100%; }