/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 8-Sep-2016, 10:49:20 AM
    Author     : Dane Stevens <dane[at]dsmedia[dot]ca>
*/

root, html { height:100%; }

body { height: 100%; background:#ffffff; }

::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 5px;
	background-color: #eee;
}

::-webkit-scrollbar
{
	width: 7px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	background-color: #999;
}

div { display:block; }


.blur { /* Any browser which supports CSS3 */ filter: blur(2px); /* Firefox */ filter: url("blur.svg#gaussian_blur"); /* Webkit */ -webkit-filter: blur(2px); /* Opera */ -o-filter: blur(2px); }

.viewport { width:100%; height:100%; position:fixed; }

#messageWrap { width:100dvw; height:100dvh; position:fixed; z-index:99999; cursor:pointer; }
#messageWrap.error { background:url(../images/wOverlay90.png); }
#messageWrap.message { background:url(../images/blueOverlay90.png); }
#messageWrap.message.approved { background:url(../images/greenOverlay90.png); }
#messageWrap.message.audit { background:url(../images/purpleOverlay90.png); }
#messageWrap.message.exceptioned { background:url(../images/redOverlay90.png); }

    #messageWrap #message { display:inline-block; position:absolute; top:50%; margin-top:-50px; width:100%; border-radius:10px; overflow:hidden; text-align:center; font-size:32pt; -ms-transform: translateX(-50%) translateY(-50%); }
    #messageWrap.error #message { color:#cc0000; }
    #messageWrap.message #message { color:#ffffff; }

        #messageWrap #message .margin { margin:20px 40px 20px 40px; }

        #messageWrap.error a { color:#cc0000; }
        #messageWrap.error a:hover { color:#990000; }

        #messageWrap #message .continue { font-size:12pt; margin-top:20px; }

#confirmWrap { width:100%; height:100%; position:fixed; z-index:99999; cursor:pointer; background:url(../images/blueOverlay90.png); }
    #confirmWrap #confirm { display:inline-block; position:absolute; top:50%; margin-top:-50px; width:100%; border-radius:10px; overflow:hidden; text-align:center; font-size:32pt; -ms-transform: translateX(-50%) translateY(-50%); }
        #confirmWrap #confirm .confirmText { color:#ffffff; font-size:16pt; }
        #confirmWrap #confirm a { display:inline-block; padding:20px; font-size:14pt; text-decoration:none; margin:40px 10px 10px 10px; border-radius:10px; }
        #confirmWrap #confirm a.continue { background:#01a72c; color:#ffffff; }
        #confirmWrap #confirm a.continue:hover { background:#019527; }
        #confirmWrap #confirm a.cancel { background:#660000; color:#ffffff; }
        #confirmWrap #confirm a.cancel:hover { background:#330000; }

