BODY, P, SPAN, TD, TH, LI
{
	font-size: 8pt;
    line-height:14pt; 
    font-family: Verdana, Arial, Sans-Serif; /*font-family:Verdana, Arial, Sans-Serif;*/
}

BODY
{
	/*background-color: #ffffcc;*/
}

INPUT, SELECT, TEXTAREA
{
	font-size: 8pt;
}

#wrapper
{
	height: 100%;
	width: 100%;
	margin: 0px auto;
}

#header
{
	width: 100%;
	background-color: #704913; /*margin-top:15px;*/
}

#content
{
    height: 95%;
    width: 100%;
}

#main
{
    height: 100%;
}

#footer
{
	background-color: #704913;
	border-top: solid 1px #000;
	bottom: 0px;
	color: #330000;
	height: 15px;
	margin-bottom: 15px;
	width: 98%
}

h1
{
	color: #1769A6;
	letter-spacing: -2px;
}

h3
{
	color: #1769A6;
}

span.offline_cal_title
{
	font: 16pt/17pt;
	font-weight: 900;
	letter-spacing: -1pt;
}

DIV.attention
{
	background-color: Black;
	color: White;
	font-size: 9.5pt;
	font-weight: 900;
	text-align: center;
	width: 475px;
	padding: 3px;
	margin-bottom: 5px;
}

.calendar_wrapper
{
	background-color: #ccc;
	width: 100%;
}

DIV.indent
{
	margin-left: 20px;
}

.daynum
{
	font-size: 8pt;
	width: 20px;
	font-weight: 900;
	padding: 1 0px;
	text-align: center;
	display: block;
	background-color: #999; /*very light blue:  DBECFF*/
	color: #fff;
	margin: 0px;
}

.sml_gray, .sml_gray td
{
	font: normal 7pt/7pt Verdana, Arial, Sans-Serif;
	color: #999;
}

.gray
{
	color: #bbb;
}

.calc_box
{
	margin-top: 5px; /*width:675;*/
	border: solid 1px #999;
}

.calc_box td
{
	font: normal 7.5pt/9pt Arial;
	vertical-align: top;
}

.offline_student_registration
{
	line-height: 8pt;
	padding: 4px;
	border: dashed 1px #ccc;
}

.offline_student_registration .note
{
	margin: 0px;
	color: #999;
	font: normal 8pt/10pt Arial, Sans-Serif;
}

.offline_student_info
{
	margin-bottom: 5px;
}

.offline_student_info td
{
	font-weight: 900;
	font-size: 11pt;
}


.registration_section p
{
	font: normal 8pt/10pt Arial, Sans-Serif;
	margin: 2px 0 8px 0;
}

.registration_section h3
{
	margin: 0 0 2px 0;
}

.offline_registration
{
	width: 100%;
}

.offline_registration td
{
	font: normal 8pt/12pt Arial, Sans-Serif;
}

.registration_instructions
{
	font: normal 8pt/8pt Arial, Sans-Serif;
	font-style: oblique;
}

.address
{
	font: normal 8pt/8pt Arial, San-Serif;
}

.activerow, .activerow td
{
	background-color: #ffffcc;
}

div .offline_duedate
{
	width: 190px;
	color: #fff;
	background-color: #000;
	font-size: 12pt;
	font-weight: 900;
	padding: 5px;
	margin: 0px;
}

div .code
{
	font: normal 9pt/10pt Arial, Sans-Serif;
	width: 60%;
	background-color: #ccc;
	padding: 10px;
}

/* interfers with bootstrap alerts
DIV.alert
{
	color: #990000;
	font-size: 8pt;
	line-height: 14px;
	text-align: left;
	width: 300px;
	margin-top: 10px;
	padding: 5 5 5 45px;
	border: dashed 1px #990000;
	background-image: url(/images/alert_bg.gif);
}
*/


.description
{
	color: #999;
	font-style: italic;
}

.fixedHeader
{
	position: relative;
	top: expression(this.offsetParent.scrollTop-2);
	border-style: none;
}

.admin_standard, .admin_error_standard
{
	/*background: #FFFEE7;*/
	margin-bottom: 10px;
}

