:root {
    --dark-mode-card-background-color: #333333;
    --dark-mode-background-color: #434343;
    --dark-mode-grey-color: #CCCCCC;
    --dark-mode-light-grey-color:#F2F2F2;
    --dark-mode-orange-color: #FDD8AA;
}

/* NEW QUOTE */
.quotetemplate
{
    padding-bottom:10px;
}
.quotetemplate.newline 
{
    padding-top:10px;    
}
.quotetemplate.last 
{
    border-bottom:none;
    padding-bottom:0;
} 
.quotetemplate .column
{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
} 
.quotetemplate .quotename 
{
    font-size:16px;
    margin:0 0 5px 0;
}
.quotetemplate .quotenotes 
{
    font-size:12px;
    color:#888;
    margin:0 0 5px 0;
}

/* HEADER */
.pagetitle
{
    color:#F78F1E;
    font-size:24px;
    font-weight:bold;
    display:inline;
    vertical-align:top;
}
.quotetitle
{
    color:#5F6062;
    font-size:24px;
    font-weight:bold;
    display:inline;
    line-height: 1;
}
.headerrow
{
    text-align:left;
}
.headercol
{
    display:inline-block;
    vertical-align:top;
    padding-right:10px;
    font-size:12px;
    /*max-width:205px; -- killing this for a more responsive UI -- */
}
.headercol.imgcol
{
    margin:1px -6px 1px 1px;
}
.headercol.imgcol img
{
    max-height:64px;
    max-width:64px;
}
 
/* QUOTE STATUS */
#quote-status, #quoteNotifications, #customer-status, #opportunity-status, #document-preview {
    width:24px;
    height:24px;
    margin:2px -4px 0 0;
}

.quoteNotifications { background-image:url(../../../img/svgs/sell/Application_Notification_Black.svg); }
.document-preview { background-image:url(../../../img/svgs/sell/Action_File_PDF.svg); }
.quote-completed { background-image:url(../../../img/svgs/v1.0/Status_Success.svg); }
.quote-editable { background-image:url(../../../img/svgs/v1.0/Action_Edit.svg); }
.quote-locked { background-image:url(../../../img/svgs/v1.0/Status_Locked.svg); }
.quote-deliverable { background-image:url(../../../img/svgs/v1.0/Action_Send_File.svg); }

/* QUOTE ATTACHED */

.quote-customer-inactive {background-image:url(../../../img/svgs/sell/Action_AddCustomer.svg);}
.quote-customer-active {background-image:url(../../../img/svgs/sell/Flag_Customer.svg);}
.quote-opportunity-active {background-image:url(../../../img/svgs/v1.0/Application_Opportunity.svg);}
.quote-opportunity-inactive {background-image:url(../../../img/svgs/sell/Action_AddOpportunity.svg);}

.quoteheader-icon {
    padding-right: 10px;
    display: inline-block;
    contain: layout;
}

div#notifyWrapper.notifyWrapper {
    position: absolute;
    border-radius: 50%;
    background-color: red;
    color: #eee;
    background-color: #e50000;
    contain: layout;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

div#notifyText {
    border-radius: 100%;
    text-align: center;
    contain: layout;
    line-height: 1;
    font-size: 75%;
    height: 80%;
}

div#notifyWrapper.notifyWrapper.LARGE_notifyWrapper {
    top: -7%;
    right: -17%;
    padding: 8%;
}

div#notifyWrapper.notifyWrapper.MEDIUM_notifyWrapper {
    top: -7%;
    right: -7%;
    padding: 12%;
}

div#notifyWrapper.notifyWrapper.SMALL_notifyWrapper {
    top: -7%;
    right: -10%;
    padding: 15% 22%;
}

div#notifyText.LARGE_notifyText {
    padding: 15%;
}

div#notifyText.MEDIUM_notifyText {
    padding: 8% 5%;
}

div#notifyText.SMALL_notifyText {
    padding: 0;
}

