body
{
    margin: 0px;
    font-size: 13px;
    font-family: HelveticaNeue, Lucida Sans, Verdana, Arial, Sans-Serif;
    
    min-width: 985px;
}

#container
{
    -margin: auto auto;
    width: 100%;
}

#header
{
    height: 60px;
    float: Left;
    border: none;
    width: 100%;
    margin-top:5px;
    min-width: 1024px;
}

#logo
{
    width: 30%;
    float: left;
}

#logo img
{
    width: 230px;
}

#header_Content
{
    width: 700px;
    float: right;
    text-align: right;
    padding-top: 10px;
    margin-right: 5px;

}

#header_site
{
    padding-right: 35px;
    color: White;
}


a
{
    text-decoration: none;
    color: #B32317;
}

a:hover
{
    text-decoration: underline;
}

img
{
    border: 0px;
}



.ctrSearch
{
    color: #B32317;
    font-size: 22px;
    font-weight: 500;
    --font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif !important;
}

.boarderLine
{
    width: 100%;
    border-bottom: solid 1px #AAA;
    margin-top: 5px; 
    
}



#contextLog
{
    text-align: right;
    vertical-align: baseline;
    padding-top: 60px;
}



/** MENU **/

#topNav, #footer
{
    height: 25px;
    line-height: 25px;
   
}

#topNav
{
    height: auto;
    clear: both;
}

#footer
{
    -background-color: #953735;
    background-color: #C76041;
    color: #fff;
    text-align: center;
    border: solid 0px #eee;
    font-size: 11px;
}


#divFilterPanel
{
    /* overflow:auto;*/
    width: 100%;
}


h2 + div 
{
	margin-top: 20px;
}

#login
{
	position: relative;
	float: left;
	width: 600px;
	
	margin-left: 40px;
}

.error
{
	color: red;
	font-weight: bold;
	font-size: 14px;
}

.errorField 
{
	border-color: red;
	
}

.editor-label
{
	margin-top: 20px; font-family: Arial; font-size: 15px; margin-bottom: 3px;
}

div.editor-field span, .editor-field div, .editor-field span
{
	color: red;
	margin-left: 10px;
}

.message 
{
	color: green;
	font-weight: bold;
	font-size: 14px;
}

#user_filters ul, .filters ul
{
	
}

#user_filters li, .filters ul
{
	list-style-type: none;
	display: inline;
	
}

#login input[type="text"],
#login input[type="password"],
div.editor-field input[type=text],
div.editor-field input[type=password]
{
   border: 1px solid rgb(220,220,220); 
   height: 30px;
   -line-height: 28px;
   font-weight: bold;
   font-size: 16px;
   font-family: Arial;
   padding-left: 4px; 
}

input[type="submit"]
{
   border: 1px solid #999; 
   height: 30px;
   min-width: 60px;
   text-align: center;
}

input[type="submit"]:hover 
{
	background-color: #D16F54; 
	cursor: pointer;
	color: white;
	border-color: Black;
}

.editor-label
{
	letter-spacing: 0.15em;
}

#messages 
{
    
    height: 30px; 
    width: 100%; 
    line-height: 30px; 
    font-weight: bold; 
 	font-size: 13px; 
 	text-align: center; 
    
    
}