.admin_standard td, .admin_error_standard td
{
	padding: 1px 3px 1px 3px;
}

.admin_error_standard
{
	background-color: yellow;
}

.admin_standard_header td, .admin_error_header td, .admin_standard_header th
{
	background-color: #704913;
	color: #fff; /*text-align:left;*/
	font-weight: 900;
	border-bottom-style: none !important;
}

.admin_error_header td
{
	background-color: #990000;
}

.admin_light_header td
{
	background-color: #ccc;
	color: #000; /*text-align:left;*/
	font-weight: bold;
	border-bottom-style: none !important;
}

.admin_standard_header a:link, .admin_standard_header a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.admin_standard_header a:hover, .admin_standard_header a:active
{
	color: #FFFFFF;
	text-decoration: none;
}


.admin_standard td
{
	border-bottom: solid 1px #ccc;
}

.admin_standard .form_label
{
	vertical-align: top;
	line-height: 9pt;
}

.admin_standard .form_value
{
	font-weight: 900;
	line-height: 10pt;
}


.admin_standard_footer td
{
	line-height: 4px;
	background-color: #ccc;
	border-bottom-style: none;
}

.admin_standard_total td
{
	background-color: #f0f0f0; /*text-align:left;*/
	font-weight: 900;
}

.admin_standard_pager a
{
	padding:3px;
}

.admin_standard_pager td
{
	background-color: #f0f0f0;
	color: #fff;
	font-weight: 900;
	line-height: 20px;
}

.admin_standard_pager span
{
	background-color: #f0f0f0;
	color: #fff;
	font-weight: 900;
	line-height: 20px;
}


/* See http://mattberseth.com/blog/2007/09/freezing_gridview_column_heade_1.html */
.scrollgrid_container
{
	overflow: auto;
}

.scrollgrid_container table th
{
	position: relative;
}

/* For alignment of the scroll bar */
.scrollgrid_container table tbody
{
	overflow-x: hidden;
}

.bordertable
{
	border-color: #ccc;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-collapse: collapse;
}

.bordertable td
{
	border-color: #ccc;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 1 4 1 4px;
}

.quick_label
{
	background-color: #666;
	color: #fff;
	font-weight: 900;
	vertical-align: text-top;
}


input.blue
{
	font-weight: 900;
	font-size: 8pt;
	color: #fff !important;
	background: #517AA2;
	border: 1px solid;
	line-height: normal;
	border-color: #C3D4E7 #2D4C6F #1C3046 #91B0D3;
}

input.blue_hover
{
	font-weight: 900;
	font-size: 8pt;
	color: #fff !important;
	background: #6BA1D6;
	border: 1px solid;
	line-height: normal;
	border-color: #C3D4E7 #2D4C6F #1C3046 #91B0D3;
}

input.gray
{
	font-weight: 900;
	font-size: 8pt;
	color: #fff !important;
	background: #999;
	border: 1px solid;
	line-height: normal;
	border-color: #D5D5D5 #4E4E4E #313131 #B2B2B2;
}

input.gray_hover
{
	font-weight: 900;
	font-size: 8pt;
	color: #fff !important;
	background: #666;
	border: 1px solid;
	line-height: normal;
	border-color: #C3D4E7 #2D4C6F #1C3046 #91B0D3;
}

.button_blue
{
	font: bold 10px;
	padding: 2px 5px;
	border: 1px solid;
	text-decoration: none;
	background: #517AA2;
	color: #fff !important;
	border-color: #C3D4E7 #2D4C6F #1C3046 #91B0D3;
}

a:hover.button_blue, a:active.button_blue
{
	color: #fff !important;
	background: #6BA1D6;
	text-decoration: none;
}

.button_gray
{
	font: bold 10px;
	padding: 2px 5px;
	border: 1px solid;
	text-decoration: none;
	background: #999;
	color: #fff !important;
	border-color: #D5D5D5 #4E4E4E #313131 #B2B2B2;
	margin-right: 15px;
}

.error
{
	line-height: 10pt;
	color: Red;
	font-weight: 900;
}

.alternating_row
{
	background-color: #f0f0f0;
}

/*======================= CALENDAR */
.calendar_offline, .calendar_orderentry
{
	width: 100%;
}

