@charset "utf-8";
html, body { margin: 0; height: 100%; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background-color: #FFF; overflow-x: hidden; }
body { display: flex; flex-direction: column; }
main { flex: 1; overflow-y: auto; height: inherit; }
masthead { width: inherit; height: 96px; }
section { height: 100%; overflow: auto; }
footer { background-color: #014075; color: #FFF; }

input,select { border: 1px solid #000; padding: 4px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; behavior:url("border-radius.htc"); }
select { background-image: linear-gradient(#DDD,#FFF); }
a, input { outline: 0px; }

.Search_Row_Container { font-family: Arial; font-size: 9pt; font-weight: normal; width: 100%; text-align: center; background-color: #014075; color: #FFF; border-bottom: solid 1px #014075; }
.Search_Row_Container { position: sticky; top: 0px; z-index: 1; height: 44px; min-height: 44px; margin-top: 0; }
input[type=text],input[type=password] { padding-top: 6px; padding-bottom: 6px; }
input[type=checkbox] { vertical-align: middle; position: relative; /* bottom: -4px;*/ bottom: 2px; }
input[type=radio] {	vertical-align: middle; position: relative; bottom: 2px; }

#Login_Form { width: 320px; height: 150px; margin-left: auto; margin-right: auto; margin-top: 100px; padding: 16px; background-color: #FFF; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); border: solid 1px #777; box-shadow: 2px 2px 3px #555; }
.Login_Form_Row_Container { width: inherit; float: left; margin-bottom: 10px; text-align: center; }
.Login_Form_Header { font-family: Arial; font-size: 14pt; font-weight: bold; background-color: #014075; color: #FFF; text-align: center; width: inherit; margin-bottom: 10px; margin-left: -16px; padding-left: 16px; padding-right: 16px; padding-top: 6px; padding-bottom: 6px; }
.Login_Form_Text { font-family: Arial; font-size: 10pt; font-weight: normal; color: #014075; text-align: center; width: inherit; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 12px; }
.Login_Button { position: relative; font-family: Arial; font-size: 9pt; font-weight: bold; background-image: linear-gradient(#FFF,#EEE); color: #014075; width: 60px; height: 14px; left: 50%; margin-left: -30px; padding: 6px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); border: solid 1px #777; box-shadow: 2px 2px 3px #555; cursor: pointer; }
#username,#password { background-image: linear-gradient(#DDD,#FFF); }

#Masthead_Container { background-image: url(../images/icon_sprite_master.png); background-repeat: no-repeat; background-color: #FFF; background-position: 0px -30px; width: 100%; }
#Inventory_Grid { width: 100%; border-spacing: 0px; border-collapse: collapse;}
.Grid_Title { font-family: Arial; font-size: 14pt; font-weight: bold; color: #014075; text-align: center; height: max-content; padding-top: 6px; }
.Grid_Button,.Grid_Button_Control,.Login_Button { font-family: Arial; font-size: 9pt; font-weight: bold; background-image: linear-gradient(#FFF,#EEE); color: #014075; text-align: center; width: max-content; margin-right: 4px; padding: 6px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); border: solid 1px #777; box-shadow: 2px 2px 3px #555; cursor: pointer; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.Grid_Button_Control { float: right; display: inline; }
.Grid_Button:active,.Grid_Button_Control:active { box-shadow: 1px 1px 2px #777; }
#Inventory_Grid tr:nth-child(n+2):nth-child(odd) { background-color: #EEEEEE; }

/* SEARCH FILTERING AND CONTROLS */
.Inventory_Checkbox_Container { width: 150px; font-family: Arial; font-size: 9pt; font-weight: normal; padding-top: 12px; border: none; text-align: center; float: left; display: inline; }
.Inventory_Actions_Container { width: 75px; font-family: Arial; font-size: 9pt; font-weight: normal; padding-top: 12px; padding-bottom: 0px; border: none; text-align: center; float: left; display: inline; }
.Inventory_Header,.Inventory_Header_Centered,.Inventory_Search_Header,.Inventory_Search_Header_Centered,.Inventory_Search_Header_Sort_By,.Inventory_Search_Header_Sort_By_Centered { font-family: Arial; font-size: 10pt; font-weight: bold; color: #FFF; background-color: #014075; text-decoration: none; height: 25px; padding-bottom: 4px; float: left; display: inline; }
.Inventory_Header_Centered { text-align: center; }
.Inventory_Search_Header,.Inventory_Search_Header_Sort_By { text-align: left; cursor: pointer; }
.Inventory_Search_Header_Centered,.Inventory_Search_Header_Sort_By_Centered { text-align: center; cursor: pointer; }
.Inventory_Search_Header_Sort_By,.Inventory_Search_Header_Sort_By_Centered { color: #0F0; }
.Inventory_Buttons_Container,.Inventory_Radio_Buttons_Container { font-family: Arial; font-size: 9pt; font-weight: normal; text-align: center; }
.Inventory_Buttons_Container { width: max-content; height: max-content; border: none; margin-top: 4px; margin-left: auto; margin-right: auto; text-align: center; }
.Inventory_Radio_Buttons_Container { width: max-content; padding-top: 6px; padding-bottom: 2px; border: none; margin-left: auto; margin-right: auto; }
.Save_Button { background-image: url(../images/icon_sprite_master.png); background-repeat: no-repeat; background-position: 0px 0px; width: 28px; height: 29px; cursor: pointer; margin-left: auto; margin-right: auto; }
.Save_Button:active { background-position: -29px 0px; }
.Search_Button { background-image: url(../images/icon_sprite_master.png); background-repeat: no-repeat; background-position: -58px -15px; width: 15px; height: 15px; cursor: pointer; margin-top: 8px; margin-right: 6px; float: left; display: inline; }

/* DIV GRID ROWS */
.Inventory_Row_Container,.Inventory_Row_Container_Blue,.Inventory_Row_Container_French,.Inventory_Row_Container_Spanish { width: 100%; border-bottom: solid 1px #014075; background-color: #FFF; }
.Inventory_Row_Container_Blue { background-image: linear-gradient(#BBF,#EEF); }
.Inventory_Row_Container_French { background-image: linear-gradient(#FFFF00,#EEF); }
.Inventory_Row_Container_Spanish { background-image: linear-gradient(#66FF00,#EEF); }

/* COLUMN HEADERS */
.Column_Header { font-family: Arial; font-size: 9pt; font-weight: normal; text-align: center; border-right: solid 1px #014075; }

/* COLUMN VALUES */
.Column_Value,.Column_Value_Center,.Inventory_Count_Below_Minimum,.Inventory_Count_Depleted,.Minimum_Inventory_Threshold { font-family: Arial; font-size: 9pt; font-weight: normal; padding: 3px; border-right: solid 1px #014075; }
.Column_Value_Center { text-align: center; }

/* COLUMN WIDTHS */
.Column_Inventory,.Column_Inventory_Header,.Column_Minimum_Inventory,.Column_Minimum_Inventory_Header { text-align: center; }
.Inventory_Count_Above_Minimum,.Inventory_Count_Below_Minimum,.Inventory_Count_Depleted,.Minimum_Inventory_Threshold { background-image: linear-gradient(#DDD,#FFF); }
.Inventory_Count_Below_Minimum { background-image: linear-gradient(#F8F,#FEF); color: #000; }
.Inventory_Count_Depleted { background-image: linear-gradient(#900,#FCF); color: #FFF; font-weight: bold; }

#srch_itemnum { width: 125px; margin-top: -3px; }
#srch_ansira_itemnum { width: 125px; margin-top: -3px; }
#srch_description { width: 200px; margin-top: -3px; }
.entry_field_inventory { width: 70px; height: 10px; text-align: center; }
#hide_obsolete_products,#hide_print_on_demand { bottom: 2px; }

#Footer_Copyright { font-family: Arial; font-size: 8pt; font-weight: normal; color: #FFF; text-align: center; padding-top: 5px; padding-bottom: 5px; }

/* Messaging and controls */
#ur_alert_container, .ur_alert_container, #ur_please_wait_container { font-family: "FONT_Arial"; font-size: 18pt; position: fixed; top: 50%; margin-top: -95px; left: 50%; margin-left: -225px; width: 450px; min-height: 100px; height: max-content; max-height: 350px; overflow-y: auto; color: #000; background-color: #E3DCEB; text-align: center; vertical-align: middle; padding-top: 20px; /* padding-right: 10px; */ padding-bottom: 20px; /* padding-left: 10px; */ border: 1px solid #FFF; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 5000; }
.ur_alert_actions { font-family: "FONT_Arial"; font-size: 12pt; background-color: #000; color: #FFF; width: 75px; height: 23px; padding-top: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; cursor: pointer; border: 1px outset #000; box-shadow: 1px 1px 3px #000; }
.ur_alert_header,.ur_error_header { font-family: "FONT_Arial"; font-size: 16pt; text-align: center; text-transform: uppercase; color: #FFF; padding-top: 8px; padding-bottom: 8px; width: inherit; height: auto; overflow: hidden; background-color: #014075; font-weight: bold; }
.ur_alert_message { font-family: "FONT_Arial"; font-size: 14pt; text-align: center; color: #014075; padding-top: 8px; padding-bottom: 8px; width: inherit; height: auto; overflow: hidden; background-color: #FFF; }
#ur_fade_alert_container { font-family: "FONT_Arial"; font-size: 18pt; position: fixed; top: 10px; right: 10px; width: 150px; min-height: 30px; height: auto; color: #FFF; background-color: #014075; text-align: center; vertical-align: middle; padding-top: 20px; /* padding-right: 10px; */ padding-bottom: 20px; /* padding-left: 10px; */ border: 1px solid #FFF; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 5000; }

#ur_error_container { font-family: "FONT_Arial"; font-size: 18pt; position: fixed; top: 50%; margin-top: -95px; left: 50%; margin-left: -210px; width: 400px; min-height: 100px; height: max-content; overflow-y: auto; color: #900; background-color: #E3DCEB; text-align: center; vertical-align: middle; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; border: 1px solid #FFF; border-radius: 5px; box-shadow: 2px 2px 5px #FFF; z-index: 5000; }
.ur_error_header { background-color: #900; color: #FFF; }
.ur_error_actions { font-family: "FONT_Arial"; font-size: 12pt; background-color: #900; color: #FFF; width: 75px; height: 23px; padding-top: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; cursor: pointer; border: 1px outset #900; box-shadow: 1px 1px 3px #000; }

#ur_confirm_container { position: absolute; top: 25%; left: 50%; margin-left: -200px; width: 400px; max-width: 400px; height: auto; overflow: hidden; max-height: 350px; z-index: 5000; border: 1px outset #FFF; box-shadow: 1px 1px 10px #014075; background-color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); }
.ur_confirm_header { font-family: "FONT_Arial"; font-size: 16pt; text-align: center; text-transform: uppercase; color: #FFF; padding: 8px; width: inherit; height: auto; overflow: hidden; background-color: #014075; font-weight: bold; }
.ur_confirm_question { font-family: "FONT_Arial"; font-size: 14pt; text-align: center; color: #014075; padding: 8px; width: inherit; height: auto; overflow: hidden; background-color: #FFF; }
.ur_confirm_button_container { width: inherit; height: auto; overflow: hidden; text-align: center; padding: 8px; background-color: #FFF; }
.ur_confirm_actions,.ur_confirm_archive { font-family: "FONT_Arial"; font-size: 12pt; color: #FFF; width: auto; height: auto; overflow: hidden; background-color: #014075; padding-top: 2px; padding-left: 10px; padding-right: 10px; border-radius: 5px; margin-left: 5px; margin-right: 5px; float: left; display: inline; cursor: pointer; border: 1px outset #014075; box-shadow: 1px 1px 3px #014075; }
#ur_confirm_actions_container { width: max-content; height: 25px; margin-left: auto; margin-right: auto; margin-bottom: 5px; }

#ur_please_wait_container { display: none; } 
.spinner { position: relative; left: 50%; margin-left: -14px; height: 28px; width: 28px; animation: rotate 0.8s infinite linear; border: 8px solid #000; border-right-color: transparent; border-radius: 50%; }
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

#modal_shade { position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 4990; background-color: #000; opacity: .85; }