@media print and ( min-width: 1px ) {
    * { display: none !important; }
}

table .dashicons { vertical-align: middle !important; }

.login_box { width: 400px; margin: 4rem auto; list-style: none outside; }
.login_box > li { border: 1px #aaa solid; border-radius: 10px; padding: 2rem 2rem 0; text-align: center; }

* { user-select: none; }

.cba_overlay, #cba_frame { display: none; }
.cba_overlay { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.3); text-align: center; }

p.input_line label { font-weight: bold; font-size: 0.8em; text-transform: uppercase; display: block; }
p.input_line input[type="text"], p.input_line select { width: 100%; font-family: 'Cabin', sans-serif; font-size: 1.25em; }
p.input_line .instructions { font-size: 0.7em; color: #aaa; text-transform: uppercase; display: block; }

.cba_dialog { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; min-height: 15em; max-height: 80%; background: white; z-index: 1000; border: 3px black solid; padding: 2em; overflow-y: auto; }
.cba_dialog.cba_wider { width: 95%; }
.cba_dialog h2 { text-align: center; }
/*.cba_dialog .cba_buttons { position: absolute; bottom: 2em; right: 3em; }*/
.cba_dialog .cba_buttons { text-align: right; }
.cba_dialog .cba_buttons a { margin-left: 1em; }
.cba_dialog .cba_buttons a:first-child { margin-left: 0; }
.cba_dialog p.input_line { width: fit-content; margin: 0 auto; }
.cba_dialog p.input_line input[type="text"], .cba_dialog p.input_line select { width: 20em; }
.cba_dialog .cba_2col p.input_line input[type="text"], .cba_dialog .cba_2col p.input_line select { width: 100%; }
p.input_line textarea { width: 100%; height: 75px; font-family: 'Cabin', sans-serif; }

.login-wrap { display: block !important; margin: 5em auto 0 !important; padding: 2em !important; width: 20em; }
.login-wrap .log-form-group { margin-bottom: 1em; }
.login-wrap .log-form-group:last-child { margin-bottom: 0; }
.login-wrap .log-form-group.extra-links { display: none; }
.login-wrap label { font-family: 'Cabin', sans-serif; font-size: 0.7em; text-transform: uppercase; font-weight: bold; }

.cba_page main { width: 95%; margin: 0 auto; padding: 2em 0; min-height: 79.2vh; }

.cba_button, #login input[type="submit"], .login_box input[type="submit"] { width: fit-content; font-family: 'Cabin', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 0.9rem; display: inline-block; background: #F26B21; padding: 0.5em 1.5em; color: white; border: 0; border-radius: 5px; box-shadow: rgba(0,0,255,0) 0 0 10px; transition: 0.4s all; cursor: pointer; }
.cba_button:hover, #login input[type="submit"]:hover, .login_box input[type="submit"]:hover { color: white; box-shadow: rgba(0,0,0,0.6) 0 5px 9px; }
.cba_cancel { background: #003b76; }
.cba_delete { background: #aa0000; }
.cba_acknowledged { background: #009c00; display: none; }
.cba_acknowledged:hover { box-shadow: none !important; }
#manage_card_table .cba_button { padding: 0.25em 0.5em; text-indent: 0; }
#manage_card_table .pricing_ids span { margin-top: -0.75em; transition: 0.4s all; cursor: pointer; }
#manage_card_table .shown .pricing_ids span { transform: rotate(90deg); }


.delete_item_button { text-align: right; }
.delete_item_button a { text-indent: 0; display: inline-block; text-align: center; width: 80%; font-family: 'Cabin', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 0.8rem; background: #F26B21; color: white; border: 0; border-radius: 5px; cursor: pointer; transition: 0.4s all; }
.delete_item_button a:hover { color: white; background: #003b76; }

.clickable tr td { cursor: pointer; }

.sidebarred { display: flex; align-items: flex-start; }
.sidebarred aside { flex-basis: 20%; box-sizing: border-box; }
.sidebarred main { flex-basis: 76%; box-sizing: border-box; margin-left: 4%; }

.sidebarred aside ul { list-style: none outside; padding-top: 3em; }
.sidebarred aside ul li { min-height: 30px; line-height: 30px; margin-bottom: 0.5em; text-indent: 0.5em; }
.sidebarred aside ul li a { font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; color: #777; }
.sidebarred aside ul li a:hover { color: black; }
.sidebarred aside ul li.current_tab { background: #777; position: relative; }
.sidebarred aside ul li.current_tab:after { content: ''; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px #777 solid; }
.sidebarred aside ul li.current_tab a { color: white; }

.cba_table { width: 100%; border-collapse: collapse; }
.cba_table th, .cba_table caption { text-align: left; border-bottom: 1px black solid; font-weight: bold; }
.cba_table td.changed, .cba_table.all_lines td { border-top: 1px #ddd solid; }
.cba_table.all_lines tr:first-child > td { border-top: none; }
.cba_table th, .cba_table td { padding: 0.25em 0.5rem; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; }
.cba_table tr th:first-child, .cba_table tr td:first-child { text-indent: 0; }
.cba_table tr td.highlight { background: #ffffcc; border-bottom: 1px #ddd solid; }
.cba_table.all_lines { margin-bottom: 3em; }
.cba_table.all_lines tr td:first-child { width: 35%; }
.cba_table.all_lines td { text-indent: 0.5em !important; }
.cba_table.can_edit tbody tr:not(.no_edit):not(.notes_row):hover { cursor: pointer; background: #ddd; }
.cba_table.no_bottom_margin { margin-bottom: 0; }

.cba_table .inactive td { text-decoration: line-through; color: #888; }

#labour .cba_table input { width: 4em; }

.cba_filter_dropdown { display: block; width: 100%; margin-top: 0.5em; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; }

#products tbody tr:not(.has_notes) td, #services tbody tr:not(.has_notes) td, #client_cards tbody tr td { border-bottom: 1px #aaa solid; }
#products tbody tr.notes_row td, #services tbody tr.notes_row td { color: #777; }

.notes_row ul { list-style: disc outside; padding-left: 2em; }

.cba_2col, .cba_3col { display: flex; align-items: flex-start; flex-wrap: wrap; }
.cba_2col > p { flex-basis: 48%; margin: 0 1%; box-sizing: border-box; }
.cba_3col > p { flex-basis: 31%; margin: 0 1%; box-sizing: border-box; }
.cba_fullwidth { flex-basis: 98% !important; }
div.cba_fullwidth { margin: 0 auto; }
div.cba_fullwidth p { width: 100% !important; }
.no_break { white-space: nowrap; }

#fullnotes { display: none; }

#client_card_detail tr.child_row { display: none; color: #777; }
#client_card_detail tr.parent_row td:first-child span { transform: rotate(0deg); transition: 0.4s all; }
#client_card_detail tr.parent_row td:first-child span.rotated { transform: rotate(90deg); }

#manage_card_table_filter { float: left !important; }
#manage_card_table_length { float: none !important; clear: both; }

.notes_row td { background: #ffffdd; }
.cba_hidden { display: none; }

.dataTables_length { clear: both; }

.cssload-container{
    position:relative;
    margin-top: 300px;
    display: none;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid rgb(250,168,26);
    border-left-color: rgb(54,65,90);
    border-radius: 1748px;
    -o-border-radius: 1748px;
    -ms-border-radius: 1748px;
    -webkit-border-radius: 1748px;
    -moz-border-radius: 1748px;
}

.cssload-whirlpool {
    margin: -44px 0 0 -44px;
    height: 88px;
    width: 88px;
    animation: cssload-rotate 1600ms linear infinite;
    -o-animation: cssload-rotate 1600ms linear infinite;
    -ms-animation: cssload-rotate 1600ms linear infinite;
    -webkit-animation: cssload-rotate 1600ms linear infinite;
    -moz-animation: cssload-rotate 1600ms linear infinite;
}

.cssload-whirlpool::before {
    content: "";
    margin: -40px 0 0 -40px;
    height: 77px;
    width: 77px;
    animation: cssload-rotate 1600ms linear infinite;
    -o-animation: cssload-rotate 1600ms linear infinite;
    -ms-animation: cssload-rotate 1600ms linear infinite;
    -webkit-animation: cssload-rotate 1600ms linear infinite;
    -moz-animation: cssload-rotate 1600ms linear infinite;
}

.cssload-whirlpool::after {
    content: "";
    margin: -51px 0 0 -51px;
    height: 98px;
    width: 98px;
    animation: cssload-rotate 3200ms linear infinite;
    -o-animation: cssload-rotate 3200ms linear infinite;
    -ms-animation: cssload-rotate 3200ms linear infinite;
    -webkit-animation: cssload-rotate 3200ms linear infinite;
    -moz-animation: cssload-rotate 3200ms linear infinite;
}



@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}