/* NAVIGATION */
#quotenav 
{
    border:2px solid #CCCCCC;
    margin-top:-11px;
    background-color:#fff;
    /* border-bottom-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-bottom-left-radius:3px; */
}
.quotenav_item 
{
    display:inline-block;
    vertical-align:middle;
    /*margin-right:-3px;*/
    height:40px;
    
}
.quotenav_name 
{
    padding-top:10px;
}
.quotenav_item_legacy
 {
    display: inline-block;
    vertical-align: middle;
    margin: 0px -3px;
    height: 40px;
    padding: 0 3px;
}
#quotenav_legacy {
    border: 1px solid #CCCCCC;
    margin-top: -11px;
    margin-bottom: 5px;
    margin-left: 5px;
    background-color: #fff;
    padding: 0 2px;
}
.quotenav_cap {
    display: inline-block;
    vertical-align: middle;
    /*margin-right:-3px;*/
}
.subnav 
{
    margin:2px 4px 4px 8px;
}
.subnav .subnavitem 
{
    display:inline-block;
    padding:0 2px 1px 2px;
    margin-top:-4px;
    font-size:10px;
    font-weight:bold;
    margin-left:1px;
}
.subnav .subnavitem.current
{
    color:White;
    background-color:#F78F1E;
}
.subnav .subnavitem.current.eo
{
    color:White;
    background-color:#80c000;
}



/* MISC STYLES */
.rockstar
{
    background-image:url(../../../images/rockstar.png);
    background-position:bottom right;    
    background-repeat:no-repeat;
}

/* PRODUCT EDIT */
#thumbnails 
{
    display:none;
}
#thumbnails .productimage
{
    max-width:64px;
    max-height:64px;
    padding:5px 5px 0 5px;
    cursor:pointer;
}
#pricing .searching 
{
    color:#888;
    font-style:italic;
    height:18px;
    margin-left: 12px;
}
#pricing .error 
{
    color:#888;
    font-style:italic;
    height:18px;
}
#pricing .searching .sourcename {
    top:-6px;
    left:8px;
    position:relative;
    font-size:10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spinner.icon {
    display:inline;
    opacity:1;
}
.productprice .price 
{
    color:#278E2D;
    display:inline-block;
    font-weight:bold;
    vertical-align:middle;
    padding-top:3px;
}
.productprice .sourcename 
{
    display:inline-block;
    vertical-align:middle;    
    padding:3px 3px 0 0;
}
.productprice input[name=selectedsource]
{
    vertical-align:middle;
}
.warehouses
{
    padding-left:15px;
    display:none;
}
.warehouse 
{
}
.warehouse input[name=selectedwarehouse]
{
    vertical-align:middle;
}
.warehouse .name 
{
    display:inline-block;
    vertical-align:middle;
    padding:3px 0 0 0;
}
.productprice .available
{
    display:inline-block;
    color:#888;
    vertical-align:middle;
    padding:3px 3px 0 4px;
}
.offerurl {
    margin-left:8px;
}

