/******************************************************************************
/******************************************************************************
 ****************************** BIQS COMMON CSS *******************************
 ****************** ADD ALL CSS THAT SHOULD BE ON ALL PAGES *******************
/******************************************************************************/
body.test-environment .content-wrapper
{
    background-image: url( '/img/icons/test.svg' );
    background-size: 60px 60px;
    background-position: -60px -60px;
    background-repeat: repeat;
}
.w-auto { width: auto!important; }
.w-100 { width: 100%; }
.w-95 { width: 95%; }
.w-94 { width: 94%; }
.w-93 { width: 93%; }
.w-92 { width: 92%; }
.w-91 { width: 91%; }
.w-90 { width: 90%; }
.w-85 { width: 85%; }
.w-83 { width: 83%; }
.w-80 { width: 80%; }
.w-75 { width: 75%; }
.w-73 { width: 73%; }
.w-70 { width: 70%; }
.w-67 { width: 67%; }
.w-64 { width: 64%; }
.w-61 { width: 61%; }
.w-60 { width: 60%; }
.w-55 { width: 55%; }
.w-50 { width: 50%; }
.w-45 { width: 45%; }
.w-42 { width: 42%; }
.w-40 { width: 40%; }
.w-30 { width: 30%; }
.w-25 { width: 25%; }
.w-25i { width: 25%!important; }
.w-23 { width: 23%; }
.w-22 { width: 22%; }
.w-20 { width: 20%; }
.w-15 { width: 15%; }
.w-10 { width: 10%; }
.w-9 { width: 9%; }
.w-8 { width: 8%; }
.w-7 { width: 7%; }
.w-6 { width: 6%; }
.w-5 { width: 5%; }
.w-4 { width: 4%; }
.w-3 { width: 3%; }
.w-2 { width: 2%; }
.w-1 { width: 1%; }
.w-1i { width: 1%!important; }
.w-16px { width: 16px; }
.w-17px { width: 17px; }
.w-18px { width: 18px; }
.w-34px { width: 34px; }
.w-34pxi { width: 34px!important; }
.w-unset { width: unset; }
.h-unset { height: unset; }
.h-unset-i { height: unset!important; }
.mw-95 { max-width: 95px; }
.minw-110 { min-width: 110px; }
.mh-16 { max-height: 16px; }
.mh-32 { max-height: 32px; }
.minh-10 { min-height: 10px!important; }
.minh-32 { min-height: 32px; }
.minh-70 { min-height: 70px; }
.minh-170 { min-height: 170px; }
.fw-150 { width: 150px; }
.fw-100 { width: 100px; }
.fw-70 { width: 70px; }
.fw-65 { width: 65px; }
.fw-60 { width: 60px; }
.fw-55 { width: 55px; }
.fw-50 { width: 50px; }
.fw-45 { width: 45px; }
.fw-40 { width: 40px; }
.fw-35 { width: 35px; }
.fw-30 { width: 30px; }
.h-34px { height: 34px; }
.h-17px { height: 17px; }
.h-18px { height: 18px; }
.h-100 { height: 100%; }
.m-0 { margin: 0px!important; }
.mr-auto { margin-right: auto; }
.mr-1 { margin-right: 1rem; }
.mr-1px { margin-right: 1px; }
.mr-2 { margin-right: 2px; }
.mr-3 { margin-right: 3px; }
.mr-4 { margin-right: 4px; }
.mr-5 { margin-right: 5px; }
.mr-6 { margin-right: 6px; }
.mr-7 { margin-right: 7px; }
.mr-8 { margin-right: 8px; }
.mr-9 { margin-right: 9px; }
.mr-10 { margin-right: 10px; }
.mr-17 { margin-right: 17px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mt--1 { margin-top: -1px; }
.mt-0 { margin-top: 0px; }
.mt-1 { margin-top: 1rem; }
.mt-1px { margin-top: 1px; }
.mt-2 { margin-top: 2px; }
.mt-3 { margin-top: 3px; }
.mt-4 { margin-top: 4px; }
.mt-5 { margin-top: 5px; }
.mt-5i { margin-top: 5px!important; }
.mt-6 { margin-top: 6px; }
.mt-7 { margin-top: 7px; }
.mt-8 { margin-top: 8px; }
.mt-9 { margin-top: 9px; }
.mt-10 { margin-top: 10px; }
.mt-11 { margin-top: 11px; }
.mt-12 { margin-top: 12px; }
.mt-13 { margin-top: 13px; }
.mt-14 { margin-top: 14px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-21 { margin-top: 21px; }
.mt-22 { margin-top: 22px; }
.mt-23 { margin-top: 23px; }
.mt-24 { margin-top: 24px; }
.mt-25 { margin-top: 25px; }
.mt-26 { margin-top: 26px; }
.mt-27 { margin-top: 27px; }
.mt-28 { margin-top: 28px; }
.mt-29 { margin-top: 29px; }
.mt-30 { margin-top: 30px; }
.mt-33 { margin-top: 33px; }
.mb-0 { margin-bottom: 0px; }
.mb-1 { margin-bottom: 1rem; }
.mb-1px { margin-bottom: 1px; }
.mb-2 { margin-bottom: 2px; }
.mb-3 { margin-bottom: 3px; }
.mb-4 { margin-bottom: 4px; }
.mb-5 { margin-bottom: 5px; }
.mb-6 { margin-bottom: 6px; }
.mb-7 { margin-bottom: 7px; }
.mb-8 { margin-bottom: 8px; }
.mb-9 { margin-bottom: 9px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }
.ml-1 { margin-left: 1px; }
.ml-2 { margin-left: 2px; }
.ml-3 { margin-left: 3px; }
.ml-4 { margin-left: 4px; }
.ml-5 { margin-left: 5px; }
.ml-6 { margin-left: 6px; }
.ml-7 { margin-left: 7px; }
.ml-8 { margin-left: 8px; }
.ml-9 { margin-left: 9px; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-auto { margin-left: auto; }
.mr-auto { margin-right: auto; }
.m-auto { margin-left: auto; margin-right: auto; }
.p-0 { padding: 0px!important; }
.p-1 { padding: 1px; }
.p-2 { padding: 2px; }
.p-3 { padding: 3px; }
.p-3i { padding: 3px!important; }
.p-4 { padding: 4px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.ptb-15 { padding-top: 15px; padding-bottom: 15px; }
.ptb-10 { padding-top: 10px; padding-bottom: 10px; }
.plr-15 { padding-left: 15px; padding-right: 15px; }
.plr-10 { padding-left: 10px; padding-right: 10px; }
.pr-0 { padding-right: 0px; }
.pr-1 { padding-right: 1px; }
.pr-2 { padding-right: 2px; }
.pr-3 { padding-right: 3px; }
.pr-4 { padding-right: 4px; }
.pr-5 { padding-right: 5px; }
.pr-6 { padding-right: 6px; }
.pr-7 { padding-right: 7px; }
.pr-8 { padding-right: 8px; }
.pr-9 { padding-right: 9px; }
.pr-10 { padding-right: 10px; }
.pr-11 { padding-right: 11px; }
.pr-12 { padding-right: 12px; }
.pr-13 { padding-right: 13px; }
.pr-14 { padding-right: 14px; }
.pr-15 { padding-right: 15px; }
.pr-16 { padding-right: 16px; }
.pr-17 { padding-right: 17px; }
.pr-18 { padding-right: 18px; }
.pr-19 { padding-right: 19px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-41 { padding-right: 41px; }
.pr-42 { padding-right: 42px; }
.pr-43 { padding-right: 43px; }
.pr-44 { padding-right: 44px; }
.pr-45 { padding-right: 45px; }
.pr-70 { padding-right: 70px; }
.pl-0 { padding-left: 0px; }
.pl-1 { padding-left: 1px; }
.pl-2 { padding-left: 2px; }
.pl-3 { padding-left: 3px; }
.pl-4 { padding-left: 4px; }
.pl-5 { padding-left: 5px; }
.pl-6 { padding-left: 6px; }
.pl-7 { padding-left: 7px; }
.pl-8 { padding-left: 8px; }
.pl-9 { padding-left: 9px; }
.pl-10 { padding-left: 10px; }
.pl-11 { padding-left: 11px; }
.pl-12 { padding-left: 12px; }
.pl-13 { padding-left: 13px; }
.pl-14 { padding-left: 14px; }
.pl-15 { padding-left: 15px; }
.pl-16 { padding-left: 16px; }
.pl-20 { padding-left: 20px; }
.pl-21 { padding-left: 21px; }
.pl-22 { padding-left: 22px; }
.pl-23 { padding-left: 23px; }
.pl-24 { padding-left: 24px; }
.pl-25 { padding-left: 25px; }
.pl-26 { padding-left: 26px; }
.pl-27 { padding-left: 27px; }
.pl-28 { padding-left: 28px; }
.pl-29 { padding-left: 29px; }
.pl-30 { padding-left: 30px; }
.pl-31 { padding-left: 31px; }
.pl-35 { padding-left: 35px; }
.pl-50 { padding-left: 50px; }
.pl-72 { padding-left: 72px; }
.pt-1 { padding-top: 1px; }
.pt-2 { padding-top: 2px; }
.pt-3 { padding-top: 3px; }
.pt-4 { padding-top: 4px; }
.pt-5 { padding-top: 5px; }
.pt-6 { padding-top: 6px; }
.pt-7 { padding-top: 7px; }
.pt-8 { padding-top: 8px; }
.pt-9 { padding-top: 9px; }
.pt-10 { padding-top: 10px; }
.pt-11 { padding-top: 11px; }
.pt-12 { padding-top: 12px; }
.pt-13 { padding-top: 13px; }
.pt-14 { padding-top: 14px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-21 { padding-top: 21px; }
.pt-22 { padding-top: 22px; }
.pt-23 { padding-top: 23px; }
.pt-24 { padding-top: 24px; }
.pt-25 { padding-top: 25px; }
.pt-26 { padding-top: 26px; }
.pt-27 { padding-top: 27px; }
.pt-28 { padding-top: 28px; }
.pt-29 { padding-top: 29px; }
.pt-30 { padding-top: 30px; }
.pt-31 { padding-top: 31px; }
.pt-32 { padding-top: 32px; }
.pt-33 { padding-top: 33px; }
.pt-34 { padding-top: 34px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.fa-fw { margin-right: 3px; }
.t-35px { top: 35px; }
.list-action-dropup { top: unset; bottom: -10px; }
.r--15 { right: -15px; }
.r-1 { right: 1px; }
.r-2 { right: 2px; }
.r-3 { right: 3px; }
.r-4 { right: 4px; }
.r-5 { right: 5px; }
.r-6 { right: 6px; }
.r-7 { right: 7px; }
.r-8 { right: 8px; }
.r-9 { right: 9px; }
.r-10 { right: 10px; }
.r-15 { right: 15px; }
.r-30 { right: 30px; }
.r-19 { right: 19px; }
.r-15 { right: 15px; }
.r-30 { right: 30px; }
.r-31 { right: 31px; }
.r-32 { right: 32px; }
.r-33 { right: 33px; }
.r-34 { right: 34px; }
.r-35 { right: 35px; }
.r-36 { right: 36px; }
.r-37 { right: 37px; }
.r-38 { right: 38px; }
.r-39 { right: 39px; }
.r-40 { right: 40px; }
.r-41 { right: 41px; }
.r-42 { right: 42px; }
.r-43 { right: 43px; }
.r-44 { right: 44px; }
.r-45 { right: 45px; }
.r-46 { right: 46px; }
.r-47 { right: 47px; }
.r-48 { right: 48px; }
.r-49 { right: 49px; }
.r-50 { right: 50px; }
.l--10 { left: -10px; }
.l--25 { left: -25px; }
.l--15 { left: -15px; }
.l--30 { left: -30px; }
.l-0 { left: 0px!important; }
.l-1 { left: 1px!important; }
.l-2 { left: 2px!important; }
.l-3 { left: 3px!important; }
.l-4 { left: 4px!important; }
.l-5 { left: 5px!important; }
.l-6 { left: 6px!important; }
.l-7 { left: 7px!important; }
.l-8 { left: 8px!important; }
.l-9 { left: 9px!important; }
.l-10 { left: 10px!important; }
.l-11 { left: 11px; }
.l-12 { left: 12px; }
.l-13 { left: 13px; }
.l-14 { left: 14px; }
.l-15 { left: 15px; }
.l-50 { left: 50px; }
.l-60 { left: 60px; }
.l-233 { left: 233px; }
.l-240 { left: 240px; }
.t-11 { top: 11px; }
.l--10 { left: -10px; }
.t-0 { top: 0px; }
.t-1 { top: 1px; }
.t-2 { top: 2px; }
.t-3 { top: 3px; }
.t-4 { top: 4px; }
.t-5 { top: 5px; }
.t-6 { top: 6px; }
.t-7 { top: 7px!important; }
.t-8 { top: 8px; }
.t-9 { top: 9px; }
.t-10 { top: 10px; }
.t-11 { top: 11px; }
.t-20 { top: 20px; }
.t-30 { top: 30px; }
.t-31 { top: 31px; }
.t-32 { top: 32px; }
.t-35 { top: 35px; }
.t-36 { top: 36px; }
.t-50  { top: 50px; }
.t-60 { top: 60px!important; }
.t-65 { top: 65px; }
.t-127 { top: 127px; }
.t--7 { top: -7px; }
.t--15 { top: -15px; }
.t--16 { top: -16px; }
.t--19 { top: -19px; }
.t--25 { top: -25px; }
.t--30 { top: -30px; }
.b--37 { bottom: -37px; }
.b--30 { bottom: -30px; }
.b--15 { bottom: -15px; }
.b--5 { bottom: -5px; }
.b--1 { bottom: -1px; }
.b-0 { bottom: 0px; }
.b-5 { bottom: 5px; }
.lh-1 { line-height: 1; }
.br-4 { border-radius: 4px; }
.o-0 { opacity: 0; }
.o-01 { opacity: .1; }
.o-02 { opacity: .2; }
.o-03 { opacity: .3; }
.o-04 { opacity: .4; }
.o-05 { opacity: .5; }
.o-06 { opacity: .6; }
.o-07 { opacity: .7; }
.o-08 { opacity: .8; }
.o-09 { opacity: .9; }
.o-1 { opacity: 1!important; }
.font-normal { font-weight: normal; }
.fs-18 { font-size: 18px; }
.brbl-0 { border-bottom-left-radius: 0px; }
.brbr-0 { border-bottom-right-radius: 0px; }
.border-0, .b-0 { border-width: 0px; }
.border-1, .b-1 { border-width: 1px; }
.border-ccc { border: 1px solid #ccc; }
.border-f4f4f4 { border: 1px solid #f4f4f4; }
.bb-0, .border-bottom-0 { border-bottom-width: 0px; }
.border-0,table>thead>tr>td.border-0,table>tbody>tr>td.border-0,table>tfoot>tr>td.border-0 { border-width: 0px; }
.flip-hor.arrow-down-right:before { transform: scale( -1, 0 ); }
.arrow-down-right:before { content: '↴'; display: block; }
.fa-size05 { font-size: 0.5em; }
.fa-size067 { font-size: 0.67em; }
.c-action { cursor: pointer; }
.hover-sort { position: relative; }
.hover-sort:hover { background-color: #f2f7f7; }
.small-stack { font-size: 0.5em; }
.half-stack { font-size: 0.75em; }
.large { font-size: 115%; }
.textall { text-align: left; }
.textalc { text-align: center; }
.textalr { text-align: right; }
[data-sort-field] { white-space: nowrap; }
[data-sort-direction="none"].hover-sort:hover:after
{
    content: '\f0dc';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    position: absolute;
    right: 5px;
}
.open-saldo { background-color: #FF9A8D; }
.table-hover>tbody>tr.open-saldo:hover { background-color: #FF6C59; }
.color-ccc { color: #CCC; }
.color-bbb { color: #BBB; }
.color-aaa { color: #AAA; }
.tans--15-0 { transform: translate( -15%, 0 ); }
.bg-warning-i { background-color: #fcf8e3!important; }
.tooltip-inner.bg-warning-i { border: 1px solid #66512c; }
.text-warning-i { color: #8a6d3b!important; }
.text-warning-i a { color: #66512c; font-weight: 700; }
.text-warning-i a:hover { text-decoration: underline; }
.warning-arrow:after { border-color: #fcf8e3; position: absolute; }
.warning-arrow:after { border-color: #fcf8e3; border-width: 8px; border-style: solid; }
.warning-arrow:after { content: ''; display: inline-block; }
.warning-arrow.bottom:after { width: 0; height: 0; border-left-color: transparent; border-right-color: transparent; border-bottom: 0; bottom: -4px; left: 50%; }
.bt-2-000 { border-top: 2px solid #000; }
.bb-2-000 { border-bottom: 2px solid #000; }
.t-lg,.text-lg { font-size: 32px; }
hr.dark { border-top-color: #aaa; }
.modal-header .close { font-size: 2em; }
textarea.resize-v { resize: vertical; }
.anchorjs-link { position: relative; left: -50px; visibility: hidden; }
.anchorjs-link:hover { visibility: visible; }
.docs-sidebar { background-color: #ecf0f5; }
.docs-sidebar.fixed { position: fixed; top: 60px; right: 0px; }
section.content { position: relative; min-height: 88vh; }
section.sidebar .user-panel { background: #1a2226; margin-bottom: 15px; box-shadow: 0px 5px 8px #1a2226; }
body.modal-open { padding-right: 17px; background-color: #ecf0f5; }
body.modal-open header.main-header { padding-right: 17px; background-color: #3c8dbc; }
.docs-sidebar .nav>.active:focus>a, .docs-sidebar .nav>.active:hover>a, .docs-sidebar .nav>.active>a
{
    padding-left: 18px;
    font-weight: 700;
    color: #3c8dbc;
    background-color: transparent;
    border-left: 2px solid #3c8dbc;
}
.bg-fff { background-color: #fff; }
.bg-ccc { background-color: #ccc; }
.bg-ecf0f5 { background-color: #ecf0f5; }
.nav-tabs>li.active>button,
.nav-tabs>li.active>button:focus,
.nav-tabs>li.active>button:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs>li.active>button.btn-success,
.nav-tabs>li.active>button.btn-success:focus,
.nav-tabs>li.active>button.btn-success:hover {
    margin: 0px;
    color: #fff;
    cursor: default;
    background-color: #00a65a;
    border: 1px solid #008d4c;
    border-bottom-color: transparent;
    padding: 10px 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transition: padding 0.2s ease-out, margin 0.2s ease-out;
}
.nav-tabs>li>a.btn-primary:focus,
.nav-tabs>li>a.btn-primary:hover {
    color: #fff;
    background-color: #367fa9;
    border-color: #204d74;
    border-bottom-width: 0
}
.nav-tabs>li.active>a.text-danger,
.nav-tabs>li.active>a.text-danger:focus,
.nav-tabs>li.active>a.text-danger:hover {
    color: #a94442;
    border-color: #a94442;
    border-bottom-color: #fff;
}
.nav-tabs>li.active>a.text-danger {
    background-color: #ebccd1;
}
.nav-tabs>li.active>a.text-warning,
.nav-tabs>li.active>a.text-warning:focus,
.nav-tabs>li.active>a.text-warning:hover {
    color: #8a6d3b;
    border-color: #8a6d3b;
    border-bottom-color: #fff;
}
.nav-tabs>li.active>a.text-warning {
    background-color: #fcf8e3;
}
a.goto-customer-card,a.goto-customer-card:hover,a.goto-customer-card:active { color: #333; }
a.goto-customer-card:hover { text-decoration: underline; }
a.goto-customer-card[disabled] { cursor: not-allowed!important; color: #CCC; }
.btn-info .fa-inverse { color: #00c0ef; }
.btn-warning .fa-inverse { color: #ffc400; }
.btn-danger .fa-inverse { color: #de1d26; }
.box-footer.text-right button + button
{
    margin-left: 5px;
}
.box-footer.text-right a + button
{
    margin-left: 5px;
}
.box-footer.text-right button + a
{
    margin-left: 5px;
}
.box-footer.text-right a + a
{
    margin-left: 5px;
}
.docs-sidebar .nav>li>a {
    display: block;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #767676;
}
.nofocus { outline: none; }
a[name].anchor-spacer {
  display: block;
  position: relative;
  top: -50px;
  font-size: 1px;
  visibility: hidden;
}
.btn-link.text-success { color: #3c763d; }
.btn-link.text-muted { color: #777; }
.breadcrumbs-settings-wizard span { position: relative; top: 2px; user-select: none; }
.modal-backdrop { position: fixed; }
.fs-16 { font-size: 16px; }
.flag
{
    width: 18px;
    height: 18px;
    margin-bottom: -4px;
    margin-right: 2px!important;
    background-repeat:  no-repeat;
}
.flag.be
{
    background-image: url( '/img/icons/flags/be.svg' );
}
.flag.nl
{
    background-image: url( '/img/icons/flags/nl.svg' );
}
.flag.de
{
    background-image: url( '/img/icons/flags/de.svg' );
}
.form-error
{
    color: #FF0000;
    font-weight: bold;
}
.focus-addon input:focus+div.input-group-btn button,.focus-addon:active div.input-group-btn button,.focus-addon:hover div.input-group-btn button
{
    visibility: visible!important;
}
.skin-blue .sidebar a
{
    fill: #b8c7ce;
}
.skin-blue .sidebar-menu>li>a:hover
{
    fill: #fff;
}

.list-item[disabled], .list-item[disabled] button[disabled], .list-item button[disabled]
{
    color: #999!important;
    cursor: not-allowed!important;
}
.list-item[disabled]:hover, .list-item[disabled]:hover button[disabled], .list-item:hover button[disabled]
{
    background-color: unset!important;
}
.overflow-show { overflow: visible; }
.overflow-unset { overflow: unset; }
@media ( min-width: 50px ) and ( max-width: 486px )
{
    .modal-footer button
    {
        margin-bottom: 3px;
    }
}
#filtersModal .modal-body
{
    min-height: 75vh;
}
.text-ellipsis
{
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.panel-title a[data-toggle="collapse"]
{
    display: block;
}
.modal.biqs-modal-danger .modal-dialog
{
    border: 1px solid #d33724;
}
.modal.biqs-modal-danger .modal-footer
{
    border-top-color: #d33724;
}
.modal.biqs-modal-danger .modal-header
{
    color: #fff;
    background-color: #d33724!important;
}
.modal.biqs-modal-warning .modal-dialog
{
    border: 1px solid #db8b0b;
}
.modal.biqs-modal-warning .modal-footer
{
    border-top-color: #db8b0b;
}
.modal.biqs-modal-warning .modal-header
{
    color: #fff;
    background-color: #db8b0b!important;
}
button.btn-success:not(.btn-flat) .icon-teacher-plus,
button.btn-success:not(.btn-flat) .icon-car-plus,
button.btn-success:not(.btn-flat) .icon-book-plus,
button.btn-success:hover .icon-teacher-plus, button.btn-success:active .icon-teacher-plus,
button.btn-success:hover .icon-car-plus, button.btn-success:active .icon-car-plus,
button.btn-success:hover .icon-book-plus, button.btn-success:active .icon-book-plus,
div.btn-group:hover button.btn-flat.btn-success .icon-teacher-plus,
div.btn-group:hover button.btn-flat.btn-success .icon-car-plus,
div.btn-group:hover button.btn-flat.btn-success .icon-book-plus
{
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
div.btn-group:hover button.btn-flat.btn-success
{
    color: #fff!important;
    background-color: #5cb85c!important;
    border-color: #4cae4c!important;
}
.dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.fas, .dropdown-menu>li>a>.ion,
.dropdown-menu>li>button>.glyphicon, .dropdown-menu>li>button>.fa, .dropdown-menu>li>button>.fas, .dropdown-menu>li>button>.ion
{
    margin-right: 10px;
}
.icon-teacher-plus:before,.icon-car-plus:before,.icon-book-plus:before
{
    content: '';
    width: 1em;
    display: inline-block;
}
.screenReaderText
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.icon-book-plus
{
    background-image: url( '/img/icons/book-plus.svg' );
    background-repeat: no-repeat;
}
.icon-teacher-plus
{
    background-image: url( '/img/icons/teacher-plus.svg' );
    background-repeat: no-repeat;
}
.icon-car-plus
{
    background-image: url( '/img/icons/car-plus.svg' );
    background-repeat: no-repeat;
}
.table.vertical-center td
{
    vertical-align: middle;
}
.p-absolute
{
    position: absolute;
}
.p-absolute-i
{
    position: absolute!important;
}
@media ( min-width: 992px )
{
    .p-absolute-i-lg
    {
        position: absolute!important;
    }
}
@media ( min-width: 1200px )
{
    .p-absolute-i-xlg
    {
        position: absolute!important;
    }
}
.relative-childs, .p-relative
{
    position: relative;
}
.p-stick
{
    position: -webkit-sticky;
    position: sticky;
}
.p-fix, .p-fixed
{
    position: fixed;
}
.p-fix-i, .p-fixed-i
{
    position: fixed!important;
}
alert-popup
{
    position: absolute;
    top: 15px;/* counter the NAVbar*/
    left: 15px;
    right: 15px;
}
.btn.btn-small
{
    padding: 3px 6px;
    line-height: 1;
}
.read-only
{
    cursor: default!important;
}
.d-block
{
    display: block!important;
}
.d-inline
{
    display: inline-block!important;
}
.d-none
{
    display: none!important;
}
.dropdown .active.error,.dropdown:hover .active.error,.dropdown .active.error:hover,
.dropdown .error,.dropdown:hover .error,.dropdown .error:hover
{
    color: #dd4b39;
    border-color: #d73925;
    background-color: transparent;
}
.dropdown .active,.dropdown:hover .active
{
    background-color: #3c8dbc;
    color: #fff;
}
.popover-warning.right>.arrow, .popover-warning.right>.arrow:after
{
    border-right-color: #ec971f;
}
.popover-warning
{
    color: #FFF;
    background-color: #ec971f;
    border-color: #d58512;
}
.popover-warning .popover-title
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #d58512!important;
    font-weight: bold;
}
.popover-warning.left>.arrow, .popover-warning.left>.arrow:after
{
    border-left-color: #ec971f;
}
.popover-warning.top>.arrow, .popover-warning.top>.arrow:after
{
    border-top-color: #fcf8e3!important;
}
.popover-warning.bottom>.arrow, .popover-warning.bottom>.arrow:after
{
    border-bottom-color: #fcf8e3!important;
}
.popover-warning
{
    border: 1px solid #faebcc!important;
}
.popover-warning .popover-title
{
    background-color: #d58512!important;
    font-weight: bold;
}
.table-layout-fixed
{
    table-layout: fixed;
}
.input-group-table
{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.input-group-table-row
{
    display: table-row;
}
.input-group-table-column
{
    display: table-cell;
}
.no-wrap
{
    white-space: nowrap;
}
.no-wrap.left, .text-left-important, .text-left-i
{
    text-align: left!important;
}
.fancy-select .check-mark
{
    right: 8px!important;
}
.t-select-none
{
    user-select: none;
}
[uib-typeahead].dropup + .dropdown-menu
{
  bottom: 100%!important;
  top: auto!important;
}
input[type="number"]:not(.input-group-cell) { padding: 3px 6px; }
input[type="number"][size="1"] { width: 40px; }
input[type="number"][size="2"] { width: 50px; }
input[type="number"][size="3"] { width: 60px; }
input[type="number"][size="4"] { width: 70px; }
input[type="number"][size="5"] { width: 80px; }
input[type="number"][size="6"] { width: 90px; }
input[type="number"][size="7"] { width: 100px; }
input[type="number"][size="8"] { width: 110px; }
input[type="number"][size="9"] { width: 120px; }
input[type="number"][size="10"] { width: 130px; }
input[type="number"][size="11"] { width: 140px; }
.bs-padding-important
{
    padding: 6px 12px!important;
}
.input-group-cell
{
    display: table-cell;
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    border: 1px solid #ccc;
    height: 20px;
    box-sizing: content-box;
}
.input-group-cell.small
{
    padding: 6px 2px;
}
.input-group-cell + .input-group-cell
{
    border-left-width: 0px;
}
/** FIX for FontAwesome 5 AND Admin LTE! **/
.main-header .sidebar-toggle:before
{
    content: unset;
}
.main-header .sidebar-toggle
{
    font-family: inherit;
    font-size: 1em;
}
.no-border
{
    border: none;
}
.sep-l-1
{
    border-left: 1px solid #ccc;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu>.dropdown-menu-right {
    right:100%;
    left:-100%;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>.dropdown-menu-right>a:before {
    display:block;
    content:" ";
    float:left;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 5px 5px 0;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-left:-10px;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.hover-show-next-small:hover + .fade
{
    opacity: 1;
}
div.input-group > button.datetime-dismiss
{
    position: absolute;
    top: 3px;
    background-color: transparent;
    border: 0px;
    font-size: 2em;
    line-height: 0.9em;
    padding-top: 2px;
    outline: none;
    z-index: 3;
}
div.input-group > button.datetime-dismiss:hover,button.datetime-dismiss:focus
{
    color: #dd4b39;
}
div.input-group > button.datetime-dismiss:active
{
    background-color: #dd4b39;
    color: #fff;
    border-radius: 48%;
}
div.input-group > button:first-child.datetime-dismiss
{
    left: 3px;
}
div.input-group > button:last-child.datetime-dismiss
{
    right: 5px;
}
.no-results-dropdown-tooltip::after
{
    clear: both;
}
.no-results-dropdown-tooltip .dropdown-menu
{
    display: block;
}
.no-results-dropdown-tooltip>ul
{
    left: 10px;
}
.no-results-dropdown-tooltip>ul>li
{
    padding: 3px 10px;
}
.no-results-dropdown-tooltip>ul>li,
.no-results-dropdown-tooltip>ul>li>a,
.no-results-dropdown-tooltip>ul>li>a:hover,
.no-results-dropdown-tooltip>ul>li>a:active
{
    background-image: none;
    background-color: transparent;
    cursor: default;
    color: #dd4b39;
    font-weight: bolder;
}
.dropdown-menu>li>button:active,.dropdown-menu>li>button:focus,.dropdown-menu>li>button:hover
{
    outline: none;
    background-color: #eee;
}
.dropdown-menu>li>button
{
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    background: transparent;
    border: unset;
    text-align: left;
}
li.link-danger > a,.link-danger
{
    color: #dd4b39;
}
li.link-danger:hover > a
{
    color: #fff;
    background-color: #dd4b39;
}

.fancy-multi-select svg
{
    /*transform: translateY( 4px );*/
    margin-right: 3px;
}
.fancy-multi-select input[type="checkbox"],
.fancy-multi-select input[type="radio"],
.fancy-multi-select .checked {
    display: none;
}
.fancy-multi-select input[type="checkbox"]:checked ~ .checked,
.fancy-multi-select input[type="radio"]:checked ~ .checked
{
    display: inline-block;
}
.fancy-multi-select input[type="checkbox"]:checked ~ .unchecked,
.fancy-multi-select input[type="radio"]:checked ~ .unchecked
{
    display: none;
}
.dropdown-menu>li>a>.fa-stack
{
    margin-right: 7px;
}
.fa-height-1-5
{
    height: 1.5em!important;
}
.far.fa-lg.fa-square,.fancy-multi-select i.fa,.fancy-multi-select i.far,.fancy-multi-select i.fas
{
    margin-right: 3px;
}
.width-30
{
    width: 30%!important;
}
.table-borderless>tr>td,
.table-borderless>tr>th
{
    border-width: 0px;
}
.panel-success
{
    border-top: 3px solid #008d4C;
}
.panel-condensed p, .panel-condensed h5
{
    display: inline-block;
}
.panel-condensed p:after, .panel-condensed h5:after
{
    display: inline-block;
    content: '';
}
.break-words{
    word-break: break-all;
    overflow-wrap: break-word;
}
.panel-condensed p.separator-comma:after, .panel-condensed h5.separator-comma:after
{
    border-right: none;
    content: ',';
    margin-left: 0px;
}
.panel-condensed p:last-child:after
{
    display: none;
}
.nav-tabs>li.active>a.btn-flat.btn-success
{
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}
.nav-tabs>li>a.btn-flat.btn-success:hover
{
    border-bottom: 1px solid #008d4c;
}
.nav-tabs>li>a.btn-flat
{
    border-radius: 4px 4px 0 0;
}
select.text-right { text-align-last: right; }
select.text-right>option { direction: rtl; }
select[readonly]
{
    background-color: transparent!important;
}
select.no-controls::-ms-expand
{
    display: none;
}
select.no-controls
{
    border: 0px;
    pointer-events: none;
}
input[readonly]
{
    background-color: transparent!important;
}
input.no-controls
{
    border: 0px;
}
input[type="number"].no-controls::-webkit-outer-spin-button,
input[type="number"].no-controls::-webkit-inner-spin-button
{
    display: none;
}
.panel-body.new:before
{
    content: '';
    display: block;
    background-color: #00a65a;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0px;
    top: -1px;
}
.bold { font-weight: bold; }
.btn-large
{
    font-size: 3em;
}
.input-group-btn>.btn-flat
{
    border: 1px solid #d2d6de;
}
.btn-flat,
.btn-flat.btn-success[disabled],
.btn-flat.btn-danger[disabled],
.btn-flat.btn-primary[disabled],
.btn-flat.btn-warning[disabled]
{
    border-radius: 5px;
    background: transparent;
    border: none;
    color: #444;
}
.btn-flat.btn-danger:hover
{
    color:#fff!important;
    background-color: #c9302c!important;
    border-color: #ac2925!important;
}
.btn-flat.btn-warning:hover
{
    color:#fff!important;
    background-color: #f39c12!important;
    border-color: #e08e0b!important;
}
.btn-flat.btn-primary:hover
{
    color:#fff!important;
    background-color: #286090!important;
    border-color: #204d74!important;
}
.btn-flat.btn-default:hover,.btn-flat.btn-default:active
{
    background: transparent!important;
    border: none!important;
    color: #777!important;
}
.btn-flat.btn-success:hover
{
    color:#fff!important;
    background-color: #5cb85c!important;
    border-color: #4cae4c!important;
}
.btn-flat.btn-warning:hover
{
    color:#fff!important;
    background-color: #f39c12!important;
    border-color: #e08e0b!important;
}
.btn-flat.text-danger
{
    color: #a94442;
}
.btn-flat:hover
{
    background: transparent;
    border: none;
    border-radius: 3px;
}
.no-wrap
{
    white-space: nowrap;
    overflow: visible;
}
td.no-results
{
    color: #dd4b39;
    background-color: #fbece9;
    border: 1px solid #dd4b39!important;
    border-style: inset;
    padding: 5px;
    font-weight: 600;
}
.no-results-dropdown-tooltip>.dropdown-menu, .no-results-dropdown
{
    background-color: #fbece9;
    border-color: #eb9e93;
    box-shadow: 0 1px 1px rgba(221,75,75,0.1);
}
.no-results-dropdown
{
    font-weight: bold;
    color: #dd4b39;
    padding: 10px;
}
.one-line-buttons, .no-wrap
{
    white-space: nowrap;
    text-align: right;
}
.alert-customer
{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    top: 10px;
    left: 10px;
    right: 10px;
}
th.table-action-column,td.table-action-column
{
    width: 1%;
}
.attach-to.btn.btn-flat,td.table-action-column>.btn.btn-flat
{
    background-color: transparent;
    border-color: transparent;
}
.attach-to.btn.btn-flat.btn-danger>span,td.table-action-column>.btn.btn-flat.btn-danger>span
{
    top: 3px;
}
.attach-to.btn.btn-flat.btn-danger,td.table-action-column>.btn.btn-flat.btn-danger
{
    color: #dd4b39;
}
td.table-action-column>.btn.btn-flat.btn-danger:hover,td.table-action-column>.btn.btn-flat.btn-danger:active,
.attach-to.btn.btn-flat.btn-danger:hover,.attach-to.btn.btn-flat.btn-danger:active
{
    color: #FFF;
    background-color: #d73925;
}
.btn.btn-float
{
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
}
.btn.btn-round
{
    border-radius: 50%;
}
.image-container
{
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.attach-to,.attach-to-parent
{
    position: absolute;
}
.attach-to.center-right
{
    right: 0px;
    bottom: 0px;
}
.attach-to.bottom-right
{
    right: 0px;
    bottom: 0px;
}
.attach-to.top-right
{
    right: 5px;
    top: 5px;
}
.attach-to-parent
{
    top: 10px;
    left: -7px;
}
.absolute
{
    position: relative;
}
.biqs-big-checkbox
{
    width: 20px;
    height: 20px;
}
.tooltip.top { top: -49px; }
.tooltip-danger .tooltip-inner
{
    background-color: #D73925;
}
.tooltip-danger.top .tooltip-arrow {
    border-top-color: #D73925!important;
}
.tooltip-danger:not(.top) .tooltip-arrow
{
    border-right-color: #D73925!important;
}
.tool-tip [disabled], .inactive
{
    pointer-events: none;
}
.fc-toolbar h2
{
    font-size: 28px!important;
}
.fc-button, .calendar-resource-switch button
{
    height: 33px!important;
}
li.tooltipWrap[disabled="disabled"] a
{
    color: #666;
}
li.tooltipWrap[disabled="disabled"] a:hover
{
    cursor: initial;
    border-left-color: #CCC;
    color: #666;
}
[ref="warningDueDate"].tooltip
{
    min-width: 250px;
}
.modal-md
{
    width: 60%;
}
.biqs-modal-sm
{
	min-width: 400px;
    max-width: 600px;
}
@media(min-width: 993px) {
    .biqs-modal-lg, .modal.email-preview .modal-dialog
    {
        width: 900px;
    }
}
@media(min-width: 1099px) {
    .biqs-modal-lg, .modal.email-preview .modal-dialog
    {
        width: 1000px;
    }
}
@media(min-width: 1199px) {
    .biqs-modal-lg, .modal.email-preview .modal-dialog
    {
        width: 1100px;
    }
}
@media(min-width: 1299px) {
    .biqs-modal-lg, .modal.email-preview .modal-dialog
    {
        width: 1200px;
    }
}

@media(min-width: 993px) {
    .biqs-modal-xlg
    {
        width: 1000px;
    }
}
@media(min-width: 1099px) {
    .biqs-modal-xlg
    {
        width: 1100px;
    }
}
@media(min-width: 1199px) {
    .biqs-modal-xlg
    {
        width: 1200px;
    }
}
@media(min-width: 1299px) {
    .biqs-modal-xlg
    {
        width: 1500px;
    }
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_flat-blue
	{
        background-image: url(blue@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
.fa-stack-0x
{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0.5em!important;
}
.fa-stack-1-5x
{
    font-size: 1.5em!important;
}
.fa-stack-1-3x
{
    font-size: 1.3em!important;
}
.fa-offset-bottom-right
{
    margin-top: 2em;
    margin-left: 1.45em;
}
.fa-offset-middle
{
    top: 1.2em;
    left: -1.2em;
}
.fa-offset-right
{
    left: 2em;
    top: 1.2em;
}
.fa-scale-down-0-8x
{
    transform: scale(0.8)  translateX(-0.6em);
    margin-right: -0.6em;
}
.fa-scale-down-0-65x
{
    transform: scale(0.65) translateX(-0.8em);
    margin-right: -0.6em;
}
.was-validated :invalid,
.ng-dirty.ng-invalid:not( form )
{
	border: 1px solid #f66!important;
    background-color: rgba( 217, 83, 79, 0.3 )!important;
}
.biqs-multi-input-field
{
    position: relative;
}
.multi-input-item:first-child
{
    margin-left: 0px;
}
.multi-input-container-js
{
    padding-right: 35px;
    min-height: 36px;
}
.multi-input-item
{
    display: inline-block;
    margin: 2px;
    padding: 2px 3px;
    border: 1px solid #ccc;
    background-color: #eee;
    border-radius: 2px;
}
.multi-input-item span
{
    margin-right: 2px;
}
.multi-input-item button
{
    padding: 0px 3px;
    font-size: 20px;
    line-height: 14px;
    vertical-align: middle;
    color: #333;
}
.multi-input-item button:hover,.multi-input-item button:active
{
    text-decoration: none;
    color: #333;
}
.multi-input-undo
{
    position: absolute;
    top: 36px;
    right: 0px;
}
.custom-nav-item a,.custom-nav-item button,
.custom-nav-item a:active,.custom-nav-item button:active,
.custom-nav-item a:focus,.custom-nav-item button:focus
{
    padding: 15px;
    color: #fff;
}
.custom-nav-item a:hover,.custom-nav-item button:hover
{
    background: rgba(0,0,0,.1);
    color: #f6f6f6;
}
.clearfix-self
{
    float: unset!important;
}
.animate-top { transition: top 200ms ease; }
.r-0 { right: 0px!important; }
.r-30 { right: 30px!important; }

.pb-0
{
    padding-bottom: 0px!important;
}
.pt-0
{
    padding-top: 0px!important;
}
.pr-0
{
    padding-right: 0px!important;
}
.pl-0
{
    padding-left: 0px!important;
}
.no-bullet
{
    list-style-type: none;
}
.panel-footer .list-group
{
    margin-top: 5px;
}
.list-group .list-group
{
    margin-bottom: 0px;
}
.dropdown-li-a
{
    display: block;
    background-color: transparent;
    border: unset;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}
.dropdown-li-a:hover
{
    background-color: #e1e3e9;
    color: #333;
}
/* For download IFRAME, prevents it from being seen! */
.screenReaderText
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
input[type="number"]
{
    position: relative;
    padding-right: 18px!important;
}
/* Spin Buttons modified */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
    width: 1em;
    border-left: 1px solid #BBB;
    opacity: .5; /* shows Spin Buttons per default (Chrome >= 39) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
input[type="number"]::-webkit-inner-spin-button:hover,
input[type="number"]::-webkit-inner-spin-button:active
{
    box-shadow: 0 0 2px #CCC;
    opacity: .8;
}

/* Override browser form filling */
input:-webkit-autofill
{
    background: black;
    color: red;
}
.email-preview
{
}
.email-preview span.marker
{
    background-color: yellow;
}
.biqs-cert
{
    background: url( '/img/icons/certificate-icon.svg' ) no-repeat;
    min-width: 14px;
    min-height: 14px;
}
address.media-body p
{
    margin-bottom: 2px;
}
.no-resize
{
    resize: none;
}
.radio-switch
{
    position: relative;
    background-color: #fff;
    border: 0.5px solid #CCC;
    margin-bottom: 3px;
}
.radio-switch label
{
    margin: 0px;
    padding: 12px 30px;
    width: 100%;
    display: block;
    text-align: left;
    color: #3C454C;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
}
.radio-switch input:checked ~ label
{
    color: #004224;
}
.radio-switch input
{
    width: 32px;
    height: 100%;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 12px;
    top: 0px;
    cursor: pointer;
    visibility: hidden;
}
.radio-switch label:before
{
    width: 10%;
    height: 10%;
    border-radius: 3px;
    content: '';
    background-color: #f0f5f3;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale( 1, 1 );
    transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}
.radio-switch input:checked ~ label:after
{
    content: '\f00c';
    background-color: #008d4c;
    border-color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-size: 21px;

    text-align: center;
    vertical-align: middle;
}
.radio-switch label:after
{
    width: 32px;
    height: 32px;
    content: '';
    border: 1px solid #D1D7DC;
    background-color: #fff;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-size: 1px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
}
.radio-switch input:checked ~ label:before
{
    transform: translate(-50%, -50%) scale( 15, 15 );
    opacity: 1;
}
table.with-cell-spacing
{
    border-collapse: separate;
}
table.with-cell-spacing[cellspacing="1"]
{
    border-spacing: 1em;
}
table.with-cell-spacing[cellspacing="2"]
{
    border-spacing: 2em;
}
table.with-cell-spacing[cellspacing="3"]
{
    border-spacing: 3em;
}
.form-horizontal .control-label
{
    padding-top: 7px;
}
.dont-break-out
{
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.modal .image-selector .item { z-index: 1042;/*above modal!*/ }
.image-selector { overflow: auto; max-height: 70vh; }
.image-selector .item { opacity: 0.5; float: left; padding: 5px; cursor: pointer; width: 74px; height: 74px; background-color: #fff }
.image-selector .item.selected { opacity: 1; }
.image-selector .item:hover { background-color: #00C0EF; opacity: 1; transition: background-color 300ms ease,opacity 300ms ease; }
.image-selector .item.selected { background-color: #428BCA; }
.image-selector .item.selected:hover { background-color: #00C0EF; }

.image-container { cursor: pointer; }
.image-container:hover { background-color: rgba( 200, 200, 200, .3 ); }

.ajax-file-upload-statusbar {
    border: 1px solid #0ba1b5;
    margin-top: 10px;
    margin-right: 10px;
    margin: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 5px 5px 5px
}
.ajax-file-upload-filename {
    width: 100%;
    height: auto;
    margin: 0 5px 5px 10px;
    color: #807579
}
.ajax-file-upload-progress {
    margin: 0 10px 5px 10px;
    position: relative;
    width: 250px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    display: inline-block
}
.ajax-file-upload-bar {
    background-color: #0ba1b5;
    width: 0;
    height: 20px;
    border-radius: 3px;
    color:#FFFFFF;
}
.ajax-file-upload-percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%
}
.ajax-file-upload-red {
    -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
    -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
    box-shadow: inset 0 39px 0 -24px #e67a73;
    background-color: #e4685d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    cursor: pointer;
    vertical-align: top;
    margin-right:5px;
}
.ajax-file-upload-green {
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #5b8a3c;
    vertical-align: top;
    margin-right:5px;
}
.ajax-file-upload
{
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
    cursor: pointer;
    height: 33px;
    display: inline-block;
    border: 1px solid #008d4c;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 2px 0 0 #e8e8e8;
    color: #fff;
    background: #00a65a;
    box-shadow: none;
    vertical-align: middle;
    cursor: pointer;
}

.ajax-file-upload:hover
{
    background: #008d4c;
}
.ajax-upload-dragdrop p
{
    display: none;
}
.ajax-upload-dragdrop
{
    text-align: left;
    vertical-align: middle;
    z-index: 1;
    text-align: center;
    transform: translate( 1%, 50% );
}
.modal .ajax-upload-dragdrop
{
    z-index: 1041;
}
.ajax-upload-dragdrop.state-hover p
{
    display: table;
    width: 100%;
    height: 100%;
}
.ajax-upload-dragdrop.state-hover span
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.ajax-upload-dragdrop.state-over span
{
    font-size: 18px;
    color: rgb( 16, 36, 61 );
}
.ajax-upload-dragdrop.state-hover
{
    border-radius: 3px;
    text-align: unset;
    transform: unset;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 30px;
    padding: 10px 10px 0px 10px;
    border: 2px dotted rgb( 16, 36, 61 );
    color: #FFFFFF;
    background-color: rgba( 137, 194, 224, 0.95 );
    /*z-index: 3;*/
}
.ajax-upload-dragdrop.state-over
{
    border: 2px solid rgb( 16, 36, 61 );
}
.modal .ajax-upload-dragdrop.state-hover
{
    z-index: 1060;
}

.ajax-file-upload-error {
    color: red;
}
.bg-trans, .bg-trans:hover
{
    background: transparent!important;
}

.visible-hover-container .visible-hover-parent
{
    visibility: hidden;
}
.visible-hover-container:hover .visible-hover-parent
{
    visibility: visible;
}
.input-group-btn select
{
	border-color: #ccc;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 6.5px;
    padding-bottom: 6px;
}
.stretched-clickable:after
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}
.thumbnail.alert-info
{
    position: relative;
}
.thumbnail.disabled
{
    opacity: 0.7;
}
.thumbnail.disabled:before
{
    display: block;
    font-family: "Font Awesome 5 Free";
    content: "\f070";
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 20px;
    color: #333;
    text-align: right;
    width: 180px;
}
.text-truncate
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.password-message
{
    color: #dd4b39;
    font-size: 0.9em;
    background-color: #FFF;
    padding: 4px;
    border: 1px solid #dd4b39;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.circles-bg
{
    background: radial-gradient( closest-side, transparent 98%, rgba( 255, 255, 255, .52 ) 99% ),
                radial-gradient( closest-side, transparent 98%, rgba( 255, 255, 255, .52 ) 99% )!important;
    background-size: 40px 40px!important;
    background-position: 0 0, 20px 20px!important;
}
.noscroll { overflow: hidden; }
.input-group-addon>select
{
    border: 0px;
}
.input-group-addon>select:focus
{
    outline: none;
}
.multi-function
{
    width: 42px;
    height: 28px;
}
.multi-function > *
{
    transition: transform 0.2s, opacity 0.1s;
    position: absolute;
    top: 6px;
    left: 12px;
}
.multi-function.in > *:last-child
{
    transform: rotate(0deg);
    opacity: 1;
}
.multi-function.in > *:first-child
{
    transform: rotate(-180deg);
    opacity: 0;
}
.multi-function > *:last-child
{
    opacity: 0;
    left: 15px;
    transform: rotate( 180deg );
}
a.link-stretched:after
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.custom-sales-button label
{
    margin-bottom: 0px;
}
.custom-sales-button input
{
    width: 60px!important;
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}
.custom-sales-button div.form-group
{
    margin: 0px;
    padding-top: 3px;
}
.modal-full-height .modal-body
{
    min-height: calc(100vh - 60px - 56.6px - 65px);
    max-height: calc(100vh - 60px - 56.6px - 65px);
    overflow-y: auto;
}
.modal-body ul{
    padding-left: 0px;
}
.customer-select-wizard{
    cursor: pointer;
    margin-bottom: 10px;
    background-color: #3c8dbc;
    border-radius: 5px;
    transition: 0.3s;
    padding:20px;
    list-style: none;
    color: white;
}
.customer-select-wizard:hover{
    background-color: #367fa9;
}