#notesWrap { width:100%; height:100%; position:fixed; z-index:88888; background:url(../images/wOverlay80.png); }
    #notes { background:#ffffff; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); height:80%; padding:5px 15px; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); border-radius:5px; }
    #notes #notes_close { display:block; background:#999; border-radius:20px; position:absolute; right:-15px; top:-15px; color:#fff; padding:5px; z-index:88999; }
        #notes #notes_close:hover { background:#003366; }
    #notes #note_header { border-bottom:1px solid #eeeeee; }
    #notes #note_header {  }
        #notes #note_header a { color:#999; display:inline-block; margin-right:10px; background:#eee; padding:5px 10px; border-radius:5px; font-size:9pt; text-decoration:none; }
        #notes #note_header a:hover { color:#666; background:#ddd;}
        #notes #note_header a i { vertical-align: -25%; font-size:24px; }
    #notes #note_information { font-size:10pt; color:#999; font-weight:bold; }
        #notes #notes_container { position:absolute; top:60px; bottom:100px; width:100%; padding-bottom:10px; overflow-y:auto; }
    #notes #new_note { position:absolute; bottom:0px; width:100%; }
        .note { clear:both; padding:10px 10px; position:relative; border-radius:5px; margin-left:-10px; margin-right:-10px; }
        .note.deleted { background:#ffcccc; }
        .note:not(.deleted):hover { background:#f5f5f5; }
            .note .user_icon { float:left; width:40px; height:40px; background:#eeeeee; border-radius:5px; overflow:hidden; }
                .note .user_icon img { width:40px; }
            .note .body { padding:5px 10px; color:#666; font-size:11pt; width:auto; margin-left:40px; }
                .note .body .user_full-name { font-weight:bold; margin-bottom:5px; font-size:10pt; }
                    .note .body .user_full-name span { font-size:9pt; font-weight:normal; color:#999; margin-left:10px; }
                    .note a.delete_note { position:absolute; top:0px; right:0px; display:none; }
                    .note:not(.deleted):hover a.delete_note { display:block; }
                    .note a.delete_note i { color:#cccccc; }
                    .note i.note_status { font-size:18px; cursor:pointer; }
                    .note i.note_sent { color:#003366; }
                    .note a.delete_note:hover i { color:#999; }

#logWrap { width:100%; height:100%; position:fixed; z-index:88888; background:url(../images/wOverlay80.png); }
    #log { background:#ffffff; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); height:80%; padding:5px 15px; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); border-radius:5px; }
    #log #log_close { display:block; background:#999; border-radius:20px; position:absolute; right:-15px; top:-15px; color:#fff; padding:5px; z-index:88999; }
        #log #log_close:hover { background:#003366; }
    #log #log_header { border-bottom:1px solid #eeeeee; }
    #log #log_header {  }
        #log #log_header a { color:#999; display:inline-block; margin-right:10px; background:#eee; padding:5px 10px; border-radius:5px; font-size:9pt; text-decoration:none; }
        #log #log_header a:hover { color:#666; background:#ddd;}
        #log #log_header a i { vertical-align: -25%; font-size:24px; }
    #log #log_information { font-size:10pt; color:#999; font-weight:bold; }
        #log #log_container { position:absolute; top:60px; bottom:0px; width:100%; padding-bottom:10px; overflow-y:auto; }
        /*.log { clear:both; padding:10px 10px; position:relative; border-radius:5px; margin-left:-10px; margin-right:-10px; }*/
        .log.deleted { background:#ffcccc; }
        .log:not(.deleted):hover { background:#f5f5f5; }
            .log .user_icon { float:left; width:40px; height:40px; background:#eeeeee; border-radius:5px; overflow:hidden; }
                .log .user_icon img { width:40px; }
            .log .body { padding:5px 10px; color:#666; font-size:11pt; width:auto; margin-left:40px; }
                .log .body .user_full-name { font-weight:bold; margin-bottom:5px; font-size:10pt; }
                    .log .body .user_full-name span { font-size:9pt; font-weight:normal; color:#999; margin-left:10px; }
                    .log a.delete_log { position:absolute; top:0px; right:0px; display:none; }
                    .log:not(.deleted):hover a.delete_log { display:block; }
                    .log a.delete_log i { color:#cccccc; }
                    .log i.log_status { font-size:18px; cursor:pointer; }
                    .log i.log_sent { color:#003366; }
                    .log a.delete_log:hover i { color:#999; }

#edit_customer { position:fixed; z-index:88889; width:100%; height:100%; background:#fff; }
#edit-customer-close { display:block; background:#eee; border-radius:50%; position:absolute; right:15px; top:20px; color:#999; padding:5px; z-index:88999; }
        #edit-customer-close:hover { background:#ccc; }

#view_rebate_wrap { position:fixed; z-index:88888; width:100%; height:100%; background:#fff; }

#view-rebate-status { color:#ffffff; }
#view-rebate-status h1 { color:#ffffff; margin-top:5px; margin-bottom:0px; }
#view-rebate-status .text-right { color:#ffffff; font-size:14pt; margin-top:15px; }
#view-rebate-status.default { background:url(../images/blueOverlay90.png); }
#view-rebate-status.approved { background:url(../images/greenOverlay90.png); }
#view-rebate-status.audit { background:url(../images/purpleOverlay90.png); }
#view-rebate-status.exceptioned { background:url(../images/redOverlay90.png); }
#view_rebate_wrap .small { font-size:9pt;}
#view-rebate-status .text-center { font-size:14pt; margin-top:15px; }
#view_rebate_wrap h2 a { display:inline-block; background:#eee; padding:5px 10px; border-radius:5px; text-decoration:none; font-size:12pt; color:#666666; }
#view_rebate_wrap h2 a:hover { background:#ccc; }
#view_rebate_wrap h2 a i { font-size:16px; margin-right:7px; vertical-align:top; }
.text-right { text-align:right; }
.text-center { text-align:center; }

#view_rebate_wrap h2 { font-size:18pt; margin-top:20px; }
#view_rebate_wrap h3 { color:#666666; font-size:14pt; margin:20px 0px 5px 0px; }
#view_rebate_wrap h4 { margin:20px 0px 5px 0px; border-bottom:1px solid #eee; padding-bottom:3px; color:#999; font-weight:bold; font-size:10pt; }

#view-rebate-close { display:block; background:#fff; border-radius:50%; position:absolute; right:15px; top:20px; color:#999; padding:5px; z-index:88999; }
        #view-rebate-close:hover { background:#eee; }

.header { height:100%; background:#f6f6f6; border-right:1px solid #ededed; }

.create_button { display:block; width:100%; color:#ffffff; background:#01a72c; text-align:center; padding:20px 0px; text-decoration:none; font-size:12pt; border-radius:10px; margin-top:15px; }
.create_button i { vertical-align: -25%; margin-right:10px; }
.create_button:hover { background:#019527; }

.cancel_button { display:block; width:100%; color:#ffffff; background:#cccccc; text-align:center; padding:20px 0px; text-decoration:none; font-size:12pt; border-radius:10px; margin-top:15px; }
.cancel_button:hover { background:#bbbbbb; }

.action { display:inline-block; width:auto; color:#ffffff; background:#cccccc; text-align:center; padding:3px 5px; text-decoration:none; font-size:10pt; margin-top:5px; border-right:1px solid #ddd; border-left:1px solid #ddd; }
.action.action-left { border-top-left-radius:5px; border-bottom-left-radius:5px; border:none; }
.action.action-right { border-top-right-radius:5px; border-bottom-right-radius:5px; border:none; }
.action i { font-size:18px; }
.action:hover { background:#003366; }
.action.edit_role { margin-left:5px; }

ul.navigation { list-style:none; margin-top:20px; border-top:1px solid #dddddd; border-bottom:1px solid #ffffff; }
ul.navigation li { position:relative; }
ul.navigation li a { display:block; padding:10px 15px; text-decoration:none; border-top:1px solid #ffffff; border-bottom:1px solid #dddddd; color:#666666; font-size:10pt; }
ul.navigation li a:hover { background:#f2f2f2; }
ul.navigation i { vertical-align: -25%; margin-right:10px; color:#999999; }
ul.navigation li:hover ul.sub_nav { display: block; }
    ul.navigation ul.sub_nav { position:absolute; left:100%; top:0px; z-index: 2; background: #ddd; border: 1px solid #ccc; display: none; }

#invoiceWrap { background:#ffffff; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:99999; }
    #invoiceWrap h1 { color:#666666; padding-top:20px; }

.content { height:100%; overflow-y: auto; }
pre { overflow: visible; }

option.bold { text-shadow: 0px 0px 0px black; font-weight:bold; }

.content.col-md-10 { position:relative; border-left:1px solid #cccccc; }

h1 { margin-top:0px; color:#006699; }
h1 span { display:block; color:#999999; font-size:10pt; }
h2 { color:#006699; }

.content .row { /*background:#ffffff;*/ }

.no_data  { text-align:center; font-size:22pt; color:#cccccc; position:absolute;  top: 50%; left:50%; background:#f9f9f9; padding:30px; border-radius:10px; border:2px dotted #cccccc;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); }

.notes_no_data { text-align:center; font-size:16pt; color:#cccccc; padding:40px 15px; }
.log_no_data { text-align:center; font-size:16pt; color:#cccccc; padding:40px 15px; }

.loading { text-align:center; font-size:22pt; color:#cccccc; width:66px; height:66px; z-index:-1; background:url(../images/loading.gif) no-repeat; margin:0px auto; margin-top:20px; }
.loading:not(.relative) {
    position:absolute; top: 50%; left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

table.default { width:100%; border-collapse:collapse; }
table.default thead { color:#006699; font-weight:bold; font-size:10pt; }
table.default thead td { padding:10px 15px; }
table.default thead td a { color:#006699; }
table.default thead td a:hover { color:#cccccc; }
table.default tr { position:relative; }
table.default tr div.edit_overlay { display:none; }
table.default tr.light { background-color:#ffffff; }
table.default tr.dark { background-color:#f9f9f9; }
table.default tr.dark.approved { background-color:#ccffcc; }
table.default tr.light.approved { background-color:#e7fee7; }
/*table.default tr.editing td, table.default tr.editing td span.sub_text, table.default tr.editing td a { color:#cccccc; }*/
table.default tr.editing div.edit_overlay { display:block; position:absolute; left:0px; right:0px; text-align:center; padding:21px 0px 22px 0px; color:#006699; margin-top:-51px; background:url(../images/wOverlay80.png); font-size:18px; }
table.default tr td.editing { display:none; }
table.default tbody.duplicates { border-top:10px solid #ddd; }
table.default tr.dark td.approve_duplicate { text-align:center; }
table.default tr.light td.approve_duplicate { text-align:center; }
table.default td.approve_duplicate a { display:block; background:#ccc; padding:5px 0px; border-radius:4px; }
table.default td.approve_duplicate a:hover { background:#003366; }
table.default td.approve_duplicate a i { color:#fff; }
table.default tbody td { padding:10px 15px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; vertical-align:middle; font-size:10pt; color:#666666; }
table.default tbody tr.approved td { padding:0px 15px; }
table.default tbody tr.approved td div { padding:10px 0px; }
table.default .right { text-align:right; }
table.default .sub_text { font-size:8pt; color:#999999; }
table tbody tr:hover { background-image:url(../images/bOverlay5.png); }
table tbody tr.deleted { background-color:#ffcccc !important; }
table tbody tr.updated { background-color:#ccfcff !important; }

table.default tr.INACTIVE { text-decoration: line-through;}

table.default a.icon { color:#cccccc; margin-left:10px; }
table.default a.icon:hover { color:#999; }
table.default a.icon i { vertical-align: -25%; }
table.default a.found_notes i { color:#006699; }

div.border{ border:1px dashed #cccccc; }
div.full_height { height:800px; }

.scroll { overflow-y:auto; max-height:600px }

.horziontal_spacer { height:5px; clear:both; }
.upload_container { position:relative; background:#ffffff; border-radius:10px; border:1px solid #cccccc; text-align:center; overflow:hidden; height:146px; margin-bottom:5px; }
.upload_container.dragenter { border-color:#006699; background:#eaf5fa; }
.upload_container.dropped {  }
.upload_container.upload_complete { border-color:#009933;}
    .upload_progress { position:absolute; top:0px; left:0px; bottom:0px; width:0%; background:url(../images/uploadAnimation.png) no-repeat #c5e8f8; }
        .upload_progress.shift_bgr { background-position-x:-20px; }
        .upload_progress.upload_complete{ display:none; }
    .upload_percentage { position:relative; display:inline-block; font-size:20pt; margin:50px 0px; }
    .upload_message { position:absolute; top:0px; left:0px; right:0px; padding:20px 10px; color:#999999; font-size:16pt; pointer-events: none; }
        .upload_message span { font-size:12pt; display:block; padding:10px; }
        .upload_message a { color:#006699; font-size:14pt; }
        .upload_message a:hover { color:#999999; }
        .upload_success { position:absolute; top:0px;left:0px; right:0px; bottom:0px; padding:30px 10px; background:#f0faea; color:#999; }
            .upload_success .complete_msg { color:#666; margin-bottom:10px; font-size:18pt; }
            .upload_success .delete_file { position:absolute; top:0px; right:0px; padding:10px; text-decoration:underline; color:#666; }
            .upload_success .delete_file:hover { color:#660000; }
            .upload_click { pointer-events:all; }
            .mobile_upload { display:block; background:#ffffff; border:1px solid #cccccc; border-radius:10px; font-size:11pt; padding:15px 10px; }

            .export { display:block; width:100%; color:#ffffff; background:#003366; text-align:center; padding:10px 0px; text-decoration:none; font-size:11pt; border-radius:10px; margin-top:0px; }
            .export i { vertical-align: -25%; margin-right:10px; }
            .export:hover { background:#006699; }

            .loadData { display:block; text-align: center; background:#ccc; border-radius:5px; padding:20px 30px; color:#fff; text-decoration:none; margin:20px 0px; }
            .loadData:hover { background:#999; }

            #generated_email p { margin:15px 0px; }

            .chart { padding:15px; }

            .card {-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64); border-radius:5px;}

            .autocomplete-suggestions { background:#fff; }
                .autocomplete-suggestion { border-top:2px solid #f3f3f3; border-bottom:2px solid #f3f3f3; }
                    .autocomplete-suggestion .sm { color:#999999; font-size:9pt; }
                        .autocomplete-suggestion .sub { color:#999999; font-size:9pt;}


.selectProgram__wrapper {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    background: white;
    justify-content: center;
    align-items: center;
    font-size: 62.5%; 
    text-align: center;
    
}

.selectProgram__wrapper .selectProgram__decision .selectProgram__button {
    display: inline-block;
    padding: 4rem;
    font-size: 2rem;
    text-decoration: none;
}

.selectProgram__wrapper .selectProgram__decision .selectProgram__button:hover {
    color: black;
}

.footerLogo {
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 0;
    right: 0;
}

.footerLogo img {
    max-width: 220px;
}

.upload__instructions {
    display: none;
}
.upload__instructions--show {
    display: block;
}

.upload__instructions ul { list-style: disc; margin-left: 20px; }

.searchHelperButton {
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 1;
    appearance: none;
    outline: none;
    background: blue;
    border: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
}

.searchHelperButton:hover {
    background-color: darkblue;
}

.searchHelperWrapper {
    position: fixed;
    z-index: 1;
    background:rgba(255,255,255,0.7);
    width:100%;
    height: 100%;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    display: none;
}

.searchHelperWrapper.visible {
    display: flex;
}

.searchHelper {
    background: #fff;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3);
    border-radius: 4px;
    padding: 40px;
    max-height: 80%;
    overflow-y: auto;
}

.searchExample {
    background: #003366;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.searchExampleHelper {
    font-size: 10pt;
    font-style: italic;
    margin-bottom: 20px;
}

.searchHelper ul {
    list-style: disc;
    padding: 20px;
}

#dealerInfo {
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3);
    border-radius: 4px;
    padding: 10px;
}

#dealerInfo h2 {
    font-size: 12pt;
    margin: 0 0 5px 0;
}