.calendar_offline TH, .calendar_orderentry TH
{
	font-weight: 900;
}

.calendar_offline TH
{
	background-color: #ccc;
	color: #000;
}

.calendar_offline .day, .calendar_offline .selected_day, .calendar_offline .day_exception, .calendar_orderentry .day_unavailable, .calendar_orderentry .day, .calendar_orderentry .clicked_day, .calendar_orderentry .prior_order
{
	padding-left: 4px;
	padding-bottom: 4px;
	width: 20%;
	vertical-align: top;
	background-color: #fff;
	line-height: 10pt;
}

.calendar_orderentry .day_exception, .calendar_orderentry .day_unavailable
{
	vertical-align: top;
	height: 120px;
	background-color: #F2F2F2;
}

.calendar_offline .cal_exception, .calendar_orderentry .cal_exception, .calendar_orderentry .cal_unavailable
{
	text-align: center;
	font-size: 9pt;
	font-weight: 900;
	line-height: 10pt;
}

.selected_day p, .day p, .today p, .prior_order p
{
	line-height: 100%;
	margin: 8 0 8 0px;
}

.calendar_orderentry .prior_order
{
	background-color: #D9FAC7;
}

.selected_day .selected, .today .selected, .prior_order .selected
{
	color: #000;
	display: block;
	border: solid 1px #000;
	font-weight: 900;
	padding: 3px;
}

span.selected_portion
{
	color: #666;
	font-weight: 100;
	font-size: 7pt;
}

/*======================= CALENDAR OFFLINE */
.calendar_offline TH
{
	line-height: 10pt;
}

.calendar_offline .selected_day p, .calendar_offline .day p, .calendar_offline .items td, .calendar_offline .today p, .calendar_offline .prior_order p
{
	font: normal 6pt/10pt 'Arial, Sans-Serif' !important;
	line-height: 100%;
	margin: 2 0 2 0px;
}

.calendar_offline .day_exception
{
	vertical-align: top;
}

.calendar_offline .day
{
	color: #000; /*letter-spacing: -0.5pt;*/
}

.calendar_offline .daynum
{
	background-color: #666;
	display: block;
	color: #fff;
	font-weight: 900;
	line-height: 10pt;
	font-size: 8pt;
}

.calendar_offline td
{
	/*border: solid 1px #ccc; */
}

.calendar_offline span.portions
{
	margin-left: 10px; /*color: #999;  any grayscale makes printing unclear */
	letter-spacing: -1pt;
}

.calendar_offline .reg_lrg
{
	font: normal 6pt/10pt 'Arial, Sans-Serif' !important;
	color: #404040;
}

.calendar_offline .cold_separator
{
	font: normal 5pt/7pt 'Arial, Sans-Serif' !important;
	font-style: italic;
	color: #404040;
}


/*======================= CALENDAR ORDER ENTRY */


.calendar_orderentry .day
{
	color: #000; /*letter-spacing: -0.5pt;*/
}

.calendar_orderentry .daynum
{
	background-color: #666;
	display: block;
	color: #fff;
	font-weight: 900;
	padding: 2px;
}

.calendar_orderentry .itemname
{
	color: #62bb4c;
	font-size: 9pt;
	line-height: 14pt;
	font-weight: bold;
}

.calendar_orderentry td
{
	/*border: solid 1px #ccc; */
}

.calendar_orderentry span.portions
{
	margin-left: 10px; /*color: #999;  any grayscale makes printing unclear */
	letter-spacing: -1pt;
}

.calendar_orderentry .clicked_day
{
	background-color: #ffffcc;
}

.calendar_orderentry .veggieLegend, .veggieLegend
{
	font-weight: 900;
	color: #99CC66;
}

SPAN.offline_portions
{
	color: #999;
	font: 7pt;
}

DIV.selection
{
	text-align: center;
	margin: 8px;
}

/*======================= CALENDAR VIEW BULK */
.bulk_detail
{
	width: 100%;
	border-collapse: collapse;
}

.bulk_detail td
{
	background-color: #EEEEEE;
	padding: 2px;
	font: normal 7pt/8pt Tahoma;
	border: solid 1px #ccc;
}

 .