.error_message{ background-color: Red; color: White;}
.notice_message{ background-color: #008800; color: white;}


.grid
{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ddd;
    
}
.grid td, .grid th
{
    width: 140px;
    padding-left: 4px;
}
.grid th, .grid tr 
{
    text-align: left;
    height: 30px;
}
.grid td.site_col
{
    font-weight: bold; width: 200px;
}
.grid tr.row 
{
    background-color: #dddddd;	color: black;
}



.grid tr.row:hover, .grid tr:hover
{
    cursor: pointer;
    background-color: #D16F54;	
    color: white;
}



.grid thead th
{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	
}

.filters
{
	position: relative;
	background-color: #ededed;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	margin-top: 5px;
	
}

.filters select 
{
	border: 0px solid white;
	border-left: 4px solid #aaa;
}

.results_grid_container
{
	margin-top:20px;
}

.pagination_item, .pagination_item:hover
{
	padding: 2px;
	border: 1px solid #ddd;
}
.pagination_item:hover
{
	
	border: 1px solid #aaa;
	text-decoration: none;
	background-color: #ccc;
	color: black;
    cursor: pointer;
}

.grid tr.transient
{
	
	height: auto;
	
}

.grid tr.transient:hover
{
	background-color: inherit;
	cursor: inherit;
	color: black;
}

.grid tr.transient td > div, .grid > tr.transient > td > div
{
	border: 0px solid white;
	
}

.grid tr.transient td > div > input, .grid tr.transient > td > div > select
{
	font-size: 12px;
	height: 20px;
	width: 300px;
	font-weight: inherit;
}

.grid tr.transient td > div.editor-label
{
	font-size: 12px;
}

.grid tr.transient td 
{
	padding-left: 30px;
	padding-bottom: 30px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background-color: #f2f2f2;
}

.grid thead tr:hover
{
	background-color: White;
	color: Black;
	cursor: auto;	
}

ul.pagesizeselector
{
	position: absolute;
	right: 20px;
	padding-top:7px;
	
}

h2 
{
	color: Black;
}

span.feedback
{
	margin-left: 20px;
	color: Red;
}
#sub_menu
{
	margin-top: 10px;
}
#sub_menu li
{
	list-style-type: none;
	display: inline;
	margin-left: 3px;
}
#sub_menu a, #sub_menu a:link, #sub_menu a:active, #sub_menu a:hover
{
	font-weight: bold;
}
#sub_menu a:hover
{
	text-decoration: none;
	color: #555555;	
}

.form
{
	margin-left: 30px;
	margin-bottom: 20px;
}

#productfilters div, .list-container div
{
	position: relative;
	float: left;
}
#sitescontainer
{
	margin-bottom: 10px;
}
#sitescontainer li, #productfilters div ul li, .list-container div ul li
{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0px;
}
#productfilters div ul li, .list-container div ul li
{
	border-bottom: solid 1px #ddd;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 30px;
}
#productfilters input[type=text], productfilters input[type=number]
{
	height: auto;
	font-size: inherit;
}
#productfilters input, #productfilters select
{
	width: 200px;
	
}
#productfilters div /*:first-child*/
{
	margin-right: 10px;
	
}

#productfilters div ul li div, .list-container div ul li div
{
	width: 165px;
	padding-top: 3px;
	text-align: right;
}

/*.t-grid table { table-layout: fixed; }*/

#ReportGridContainer
{
    padding-top: 14px;
}


button {
    border: 0 none;
    cursor: pointer;
    
    
    height: 25px;
    line-height: 25px;
    width: auto;
    margin: 0;
    padding: 0;
    
}

button.rounded {
    -background: transparent url( ./images/btn_right.png ) no-repeat scroll right top;
    clear: left;
    font-size: 0.9em;
    margin: 3px;
    border-radius: 2px 2px;
    min-width: 80px;
    background-color: #C76041;
    -margin-top: 1px;
}

button span {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0;
    position: relative;
    
    white-space: nowrap;
    height: 25px;
    line-height: 25px;
}

button.rounded span 
{
    display: block;
    -background: transparent url( ./images/btn_left.png ) no-repeat scroll left top;
    color: #FFFFFF;
   
    
   
}

button.rounded:hover {
    -background-position: 100% -30px;
    background-color: #DB7455;
    -moz-transition: background-color 0.25s linear;
    -webkit-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
}

button.rounded:hover span {
    -background-position: 0% -30px;
}

button::-moz-focus-inner {
    border: none;
}

button.disabled, button.disabled:hover, button[disabled], button[disabled]:hover {
    opacity: 0.7;
    background-color: #ddd;
    cursor: inherit;
}

.panel 
{
	padding: 4px 4px 4px 4px;
	background-color: #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	position: relative;
	float: left;
}

.panel input[type='text']
{
	border: solid 1px gray;
	/*border-radius: 5px;
	-moz-border-radius: 5px;*/
	height: auto;
}

#columnsPanel
{
	margin-top: 10px;
	border: solid 1px #ddd;
	background-color: #EDEDED;
}
#columnsPanel:hover
{
	border: solid 1px #bbb;
	background-color: #ededed;
}
#columnsPanel label
{
	float: left;
	position: relative;
	clear: both;
	margin-bottom: 4px;
	font-weight: bold;
	padding-left: 6px;
}

#columnsPanel > div {
    background-color: #fff;
    width: 99%;
    margin-left: 4px;
    margin-bottom: 3px;
    
}