/* MASS UPDATE */
.massupdate-actions.bolt, .tabupdate-actions.bolt {
    background-image: url(../../../img/svgs/v1.0/Action_ExpandDown.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: -10px;
    cursor: pointer;
    text-align: center;
    position: absolute;
}

.tabupdate-actions.bolt
{
    display:none;
}

li.tab .tabupdate-actions.bolt img
{
    display:none;
}
li.tab.ui-tabs-selected.protectedTab .tabupdate-actions.bolt img.protected,
/* In jquery-ui 1.9 .ui-tabs-selected changes to .ui-tabs-active */
li.tab.ui-tabs-active.protectedTab .tabupdate-actions.bolt img.protected
{
    display:inline;
}
li.tab.ui-tabs-selected:not(.protectedTab) .tabupdate-actions.bolt img.action,
/* In jquery-ui 1.9 .ui-tabs-selected changes to .ui-tabs-active */
li.tab.ui-tabs-active:not(.protectedTab) .tabupdate-actions.bolt img.action
{
    display:inline;
}
.tabupdate-menu .menuitem.edit .protected, .tabupdate-menu .menuitem.edit .action
{
    display:none;
}
.tabupdate-menu .menuitem.edit.protected .protected
{
    display:inline;
}
.tabupdate-menu .menuitem.edit:not(.protected) .action
{
    display:inline;
}

.tabupdate-menu .menuitem.togglequickfilter span
{
    display:none;
}
.tabupdate-menu .menuitem.togglequickfilter.liqf_on span
{
    display:inline;
}

.ui-tabs-selected .tabupdate-actions.bolt, .ui-tabs-selected .ui-sortable-helper,
/* In jquery-ui 1.9 .ui-tabs-selected changes to .ui-tabs-active */
.ui-tabs-active .tabupdate-actions.bolt, .ui-tabs-active .ui-sortable-helper 
{
    display:inherit;
    float:right;
    margin:6px 6px 0 0;
}
.ui-tabs .ui-tabs-nav li a
{
    padding: 10px 16px;
}
.massupdate-actions.bolt img, .tabupdate-actions.bolt img
{
    margin:3px 8px 0 0;
}
.massupdate-menu, .tabupdate-menu 
{
    display:none;
    position:absolute;
    background-color:#fff;
    border:1px solid #555;
    min-width:180px;
    box-shadow: 2px 2px 6px 1px rgba(80,80,80,.3);
    border-radius:2px;
    z-index:10001;
    color:#212121;
    text-align:left;
    font-weight:normal;
    white-space: nowrap;
} 
.massupdate-menu .menuitem, .tabupdate-menu .menuitem
{
    padding:4px;
    border-bottom:1px solid #ccc;
    font-size:12px;
    vertical-align:middle;
    cursor:pointer;
}
.massupdate-menu .menuitem:hover, .tabupdate-menu .menuitem:hover 
{
    background-color:#0093D0;
    color:#fff;
    font-weight:bold;
}
.massupdate-menu .menuitem:last-child, .tabupdate-menu .menuitem:last-child 
{
    border-bottom:none;    
}
.massupdate-menu .menuitem img, .tabupdate-menu .menuitem img  
{
    vertical-align:middle;
    margin:-3px 6px 0 0;
}

.grouplabel 
{
    position:absolute;
    margin-top:1px;
    margin-left:1px;
    font-size:9px;
    font-style:italic;
}

#quoteOpportunity {
    width:22px;
    height:22px;
    background-image:url(../images/toolbar/opportunity-attached.png);
    position:absolute;
    margin:-10px 0 0 -8px;
}

.commentPic 
{
    float:left;
    margin:10px;
}

.commentBody
{
    margin:0 100px 0 94px;
}

.commentBody .text
{
    margin:5px;
    font-size:small;
}

.comment .toolbar
{
    margin-bottom:5px;
}

.commentdate 
{
    font-size:x-small;
}


/* TERM OPTIONS TAB */
table.termOptionTabDetailTable tr td input[type=checkbox], table.termOptionTabDetailTable tr td input[type=radio]
{
    display: inline-block;
    vertical-align: middle;
    margin: 3px 3px 3px 4px;
}
table.termOptionTabDetailTable tr td label
{
    display: inline-block;
    vertical-align: middle;
}

/* Begin Dark Mode */

body.darkMode .quotetitle
{
    color: var(--dark-mode-grey-color);
    background-color: var(--dark-mode-card-background-color);
}

body.darkMode .subnav .subnavitem.current
{
    color: black;
    background-color: var(--dark-mode-orange-color);
}

body.darkMode .headercol
{
    background-color: var(--dark-mode-card-background-color);
}

body.darkMode .quotenav_item 
{
    background-color: var(--dark-mode-grey-color);
}

body.darkMode div#quotenav {
    background-color: var(--dark-mode-background-color) !important;
}

body.darkMode .quoteNotifications {
    background-image: url("../../../img/svgs/sell/Application_Notification_Grey.svg");
}

body.darkMode .document-preview {
    filter: invert(.7);
}

body.darkMode .quote-completed {
    filter: invert(.7);
}

body.darkMode .quote-editable {
    filter: invert(.7);
}

body.darkMode .quote-locked {
    filter: invert(.7);
}

body.darkMode .quote-deliverable{
    filter: invert(.7);
}

body.darkMode .quote-customer-inactive {
    filter: invert(.7);
}

body.darkMode .quote-customer-active {
    filter: invert(.7);
}

body.darkMode .quote-opportunity-active {
    filter: invert(.7);
}

body.darkMode .quote-opportunity-inactive {
    filter: invert(.7);
}

body.darkMode .massupdate-actions.bolt{
    filter: invert(.7);
}
/* End Dark Mode */