.bulk_detail.total_row td
{
	padding: 4px;
	font-size: 10pt;
	font-weight: 900;
	color: #fff;
	background-color: #000;
	text-align: center;
}

/*======================= COUNT SHEET */
TABLE.school_count, TABLE.item_list
{
	border: none; /*margin-top:15px;  */
	height: 100px;
}

.count_date
{
	padding: 3px;
	color: #333;
	font: normal 16pt/18pt Arial;
	font-weight: 900;
	letter-spacing: -.5;
	border-bottom: solid 1px #000;
}

.school_count TD, .item_list TD
{
	font: 14/14pt Arial;
	letter-spacing: -0.5;
}

.school_count .school_name, .school_count .school_code, .school_count .route_label, .school_count .total_label
{
	font-weight: 900;
	font-size: 10pt;
}

.school_count .totals_row td
{
	border-top: solid 1px #000;
}

.school_count .extras
{
	background-color: #F0F0F0;
}

.school_count .pizzaslices
{
	font-style: italic;
	font-size: 8pt;
	color: #999;
}

.school_count .pizza_info_nonwhole
{
	font-weight: 900;
	color: Red;
	background-color: yellow;
}

.component_count
{
	color: #999;
}

.rowspacer td
{
	border-bottom: dashed 1px #ccc;
}

.item_list .item
{
	font: normal 11pt/18pt Arial, Sans-Serif;
	font-weight: 900;
	background-color: #F0F0F0;
	border-bottom: solid 1px #666;
}

.empty_count
{
	color: #ccc;
	vertical-align: middle;
	text-align: center;
	height: 70px;
	border: dotted 1px #ccc;
}

INPUT.extra_input
{
	width: 20px;
}

INPUT.yellow
{
	background-color: #FFFFCC;
}

TABLE.extra_adj TD
{
	font: normal 12pt/6pt Webdings;
}

TABLE.extra_adj a:link, TABLE.extra_adj a:visited
{
	color: #2E5D9C;
	text-decoration: none;
}

TABLE.extra_adj a:hover, TABLE.extra_adj a:active
{
	color: #4B95FB;
	text-decoration: none;
}

/*======================= LUNCH COUNT SHEET */

TABLE.lunchcount_header TD
{
	border-bottom: solid 2px #000;
}

.lunchcount_header .date
{
	font-weight: 900;
	font: normal 12pt/12pt Arial, Sans-Serif;
	letter-spacing: -1;
}

.lunchcount_header .schoolcode
{
	font-weight: bold;
	font: bold 18pt/24pt 'Arial Black', Arial, sans-serif;
}

.lunchcount_header .school
{
	font-weight: 900;
	font: normal 14pt/18pt Verdana, Arial, Sans-Serif;
	letter-spacing: -1;
}

.noborder td
{
	border: none !important;
}

TABLE.lunchcount
{
}

TABLE.lunchcount TD
{
	border-bottom: solid 1px #ccc;
	height: 20px;
}

.lunchcount .alternating_student
{
	background-color: #f0f0f0;
}

.lunchcount .summary
{
	background-color: #ffffcc;
	font-weight: 900;
}

.lunchcount .lunchcount_graderow TD
{
	font: normal 10pt/10pt 'Arial Black';
	letter-spacing: -1;
	padding-left: 3px;
	background-color: #000;
	color: #fff;
	height: 20px;
}

.lunchcount .lunchcount_teacherrow TD
{
	padding: 2 0 2 15;
	font: normal 9pt/9pt Arial;
	font-weight: 900;
	background-color: #BABABA;
	color: #333;
	height: 20px;
}

TABLE.itemsummary TD
{
	font: normal 26pt/36pt 'Eras Bold ITC' , 'Arial Black';
}

TABLE.itemsummary .sml
{
	font: normal 22pt/26pt 'Eras Bold ITC' , 'Arial Black';
}

TABLE.extrainfo TD
{
	font: normal 18pt/24pt 'Arial Black';
}

.extrainfo .extra_marker_space
{
	border: solid 1px #000;
}

.extrainfo .turned_away_label
{
	font: normal 9pt/12pt Arial;
}