#columnsPanel > div.filter-button-bar {
    background-color: transparent;
}

#columnsPanel table
{
	border-left: 2px solid #C76041;
    
    background-color: #fff;
	clear:both;
}

#columnsPanel h2
{
    font-size: 1em;
    color: #C76041;
    margin: 4px;
    
}

#columnsPanel td
{
	padding-bottom: 3px;
	vertical-align: middle;
}

#columnsPanel button
{
	float: right;
	position: relative;
}

#columnsPanel div 
{
	float: left;
	clear: left;
	margin-top: 1px;
}

#savecolumnsettings
{
	width: 320px;
}

.hidden
{
	display: none;
}



#columnsPanel h5
{
	font-weight: bold;
	color: Black;
	font-family: Verdana;
	font-size: 12px;
	margin-bottom: 6px;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 2px;
	width: auto;
	
	
}

ul, li
{
	margin: 0px;
	padding: 0px;
}

#content
{
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: none;
}

#footer
{
    clear: both;
    position: relative;
	margin-top: 20px;
    top: 20px;
}

#report-buttons
{
    position:relative;
    float:left;
    clear:both;
    padding-bottom: 5px;
    width: 780px;
}

#page-size
{
    position: relative;
    float: right;
    
    margin-top: 10px;   
     
}

.spinner
{
   position: absolute;
   height: 20px;
   top: 4px;
}

input .t-input
{
    width: 150px;
}



#productfilters div ul li div.t-datepicker
{
    width: 200px;
}

 #productfilters div ul li div .t-input
 {
     width: 165px;
 }


#report-summary
{
	position: relative;
	clear: both;
	padding-top: 20px;
	color: #953735;
	font-weight: bold;
}

#report-summary span
{
    font-weight: bold;
    color: #666;
    margin-left: 4px;
}

#report-summary span:first-child
{
    margin-left: 0;
}

/** Department Product Data In-Place Editing **/

.t-grid tr.removeme table.pricing
{
	
	
}

table.pricing thead tr th
{
	color: black;
}

/** MENU OVERIDDES **/

.t-menu
{
	background-color: white;
}

.t-menu .t-item 
{
    border-style: none;
}


/** Ajax popup styles **/

#EditPanel
{
    position: fixed;
    /*top: 50%;
    left: 50%;*/
    display: none;
    width: 400px;
    height: auto;
    z-index: 9999;
    background-color: white;
    padding: 10px;
    border: 1px solid gray;
    /*border-radius: 5px 5px;*/
    min-height: 200px;
}

#EditPanel img
{
    
    opacity: 0.3;
}

#mask, .mask
{
    position: fixed;
    z-index: 9000;
    background-color: #fff;
    display: none;
    opacity: 0.5;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#pdfbtn, #excelbtn, #publishbtn
{
    display: none;
}
#exportform{
    margin-left: 5px;
}

.t-grid-header, .t-header
{
    background-color: #C76041;
    border-color:  #C76041;
    border: none;
    background-image: none;
}

.t-grid-header, .t-header li
{
    border-color:  #C76041;
}

.t-state-hover, .t-state-hover:hover
{
    background-color: #C76041;
}


/** INFORMATION DISPLAY LIST **/

ul.info-view-list
{
    list-style-type: none;
    min-width: 400px; 
    width: 400px;
    margin-bottom: 10px;
    margin-right: 3px;
    
}

ul.info-view-list li
{
    line-height: 26px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 4px;
    padding-bottom: 3px;
    display: inline-block;
    
}

ul.info-view-list li input,
ul.info-view-list li select
{
    height: auto;
    width: 160px;
    font-weight: normal;
    font-size: 13px;
}

ul.info-view-list li div
{
    position: relative;
    float: left;
    font-weight: bold;
    width: 210px;
    text-align: right;
    margin-right: 10px;
}

ul.info-view-list li div + div
{
    width: auto;
    font-weight: normal;
    
}

ul.info-view-list li div + div.t-datepicker
{
    width: 164px;
}

.left-floated
{
    position: relative;
    float: left;
}

.right-floated
{
    position: relative;
    float: right;
}

/** END **/


#edit-history table, .info-container table { width: 60%;}
        
#edit-history table > thead > tr > th, .info-container table > thead > tr > th { text-align: left; border-bottom: 2px solid #bbb;}
#edit-history table > tbody > tr:nth-child(2n+1), .info-container table > tbody > tr:nth-child(2n+1) { background-color: #ddd; }


.site-name
{
    background-color: #a2a2a2;
    display: inline-block;
    padding: 5px;
    color: White;
    border-radius: 3px;
    font-weight: bold;
    float: left;
    -text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}


div.grid-error
{
    line-height: 30px;
    min-height: 30px;
    height: auto;
    border: 1px solid black;
    padding: 5px;
    background-color: rgb(200,0,0);
    color: White;
    font-weight: bold;
    text-align: center;
    width: 975px;
}

div.grid-error a:link, div.grid-error a:visited, div.grid-error a:active
{
    color: White;
}

div.hint-hint
{
    color: #fff;
    padding: 3px;
    font-size: 10px;
    line-height: 12px;
    background-color: Red;
}

.flyout input[type=text]
{
    width: 100%;
    
    
}

div.publish
{
    position: relative;
    float: left;
    width: 600px;
}

div.information
{
    -position: relative;
    -float: right;
    width: 280px;
    margin-top: 5px;
}

div.treeview
{
    -position: relative;
    height: 150px;
    max-height: 150px;
    overflow: auto;
    -float: left;
    width: 340px;
    background-color: White;
    border: 2px solid #000;
}

.flyout div.information button + div
{
    margin-top: 5px;
    margin-bottom: 10px;
}

.flyout div.information div span
{
    margin-left: 4px;
}


.t-treeview-lines .t-top,.t-treeview-lines .t-mid,.t-treeview-lines .t-bot{background-image:none;}
.t-treeview-lines .t-item{background-image:none;}

.t-treeview .folder { width: 0; }


button.small-button
{
    height: 20px;
    
    
    padding: 0;
}
button.small-button span
{
    line-height: 17px;
    height: 20px;
}

span.published-report-title {
    -background-color: Green;
    background-color: #7f7f7f;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    color: White;
    font-family: Tahoma;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    padding: 4px;
}

/** TreeView styles **/

.report-icon
{
    -background-image: url(/beta/Content/images/28-star.png);
}

div.summary-tab
{
    display: none;
}


.flyout div.information div span
{
  
}

.flyout div.information input.publish-title
{
    width: 344px;
    
}

.flyout div.publish-selection-tab-container
{
    margin-bottom: 15px;
}

.flyout div.publish-selection-tab-container ul {
    
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
}

.flyout .publish-selection-tab-container ul li {
    display: inline;
    
    border-radius: 3px 3px;
    margin-right:  2px;
    padding:  4px;
    border: 1px solid #777;
    -background-color: rgba(255,255,255,0.5);
    background-color: #aaa;
    opacity: 0.3;
}

.flyout .publish-selection-tab-container ul li.selected
{
    background-color: #888;
    background-color: rgba(0,0,0,0.4);
    color: #000;
    opacity: 1.0
}