TABLE.gradesummary .header
{
	background-color: #000;
	color: #fff;
}

TABLE.gradesummary
{
	text-align: right;
}

.gradesummary TD
{
	font: normal 8pt/10pt Arial, Sans-Serif;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding-right: 2px;
}

.gradesummary .summary
{
	background-color: #BABABA;
}

.gradesummary .total
{
	font-weight: bold;
}





TABLE.weeklystudentcount
{
	border: solid 1px #ccc;
}

.weeklystudentcount TD
{
	/*height:14px;*/
	font: normal 8pt/8pt Arial, Sans-Serif;
	border-right: solid 1px #999;
}

.weeklystudentcount .daynames
{
	text-align: center;
	padding-bottom: 3px;
}

.weeklystudentcount .daynumbers
{
	text-align: center;
}

.weeklystudentcount .daynumbers TD
{
	border-bottom: solid 2px #000;
	background-color: #000;
	color: #fff;
	padding: 2 0 2 0;
	font-weight: bold;
}

.weeklystudentcount .studentrow, .weeklystudentcount .alternatingstudentrow
{
	text-align: center;
}

.weeklystudentcount .studentrow TD, .weeklystudentcount .alternatingstudentrow TD
{
	border-bottom: solid 1px #999;
	font: normal 7pt/9pt Arial, Sans-Serif;
}

.weeklystudentcount .alternatingstudentrow TD
{
	background-color: #f0f0f0;
}

.weeklystudentcount .graderow TD
{
	border-bottom: solid 2px #000;
	padding: 2 0 2 0;
	font-weight: bold;
}

.weeklystudentcount .teacherrow TD
{
	background-color: #BABABA;
	color: #333;
	padding: 2 0 2 15;
	font-weight: bold;
}

.weeklystudentcount .weekspacer
{
	/*background-color:#222 !important;*/
	background-image: url(/Images/dash_pattern_bg.gif);
}

.weeklystudentcount_footer
{
	margin-top: 12px;
}

.weeklystudentcount_footer TD
{
	color: #666;
	font: normal 8pt/9pt Arial, Sans-Serif;
}


/*======================= CREDIT PRINTOUT */


TABLE.print_header TD
{
	border-bottom: solid 1px #000;
}

.print_header .header_address
{
	font: normal 8pt/9pt Arial, Sans-Serif;
}

.credit_printout
{
}

.credit_printout TD
{
	font: normal 12pt/16pt Garamond, 'Times New Roman' , Serif;
}

.credit_details TD
{
	border-bottom: dashed 1px #ccc;
}

.credit_details TH
{
	font: normal 14pt/18pt Garamond, 'Times New Roman' , Serif;
	background-color: #666;
	color: #fff;
	font-weight: bold;
	border-bottom: solid 1px #000;
}

.credit_details .label_col
{
	text-align: right;
}

.credit_details .content_col
{
	font-weight: bold;
}

/*======================= PIZZA PO PRINTOUT */

.PO_VendorName
{
	font-weight: 900;
	font-size: 12pt;
}

TABLE.po
{
	padding: 0 3 0 3px;
}

TABLE.po TD, TABLE.po .spacer, TABLE.po .rightspacer, TABLE.po TH, TABLE.po .rightTH
{
	border-left: solid 1px #000;
}

TABLE.po TH
{
	font-weight: bold;
	border-top: solid 3px #000;
	border-bottom: solid 1px #000;
}

DIV.po, DIV.po TD, DIV.po TH
{
	font: normal 9pt/11pt Arial, Sans-Serif;
}

TABLE.po .rightTD, TABLE.po .rightspacer, TABLE.po .rightTH
{
	border-right: solid 1px #000;
}

TABLE.po .spacer, TABLE.po .rightspacer
{
	border-bottom: solid 1px #000;
}

DIV.po_schooladdress
{
	font-size: 8pt;
	margin-bottom: 5px;
}

/*======================= Daily Report Sheet */

.daily_report .section_title
{
}

.daily_report p
{
	font: normal 10pt/12pt Arial, Sans-Serif;
}

.daily_report .student_list
{
	font: normal 8pt/10pt Arial, Sans-Serif;
}