.flyout .publish-selection-tab-container ul li:hover
{
    cursor: pointer;
}

.flyout div.publishing.button-bar
{
    margin-top: 5px;
}


#PublishTreeView ul.t-treeview-lines li.t-item span.t-in:hover,
#PublishTreeView ul.t-treeview-lines li.t-item span.t-in.t-state-selected
{
    background-color: #888;
    color: #fff;
    border: 1px solid transparent;
}

div#PublishTreeView > ul.t-group:first-child > li.t-item.t-first.t-last > ul.t-group > li.t-item > div > span.t-in.t-state-selected,
div#PublishTreeView > ul.t-group:first-child > li.t-item.t-first.t-last > ul.t-group > li.t-item > div > span.t-in:hover,
div#PublishTreeView > ul.t-group:first-child > li.t-item.t-first.t-last > ul.t-group > li.t-item > div > span.t-in.t-state-selected:hover
{
    background-color: #888;
    color: #fff;
    border: 1px solid transparent;
}

#folder-name-popup
{
    width: 200px; 
    
    background-color: white;
    padding: 10px;
    -webkit-box-shadow: 3px 3px 3px #888;
    -moz-box-shadow: 3px 3px 3px #888;
    -ms-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
    border-radius: 4px 4px;
}


div.progress-indicator
{
    height: 25px;
    border: 0 none;
    display: inline-block;
    top: 6px;
    position: relative;
    margin: 0;
    padding: 0;

}
div.progress-indicator img{
    height: 23px;
    margin: 0;
}

/** HIDE TREE VIEW ROOT **/

div#PublishTreeView > ul.t-group:first-child > li > ul
{
    margin-left: -12px;
    margin-top: 4px;
}
div#PublishTreeView > ul.t-group:first-child > li > div
{
    display: none;
}


#labels
{
    position: relative;
    clear: both;
}

#labels label
{
    font-weight: bold;
}

#labels select
{
    width: 197px;
}


th > input[type=checkbox]
{
    display: inline;
}

/** RESCAN POOL DETAILS REPORT **/

div.rescan-pool-summary
{
    position: relative;
    margin-bottom: 18px;
    
    
}


div.rescan-pool-summary ul,
div.rescan-pool-summary ul li,
ul.summary-list, ul.summary-list li 
{
    list-style-type: none;
    
}

div.rescan-pool-summary ul, ul.summary-list
{
    position: relative;
    
    width: 400px;
    float:left;
    margin-left: 5px;
}

div.rescan-pool-summary ul + ul
{
    width: 260px;
}

div.rescan-pool-summary ul + ul + ul
{
    width: 280px;
}

div.rescan-pool-summary h3 + ul
{
    margin-left: 0;
    
}

div.rescan-pool-summary li, ul.summary-list li
{
    min-height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #ddd;
    float: left;
    min-width: 100%;
}

div.rescan-pool-summary li span, ul.summary-list li span
{
    font-weight: normal;
    padding-left: 6px;
    vertical-align: top;
    display: block;
    float: right;
    font-size: 0.85em;
    width: 200px;
}

div.rescan-pool-summary ul li span:first-child, ul.summary-list li span:first-child
{
    width: 180px;
}

div.rescan-pool-summary ul + ul li span
{
    width: 130px;
}

div.rescan-pool-summary ul + ul + ul li span
{
    width: 140px;
}

div.rescan-pool-summary ul + ul li span:first-child,
div.rescan-pool-summary ul + ul + ul li span:first-child
{
    width: 120px;
}

div.rescan-pool-summary li span:first-child, ul.summary-list li span:first-child
{
    font-weight: bold;
    padding-left: 0;
    
    display: inline-block;
    text-align: right;
    
    float: none;
}



div.rescan-pool-summary li.last, ul.summary-list li.last
{
    border-bottom: none;
}

div.rescan-pool-summary li:last-child, ul.summary-list li:last-child
{
    border-bottom: none;
}

div.rescan-pool-summary li.multi-line span, ul.summary-list li.multi-line span
{
    line-height: normal;
}

div.rescan-pool-summary li.multi-line span:first-child, ul.summary-list li.multi-line span:first-child
{
    line-height: 25px;
}

/** END **/

/** RESCAN PROCESS GRID **/

.expander-row:hover {
    cursor: pointer;
}

tr.expanded-row {
    background-color: #efefef;
}

tr.expanded-row td:hover {
    background-color: #efefef;
}

tr.expanded-row td {
    width: 100%;
    padding: 15px; 
}

tr.expanded-row div h2 {
    font-size: 1.1em;
}

tr.expanded-row div table {
    table-layout: fixed;
}

tr.expanded-row div table thead th {
    color: #000000;
    text-align:left;
}
tr.expanded-row div button.rounded {
    float: right;
}

tr.expanded-row div table tr:hover {
    background-color: #efefef;
}

tr.state-conflicted {
    background-color: #ff0000;
    color: #fff;
}



.flyout span.warning {
    display: block;
    clear: both;
}

/** END RESCAN PROCESS GRID **/

/** RESCAN POOL DETAIL GRID **/

tr.rescanpoolproductstate-2 { /* Committed */
   background-color: #fff;
}

tr.rescanpoolproductstate-3 { /* Conflicted Committed */
   background-color: #f00;
   color: #fff;
}

tr.rescanpoolproductstate-3 a:link,
tr.rescanpoolproductstate-3 a:visited,
tr.rescanpoolproductstate-3 a:active
{
    color: #fff;
}

tr.rescanpoolproductstate-1-delta-0 { /* Open and delta = 0 */
   background-color: #fff;
}

tr.rescanpoolproductstate-1-delta-0 a:link,
tr.rescanpoolproductstate-1-delta-0 a:visited,
tr.rescanpoolproductstate-1-delta-0 a:active
{
    -color: #fff;
}

tr.rescanpoolproductstate-1-delta-lt0 { /* Open and delta < 0 */
   background-color: #fce4c3;
}




tr.rescanpoolproductstate-1-delta-gt0 { /* Open and delta > 0 */
   background-color: #f5ac33;
}

/** END RESCAN POOL DETAIL GRID **/

/** RESCAN BATCH DETAILS GRID **/

tr.rescan-discarded {
    background-color: #f5ac33;
}

tr.rescan-committed {
    background-color: #14ca14;
}

tr.rescan-confictedcommit {
    background-color: #f00;
}

tr.rescan-conficted {
    background-color: #f00;
}

tr.rescan-committed.t-alt td {
    background-color: #17e917;
}

tr.rescan-discarded.t-alt td {
    background-color: #ffb335;
}

/** END RESCAN BATCH DETAILS GRID **/

/** MENU **/

ul.t-menu li a.t-link {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
}

ul.t-menu li a.t-link span.t-arrow-down {
    display: none;
}

/** END MENU **/


/** GENERAL INPUT STYLING **/

select option:hover {
    background-color: Red;
}

/** END GENERAL INPUT STYLING **/


/** PRODUCT SELECTION PICKER **/

#ReportGridContainerCatalog, #ReportGridContainerFilter
{
    height: 80%;
   
    
    overflow-y: auto;
}

#ReportGridContainerCatalog ul
{
    list-style-type: none;
}

#ReportGridContainerCatalog ul li
{
    display: block;
}

ul#product-picker-product-filters
{
    list-style-type: none;
}

ul#product-picker-product-filters li label
{
    width: 110px;
    display: inline-block;
    font-weight: bold;
}


/** END PRODUCT SELECTION PICKER **/

/** MENU OVERRIDES **/

#topNav ul.t-header > li.t-item:hover
{
    background-color: #ddd;
    
}

#topNav ul.t-header > li.t-item:hover a
{
    background-color: #ddd;
    color: #000;
}