.daily_report span.section_title, .daily_report span.onlinedrlink
{
	font-size: 12pt;
	font-weight: 900;
}

.daily_report span.onlinedrlink
{
    text-decoration: underline;
}

.daily_report div.onlinedrcode
{
	border: 1px solid #333333;
	background-color: #e1e1e1;
	padding: 5px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 4px;
	text-align: center;
	min-width: 70px;
}

.daily_report div.onlinedrcode SPAN {
	font-size: 16pt;
	font-weight: 900;
}

HR.cut_line
{
	height: 1px;
	border: none 0;
	border-top: 1px dashed #000;
	margin: 0px;
}

SPAN.issue_breadcrumb
{
	font-size: 6pt;
	margin: 0px;
	color: #333;
}

.dailyreport
{
	border-collapse: collapse;
}

.dailyreport td
{
	border: solid 1px #000;
	padding-left: 3px;
	font: normal 10pt/10pt Arial, Sans-Serif;
}

.dailyreport_header td
{
	line-height: 10pt;
	padding-left: 3px;
	background-color: #000;
	color: #fff;
}

.dailyreport_items td
{
	font: normal 12pt 'Arial Black' , Sans-Serif;
}

.example_row td {
	color: #999;
	font: normal 12pt/12pt 'comic sans MS', Sans-Serif;
}

.dailyreport_addonrow, .dailyreport_addonrow td
{
    line-height:24px;
}

.dailyreport_addonrow_withbottom, .dailyreport_addonrow_withbottom td
{
    line-height:24px;
    border-bottom: 2px solid black;
}

.dailyreport_totals td, .dailyreport_totals
{
	font-weight: 900;
	background-color: #f0f0f0;
}

.lunchcount_header .title
{
	font-weight: 900;
	font: normal 18pt Arial;
}

td.item_list
{
	font-size: 8pt;
	line-height: 10pt;
	text-align: center;
	color: #666;
}

.EmergContact
{
	font: bold 18pt/30pt 'Arial Black' , Arial, sans-serif;
}

.NSLPPairings
{
    
}

/*======================= Registered Student Report */
.registered_students
{
	font: normal 10pt/10pt Arial, Sans-Serif;
	text-transform: capitalize;
}

.page_status td
{
	padding: 8px;
	border: solid 1px #ccc;
	background-color: #E7E7E7;
}

.page_status th
{
	background-color: Gray;
	color: #fff;
	font-weight: 900;
}

/*======================= School Wizard */
TABLE.schoolHub
{
	border-collapse: collapse;
}

TABLE.schoolHub TD
{
	padding: 2 6 2 6px;
}

.schoolHub TD
{
	border: solid 1px #ccc;
}

.schoolRow TD
{
	background-color: #ffffcc;
}

.schoolRow .schoolCode
{
	font: normal 14pt/16pt Arial, Sans-Serif;
	font-weight: 900;
	color: #990000;
}

.packingGroupRow TD
{
	background-color: #E7E7E7;
}

.packingGroupRow .packingGroupCode
{
	padding-left: 20px;
	font-weight: 900;
}

TABLE.schoolHub .servingGroupName
{
	padding-left: 40px;
}

.page_error_msg
{
	color: red;
	background-color: #FFFACD;
	border-color: #FFA500;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px;
	width:100%;
}

.grid_link_button a
{
	font-size: 7pt;
	color: Black;
	text-decoration:none;
	background-color: #ADD8E6;
	border-color: #1E90FF;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	padding: 3px;

}
.catererDiv 
{
    padding: 5px;
}

.centerText {
	text-align: center;
}

.colSelector {
	text-align: center;
	width: 50px;
}

.scrollBarWidth {
	width: 17px;
}

.scrollingDiv {
	background-color: white;
	border-color: #999;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0;
}

.scrollingDiv td {
	padding-left: 3px;
}

.scrollingDiv table,
.scrollingDiv tr td:first-child {
	border-left-width: 0;
}

.scrollingDiv table,
.scrollingDiv tr:first-child td {
	border-top-width: 0;
}

.scrollingDiv tr:last-child td {
	border-bottom-color: white;
}

.text-nowrap 
{
    white-space:nowrap;
}

.ellipsis {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}