#topNav ul.t-header > li.t-item a:hover
{
    
    color: #B32317;
}

/** END MENU OVERRIDES **/

a.pi { 
    color: #fff;
    font-weight: bold;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #948C8C;
    border: 1px solid #000;
    margin-right: 4px;
    margin-top: 5px;
}

a.pi:hover 
{
    text-decoration: none;
}

/** Product Edit History Grid **/

#ReportGrid a.changed 
{
    background-color: rgb(24, 165, 24);
    color: #fff;
    font-weight: bold;
}

/** END product Edit History Grid **/

button.rounded.cancelbutton 
{
    
    background-color: lightgray;
    
}

button.rounded.cancelbutton span 
{
    color: black;
}

div#admin-toolbar 
{
    height: 50px;
    background-color: #efefef;
    margin-top: -50px;
}

div#admin-toolbar ul 
{
    margin-left: 10px;    
}

div#admin-toolbar ul li
{
    display: inline-block;
    line-height: 50px;
}

div#admin-toolbar button.rounded 
{
    background-color: #17B84B;
}

div#admin-toolbar div.tab 
{
    position: relative;
    width: 50px;
    height: 10px;
    background-color: #D3D3D3;
    left: 50%;
    cursor: pointer;
    -display: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

div#admin-toolbar div.tab:hover 
{
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background-color:  #A3A3A3;
}

div#admin-toolbar ul li img 
{
    position: relative;
    top: 5px;
}


ul.department-product-data li label {
    font-weight: bold;
    min-width: 200px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}


div#sidepanel
{
    position: fixed;
    bottom: 0;
    right: -300px;
    top: 0;
    width:300px;
    background-color: #efefef;
    border-left: solid 2px #706060;
    z-index: 999;
    transition: right 0.3s linear;
}

div#sidepanel > div + div
{
    box-sizing: border-box;
    padding: 10px;
    padding-left: 15px;
}
    div#sidepanel > div  > ul
    {
        margin: 0;
        padding: 0;
        
        
        color: white;
    }
    div#sidepanel > div   ul > li
    {
        margin: 0;
        padding: 0;
        left: 23px;
        top: 17px;
        position: relative;
        list-style-type: square;
        line-height: 8px;
        color: white;
    }

div#sidepanel h2
{
    color: black;
    font-size: 1.2em;
    padding-bottom: 8px;
    border-bottom: solid 1px black;
}

div#sidepanel.open
{
    right: 0;
    transition: right 0.3s linear;
}

div#sidepanel > div:first-child
{
    position: relative;
    left: -20px;
    width: 20px;
    height: 60px;
    background-color: rgb(100,100,100);
    top: 100px;
    cursor: pointer;
    opacity: 1;
    transition: all 0.2s linear;
    border-radius: 5px 0 0 5px;
}

div#sidepanel > div:first-child:hover
{
    opacity: 1;
    transition: all 0.2s linear;
}

div#sidepanel label
{
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

div#sidepanel select
{
    width: 100%;
    display: none;
}



div#sidepanel button
{
    margin-top: 20px;
    display: none;
}
#container
{
    opacity: 1;
    transition: opacity 0.3s linear;
}
#container.open
{
    opacity: 0.2;
    transition: opacity 0.3s linear;
}


.t-menu .t-group{ white-space: inherit !important; }

p > code
        {
            border-radius: 4px 4px;
            border: solid 1px rgba(128, 128, 128, 0.27);
            background-color: rgba(100,100,100,0.06);
            padding-left: 2px;
            padding-right: 2px;
        }



table.table
        {
            border-collapse:collapse;
        }

        table.table thead th
        {
            padding-top: 1em;
            padding-bottom: 1em;
            text-align: left;
            padding-left: 0.5em;
        }
        table.table thead th
        {
            border-bottom: 2px solid #cccccc;
        }

        table.table tbody tr td
        {
            padding-top: 0.7em;
            padding-bottom: 0.7em;
            padding-left: 0.5em;
            padding-right:0.5em;
            border-bottom: 1px solid #ddd;
        }

        table.table tbody tr:last-child td
        {
            border-bottom: none;
        }

        table.table-striped tbody > tr:nth-child(2n+1)
        {
            background-color: rgba(200, 200, 200, 0.2);
            
        }

        a.rounded
        {
            
            
            
            display: inline-block;
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0;
            
            white-space: nowrap;
            height: 25px;
            line-height: 25px;

            
            font-size: 0.9em;
            margin: 3px;
            border-radius: 2px 2px;
            min-width: 80px;
            background-color: #C76041;
            transition: background-color 0.3s ease-out;
        }

        

            a.rounded:hover
            {
                text-decoration: none;
                cursor: pointer;
                background-color: #AB4E32;
                transition: background-color 0.3s ease-in;
            }

            a.rounded span
            {
                cursor: pointer;
                text-align: center;
                font-size: 0.9em;
                

                color: #FFFFFF;
            }

table.table.table-wide
{
    min-width: 600px !important;
}
button.btn-danger
{
    background-color: #b50000;
    color: white;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #EEE;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-warning {
    border-left-color: #F0AD4E;
}

.bs-callout-danger {
    border-left-color: red;
}

.bs-callout-danger h4 {
    color: red;
}

.bs-callout-success {
    border-left-color: green;
}

.bs-callout-success h4 {
    color: green;
}

.bs-callout-warning h4 {
    color: #F0AD4E;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.1;
}

button[disabled]
{
    cursor: default;
}


/* Notification panel */

div#notifications-panel
{
    position: relative;
    height: 500px;
}
div#notifications-panel > div
{
    overflow-y: auto;
    position: absolute;
    bottom: 10px;
    right: 0px;
    left: 0px;
    top: 0;
}
div#notifications-panel > div > ul
{
    margin-top: 10px;
    
}

    div#notifications-panel > div > ul > li
    {
        list-style-type: none !important;
        padding: 5px !important;
        left: 0 !important;
        top: 0 !important;
        background-color: darkgray;
        box-sizing: border-box;
        margin-bottom: 5px !important;
        height: auto;
    }

        div#notifications-panel > div > ul > li.alert,
        div#notifications-panel > div > ul > li.warning,
        div#notifications-panel > div > ul > li.error
        {
            font-weight: normal !important;
            font-size: 0.9em;
        }

        div#notifications-panel > div > ul > li.alert
        {
            background-color: white;
            color: black;
        }
        div#notifications-panel > div > ul > li.warning
        {
            background-color: rgb(255, 234, 168);
            color: black;
        }
        div#notifications-panel > div > ul > li.error
        {
            background-color: red;
        }

        div#notifications-panel > div ul li h2
        {
            margin-bottom: 2px;
            padding-bottom: 0;
            font-size: 1em;
            border-bottom: none;
        }

        div#notifications-panel > div ul li p
        {
            
            line-height: 1em;
            padding: 3px;
            padding-bottom: 0;
        }

        div#notifications-panel > div ul li p + p
        {
            font-size: 0.8em;
            line-height: 0.8em;
            padding: 3px;
            padding-bottom: 0;
        }

    div#notifications-panel > div ul li button
    {
        width: 100%;
        display: block !important;
        line-height: 20px;
        height: 20px;
        color: white;
        background-color: rgb(255, 165, 63);
    }

    div#notifications-panel > div ul li > div::after
    {
        clear:both;
    }

div#sidepanel > div:first-child > div.indicator
{
    position: absolute;
    left: -25px;
    bottom: -20px;
    height: 40px;
    width: 40px;
    background-color: red;
    color: white;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
}


li.transaction-stats ul li {
    display: block;
    text-align: left;
}

li.transaction-stats ul li:last-child {
    border-bottom: none;
}

ul.with-bullets {
    list-style: inherit;
    margin: 30px;
}

table.vuemed-grid tbody tr.vm-selected td {
    border-bottom: solid 1px red;
    border-top: solid 1px red;
}