﻿/*@body_font: 11px verdana, arial, sans-serif;
@body_font_bold: bold 11px/16px verdana, arial, sans-serif;*/
/* General HTML Styles */
body {
  background-repeat: no-repeat;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
body.Master {
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  width: 100%;
}
header,
footer,
nav,
section {
  display: block;
}
.arrow {
  cursor: default;
}
#_invisibleIfEmpty {
  padding: 0px;
}
body.UnAuth {
  margin: 0;
  padding: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
body.nobg {
  background-image: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
b {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
a img {
  border: none;
}
/*a
{
	.bodyfont(@font-size);
}
a:link 
{	
	color: @link_color;
}
	
a:visited 
{
	color: @link_visited_color;
}
	
a:hover 
{
	color: @link_hover_color;
}

a:active 
{
	color: @link_active_color;
}
INPUT
{
	font: @body_font;
}
TEXTAREA
{
	font: @body_font;
	resize: none;
}
SELECT
{
	font: @body_font;
}*/
/*fieldset 
{
	border:1px solid #ddd;
	padding:0 1.4em 1em;
	margin:0;
}*/
/*legend 
{
	font-weight: bold;
	margin-bottom: 0;
	border-bottom: 0;
}*/
.editor-label {
  margin: 1em 0 0 0;
}
.editor-field {
  margin: 0.5em 0 0 0;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000;
  margin-left: 10px;
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}
.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}
.validation-summary-valid {
  display: none;
}
.msg {
  color: green;
}
/* Error Message Label */
.error {
  color: red;
}
.Success {
  color: green;
}
.Warning {
  color: goldenrod;
}
.info {
  color: grey;
}
.anchor {
  text-decoration: underline;
  color: #003366;
  cursor: pointer;
}
label.required:before {
  content: "*";
  color: red;
}
.text {
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  line-height: 16px;
  padding-top: 15px;
}
.section {
  padding-left: 15px;
}
.sectionText {
  padding-right: 10px;
  padding-bottom: 10px;
  font: bold 14px verdana, arial, sans-serif;
  color: #666666;
  padding-top: 10px;
}
.sectionSubText {
  padding-right: 10px;
  padding-bottom: 10px;
  font: bold 12px verdana, arial, sans-serif;
  color: #666666;
  padding-top: 10px;
}
.nav {
  font: 10px verdana, arial, sans-serif;
  color: #ffffff;
}
.navlarge {
  font: 14px verdana, arial, sans-serif;
  color: #ffffff;
}
A.nav:link {
  font: 11px verdana, arial, sans-serif;
  color: #ffffff;
  text-decoration: none;
}
A.nav:active {
  font: 11px verdana, arial, sans-serif;
  color: #ffffff;
  text-decoration: none;
}
A.nav:visited {
  font: 10px verdana, arial, sans-serif;
  color: #ffffff;
  text-decoration: none;
}
A.ddnav:link {
  font: 10px verdana, arial, sans-serif;
  color: #ffffff;
  text-decoration: none;
}
A.ddnav:active {
  font: 10px verdana, arial, sans-serif;
  color: #ffffff;
  text-decoration: none;
}
A.ddnav:visited {
  font: 10px verdana, arial, sans-serif;
  color: #ffffff;
  text-decoration: none;
}
.crumb {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
A.leftnav:link {
  font: 10px verdana, arial, sans-serif;
  color: #003366;
}
A.leftnav:active {
  font: 10px verdana, arial, sans-serif;
  color: #003366;
}
A.leftnav:visited {
  font: 10px verdana, arial, sans-serif;
  color: #003366;
}
.headLC {
  font: bold 12px verdana, arial, sans-serif;
  color: #003366;
}
.subheadLC {
  font: bold 12px verdana, arial, sans-serif;
  color: #666666;
}
.sidebarLC {
  font: bold 10px verdana, arial, sans-serif;
  color: #ffffff;
}
.sidetxtLC {
  font: 10px verdana, arial, sans-serif;
}
A.sm:link {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
A.sm:active {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
A.sm:visited {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
.labelLC {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
.labelCl {
  font: 10px sans-serif;
}
.listhead {
  font: 10px verdana, arial, sans-serif;
  color: #003366;
}
.activeLC {
  font: 10px verdana, arial, sans-serif;
  color: #6699ff;
}
A.activeLC:link {
  font: 10px verdana, arial, sans-serif;
  color: #6699ff;
}
A.activeLC:active {
  font: 10px verdana, arial, sans-serif;
  color: #6699ff;
}
A.activeLC:visited {
  font: 10px verdana, arial, sans-serif;
  color: #6699ff;
}
.inactiveLC {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
A.inactiveLC:link {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
A.inactiveLC:active {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
A.inactiveLC:visited {
  font: 10px verdana, arial, sans-serif;
  color: #666666;
}
.bluenav {
  background-color: #003366;
  color: white;
}
A.bluenav:link {
  font: 10px verdana, arial, sans-serif;
  color: white;
}
A.bluenav:active {
  font: 10px verdana, arial, sans-serif;
  color: white;
}
A.bluenav:visited {
  font: 10px verdana, arial, sans-serif;
  color: white;
}
.background {
  background-color: #F0F5FA;
  filter: alpha(opacity=10);
  opacity: 0.1;
}
.makeBold {
  font-weight: bold;
}
.success {
  color: Green;
}
.warning {
  color: goldenrod;
}
.info {
  color: Grey;
}
.user-detail {
  cursor: pointer;
  background-color: lightgray;
  border-radius: 3px;
  padding: 1px 3px;
}
/* Top header background div */
.header {
  background-color: #dee1e8;
  color: #003366 !important;
  padding-right: 6px;
}
.header div {
  border-width: 0px;
}
.header a:link {
  color: #003366 !important;
  text-decoration: underline;
}
.header a:visited {
  color: #003366 !important;
}
.header a:hover {
  color: #003366 !important;
}
.header a:active {
  color: #003366 !important;
}
/* Footer page styles */
.footerfont {
  font-size: 14px -1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer {
  color: white;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
  font-size: 14px -1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer a:link {
  font-size: 14px -1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer a:visited {
  font-size: 14px -1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer a:hover {
  font-size: 14px -1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer a:active {
  font-size: 14px -1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Error Message Label */
.msg {
  color: green;
}
/* Error Message Label */
.error {
  color: red;
}
.success {
  color: green;
}
.warning {
  color: goldenrod;
}
.disabledLink {
  color: grey;
  cursor: not-allowed;
  user-select: none;
}
.disabledLink:hover {
  color: grey;
  cursor: not-allowed;
}
.patentfont {
  font-size: xx-small;
  margin-top: 20px;
}
.push {
  font-size: xx-small;
  margin-top: 20px;
}
.push a:link {
  font-size: xx-small;
  margin-top: 20px;
}
.push a:visited {
  font-size: xx-small;
  margin-top: 20px;
}
.push a:hover {
  font-size: xx-small;
  margin-top: 20px;
}
.push a:active {
  font-size: xx-small;
  margin-top: 20px;
}
.patent {
  text-align: center;
  font-size: xx-small;
  margin-top: 20px;
}
.patent a:link {
  font-size: xx-small;
  margin-top: 20px;
}
.patent a:visited {
  font-size: xx-small;
  margin-top: 20px;
}
.patent a:hover {
  font-size: xx-small;
  margin-top: 20px;
}
.patent a:active {
  font-size: xx-small;
  margin-top: 20px;
}
.patent a img {
  vertical-align: middle;
}
.footerText {
  font-style: italic;
}
/* WebPart Zones */
.WebPartZone {
  border-color: #CCCCCC;
  background-color: #ECF1EF;
}
.WebPart_HeaderStyle {
  color: #CCCCCC;
}
.PartChromeStyle {
  border-color: #E2DED6;
  background-color: #F7F6F3;
  color: white;
}
.editorzone_PartChromeStyle {
  border-width: 0px;
  background-color: #1A808C;
}
.WebPart_MenuLabelHoverStyle {
  color: #E2DED6;
}
.WebPart_MenuLabelStyle {
  color: white;
}
.WebPart_MenuVerbHoverStyle {
  color: #333333;
  background-color: #F7F6F3;
  border-color: #CCCCCC;
  border-top-style: solid;
  border-width: 1px;
}
.WebPart_MenuVerbStyle {
  color: white;
  border-color: #5D7B9D;
  border-top-style: solid;
  border-width: 1px;
}
.WebPart_PartStyle {
  color: #333333;
}
.WebPart_MenuPopupStyle {
  background-color: #5D7B9D;
  border-color: #CCCCCC;
  border-top-style: solid;
  border-width: 1px;
}
.WebPart_PartTitleStyle {
  padding: 3px;
  background-color: #5D7B9D;
  color: white;
  font-weight: bold;
}
.TitleBarVerbStyle {
  color: white;
  text-decoration: none;
}
.HeaderStyle {
  color: #CCCCCC;
}
.editUIStyle {
  background-color: #5D7B9D;
  font-weight: bold;
  color: white;
}
.CatalogZone_HeaderStyle {
  background-color: #5D7B9D;
  font-weight: bold;
  color: white;
}
.CZ_PartLinkStyle {
  color: #1A808C;
}
.CZ_SelectedPartLinkStyle {
  color: #1E3062;
}
.CZ_PartStyle {
  color: #333333;
}
/* BreadCrumb Styles */
.BreadCrumb {
  color: #666666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.BreadCrumb a:link {
  color: #003366;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.BreadCrumb a:visited {
  color: #6699ff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.BreadCrumb a:hover {
  color: #003366;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.BreadCrumb a:active {
  color: #003366;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.BreadCrumbSectionText {
  color: #666666;
  padding-right: 40px;
  padding-bottom: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
}
/*AjaxControlToolkit Styles*/
/*Accordion*/
.accordionHeader {
  border-width: 1px;
  border-style: solid;
  border-color: #2E4d7B;
  color: white;
  background-color: #2E4d7B;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  margin-top: 5px;
}
.accordionHeader a {
  color: #FFFFFF;
}
.accordionHeader a:hover {
  background: none;
}
.accordionContent {
  background-color: #D3DEEF;
  border-width: 1px;
  border-color: #2E4d7B;
  border-style: dashed;
  border-top: none;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*Hover Menu*/
.popupMenu {
  position: absolute;
  visibility: hidden;
  background-color: #CCFFFF;
}
.popupHover {
  background-image: url(../base/images/header-opened.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #CCFFFF;
}
.menuPopup {
  border: 1px;
  padding: 2px;
  background-color: #CCFFFF;
}
.DataGridHeader {
  color: #E7E7FF;
  background-color: #4a7197;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeader a:Link {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeader a:visited {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeader a:Hover {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeader a:active {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeader a:focus {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeaderLink {
  color: white;
  background-color: #4a7197;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.DataGridHeaderLink A:Link {
  color: white;
  background-color: #4a7197;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeaderLink A:visited {
  color: white;
  background-color: #4a7197;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeaderLink A:Hover {
  color: white;
  background-color: #4a7197;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridFooter {
  color: Black;
  background-color: #C6C3C6;
}
.DataGridFooter A:Link {
  color: Black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridFooter A:visited {
  color: Black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridItem {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: Black;
  background-color: white;
}
.DataGridSelectedItem {
  font: bold;
  color: Black;
  /*color:@main-background-color;*/
  background-color: #9471DE;
}
.HierarGridItem {
  background-color: #BCD2EE;
}
.DataGridEditItem {
  font: bold;
  color: white;
  background-color: Silver;
}
.DataGridEditItem A:Link {
  color: Black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridEditItem A:visited {
  color: Black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridEditItem A:Hover {
  color: Black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridEditItem A:active {
  color: Black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridEditItemtextbox {
  color: Black;
  background-color: Silver;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHover {
  background-color: #76a9dc;
}
.DataGridAlternateItem {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: Black;
  background-color: #BCD2EE;
}
.DataGridPagerStyle {
  font: bold;
  color: #E7E7FF;
  background-color: #4a7197;
}
.DataGridPagerStyle A:Link {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridPagerStyle A:visited {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridPagerStyle A:Hover {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridPagerStyle A:active {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.DataGridHeaderScroll {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: white;
  background-color: #4a7197;
  /*top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
	position: relative;
	z-index: 10;*/
}
.DataGridHeaderScroll th {
  font-weight: normal;
}
.DataGridHeader label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: white;
}
/* Textbox configuration (Datagrid) */
.InputDataGridDefaultTextbox {
  width: 250px;
}
.InputDataGridPercentTextbox {
  width: 45px;
}
.InputDataGridDateTextbox {
  width: 75px;
}
.InputDataGridCurrencyTextbox {
  width: 120px;
  text-align: right;
}
.InputDataGridTrackingNumberTextbox {
  width: 185px;
}
.InputDataGridDaysTextbox {
  width: 30px;
}
.InputDataGridDataTextEntry {
  width: 250px;
  height: 80px;
}
/*******************************GridViewHeader**********************/
/*****************GridViewFooter**************************/
/****************************.GridViewHeaderLink *******************/
/****************************GridViewAlternateItem*******************/
/*****************GridViewSelectedItem************************/
/***************************CustomGridView_Emptydatarowstyle***************/
/*********************************CustomGridView_PagerStyle*****************/
/*******************************GridViewHeader**********************/
/****************************GridViewAlternateItem*******************/
/*****************GridViewSelectedItem************************/
/******************GridViewEditItem***************************/
/*****************GridViewFooter**************************/
/********************************GridView_headerStyle-CSS**********/
/********************************************************************Gridview(Skinid=RSS)****************/
/*************GridView_AlternatingRowStyle***************/
/****************GridView_RowStyle******************/
/*****************************************************************Customgridview(skinid=RSS)*********************************/
/*********CustomGridView_Emptydatarowstyle--CSS**********************/
/*************RSSGridViewHeader---CSS*******************************/
/*************RSSGridViewRow--CSS************************************/
/***************RSSGridViewAltRow--CSS***************************/
/**************RSSGridViewFooter--CSS**********************/
/****************GridViewHover-css********************/
.GridViewHeader {
  color: #E7E7FF;
  background-color: #4a7197;
}
.GridViewHeader th {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: white;
}
.GridViewHeader a:link {
  color: white;
}
.GridViewHeader a:visited {
  color: white;
}
.GridViewHeader a:hover {
  color: white;
}
.GridViewHeader a:focus {
  color: white;
}
.GridViewHeader a:active {
  color: white;
}
.GridViewFooter {
  background-color: #C6C3C6;
}
.GridViewFooter A:Link {
  color: Black;
}
.GridViewFooter A:visited {
  color: Black;
}
.GridViewItem {
  color: #000000;
  background-color: white;
}
.GridViewSelectedItem {
  color: #000000;
  /*color:@DataGridSelectedItem_color;*/
  background-color: #9471DE;
  font: bold;
}
.GridViewEditItem {
  color: white;
  background-color: Silver;
  font: bold;
}
.GridViewEditItem A:Link {
  color: #000000;
}
.GridViewEditItem A:visited {
  color: #000000;
}
.GridViewEditItem A:Hover {
  color: #000000;
}
.GridViewEditItem A:active {
  color: #000000;
}
.GridViewAlternateItem {
  background-color: #BCD2EE;
  color: #000000;
}
/**********************************************************************/
/*CustomGridview(w/wo Skinid)*/
tr.GridViewItem:hover,
tr.GridViewAlternateItem:hover,
tr.DataGridSelectedItem:hover {
  background-color: #76a9dc;
}
.GridViewHover {
  background-color: #76a9dc;
}
.CustomGridView_Emptydatarowstyle {
  background-color: lightBlue;
  color: Red;
}
.GridViewHeaderLink {
  color: white;
  background-color: #4a7197;
  font-weight: normal;
}
.GridViewHeaderLink A:Link {
  color: white;
  background-color: #4a7197;
}
.GridViewHeaderLink A:visited {
  color: white;
  background-color: #4a7197;
}
.GridViewHeaderLink A:Hover {
  color: white;
  background-color: #4a7197;
}
.CustomGridView_PagerStyle {
  background-color: #bcd2ee;
  color: black;
}
.GridView_headerStyle {
  background-color: #4a7197;
  color: #E7E7FF;
}
.GridView_AlternatingRowStyle {
  background-color: #BCD2EE;
  color: black;
}
.GridView_RowStyle {
  color: black;
}
/*CustomGridview (SkinID=RSS) table, remove borders */
th[scope="col"] {
  border: 0;
}
th[scope="row"] {
  border: 0;
}
table tr td {
  border: 0;
}
.RSSGridViewHeader {
  color: #E7E7FF;
  background-color: #4a7197;
}
.RSSGridViewRow {
  color: black;
  background-color: White;
}
.RSSGridViewAltRow {
  color: black;
  background-color: #bcd2ee;
}
.RSSGridViewFooter {
  color: black;
  background-color: #C6C3C6;
}
/*
** Home page date alert styles 
*/
.datealert {
  color: red;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.date {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}
.examby {
  background-color: red;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
/* Alerts */
.highpriority {
  color: red;
}
.medpriority {
  color: red;
}
.LCLabel {
  color: Silver;
}
.LCItem {
  color: White;
}
.Labelcolor {
  color: red;
}
.Labelbilling {
  background-color: #BCD2EE;
}
.pointyhand:hover {
  cursor: pointer;
}
.labelCl {
  font: 11px verdana, arial, sans-serif;
}
.Maskededitfont {
  font-weight: bold;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus {
  background-color: #ffffcc;
  color: #000000;
}
.MaskedEditMessage {
  color: #ff0000;
  font-weight: bold;
}
.MaskedEditError {
  background-color: #ffffcc;
}
.MaskedEditFocusNegative {
  background-color: #ffffcc;
  color: #000000;
}
.MaskedEditBlurNegative {
  color: #ff0000;
}
.treeviewfont1 {
  font-family: sans-serif;
}
.TvParentNodeStyle {
  color: #003366;
  font-family: sans-serif;
  font-size: 13px;
}
.TvHoverNodeStyle {
  text-decoration: underline;
  font-family: sans-serif;
}
.TvNodeStyle {
  color: black;
  font-family: sans-serif;
  font-size: 13px;
}
td.TvNodeStyle > a {
  padding-left: 5px;
}
.titlefont {
  font-weight: bold;
}
.subtitle {
  font-weight: bold;
}
.title {
  font-weight: bold;
}
.page-title {
  color: #003366 !important;
}
.TzDDL {
  background-color: #003366;
  color: White;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
}
.TzLabel {
  background-color: #003366;
  color: White;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
}
.TextIndicatorfont {
  font-family: Arial;
  font-size: x-small;
  font-style: italic;
  padding: 2px 3px 2px 3px;
  font-weight: bold;
}
.TextIndicator_TextBox1_Strength1 {
  background-color: Gray;
  color: White;
  font-family: Arial;
  font-size: x-small;
  font-style: italic;
  padding: 2px 3px 2px 3px;
  font-weight: bold;
}
.TextIndicator_TextBox1_Strength2 {
  background-color: Gray;
  color: Yellow;
  font-family: Arial;
  font-size: x-small;
  font-style: italic;
  padding: 2px 3px 2px 3px;
  font-weight: bold;
}
.TextIndicator_TextBox1_Strength3 {
  background-color: Gray;
  color: #FFCAAF;
  font-family: Arial;
  font-size: x-small;
  font-style: italic;
  padding: 2px 3px 2px 3px;
  font-weight: bold;
}
.TextIndicator_TextBox1_Strength4 {
  background-color: Gray;
  color: Aqua;
  font-family: Arial;
  font-size: x-small;
  font-style: italic;
  padding: 2px 3px 2px 3px;
  font-weight: bold;
}
.TextIndicator_TextBox1_Strength5 {
  background-color: Gray;
  color: #93FF9E;
  font-family: Arial;
  font-size: x-small;
  font-style: italic;
  padding: 2px 3px 2px 3px;
  font-weight: bold;
}
.modalPopup {
  background-color: #ffffdd;
  border-width: 3px;
  border-style: solid;
  border-color: gray;
  padding: 3px;
  width: 350px;
  z-index: 6;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
/*Modal Popup*/
.modalBackground {
  background-color: gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.modal-buttons {
  margin-left: auto;
  margin-top: 10px;
}
.tti-modal-form {
  min-width: 340px;
  overflow: hidden;
}
.tti-modal-form div label {
  width: 120px !important;
  padding-right: 3px;
}
.tti-modal-form div div {
  min-width: 230px;
}
/* Courier ToDoItems Customization that removes the verticle scrollbars from Courier grid */
#tti-package-details-viewer-plugin .k-grid-header {
  padding: 0 !important;
}
#tti-package-details-viewer-plugin .k-grid-content {
  overflow-y: visible;
  overflow-x: visible;
}
#tti-package-details-viewer-plugin .k-grid-header .k-header {
  color: black;
  background-color: white;
  font-weight: bold;
}
#tti-package-details-viewer-plugin .k-grid-header .k-link {
  color: black;
  background-color: white;
  font-weight: bold;
}
/* Document Upload ToDoItems Customization that removes the verticle scrollbars from Document grid */
#tti-document-details-viewer-plugin .k-grid-header {
  padding: 0 !important;
}
#tti-document-details-viewer-plugin .k-grid-content {
  overflow-y: visible;
  overflow-x: visible;
}
#tti-document-details-viewer-plugin .k-grid-header .k-header {
  color: black;
  background-color: white;
  font-weight: bold;
}
#tti-document-details-viewer-plugin .k-grid-header .k-link {
  color: black;
  background-color: white;
  font-weight: bold;
}
/* ToDoItems Customization that removes the verticle scrollbars from that grid */
#tti-todo-grid-plugin .k-grid-header {
  padding: 0 !important;
}
#tti-todo-grid-plugin .k-grid-content {
  overflow-y: visible;
  overflow-x: visible;
}
#tti-todo-grid-plugin .k-grid-header .k-header {
  color: black;
  background-color: white;
  font-weight: bold;
}
#tti-todo-grid-plugin .k-grid-header .k-link {
  color: black;
  background-color: white;
  font-weight: bold;
}
/* popups from the supplier portal use this to set the <p> text width */
.tti-popup-width {
  width: 450px;
}
/* used in input dialogs */
.tti-popup-dialog-buttons {
  text-align: right;
}
/* used in messagebox style dialogs */
.tti-popup-message-buttons {
  text-align: right;
}
/* supplier portal revert buttons */
.tti-plugin-button-in-listview {
  background-color: transparent !important;
  border-bottom: none !important;
  margin: 0 0 0 0	!important;
  text-align: center !important;
  padding: 0 0 0 0 !important;
}
/* ToDoItems Customization for the document upload modal dialog 

only used in one place - moved there.

#document-uploader-div {    
	 .k-upload {
		 height: 105px;
	 }

	.k-dropzone em {
		display: block; 
		margin: 5px auto; 
		padding: 5px; 
		visibility: visible;            
	}

	.k-dropzone {
		position: absolute;
		min-height: 85px;
		min-width: 380px;
	}

	.k-upload-files {        
		margin-top: 65px;
	}
}*/
/* Extended Description popup */
#plugin-extended-description-popup .tti-extdescription-form {
  width: 100%;
}
#plugin-extended-description-popup .tti-extdescription-form-left-col {
  text-align: right;
  vertical-align: middle;
}
#plugin-extended-description-popup .tti-extdescription-form-left-col-top {
  text-align: right;
  vertical-align: top;
}
#plugin-extended-description-popup .tti-extdescription-form-right-col {
  text-align: left;
}
#plugin-extended-description-popup .tti-extdescription-form-single-col {
  text-align: center;
}
#document-upload-template .vError {
  font-size: 14px;
  color: red;
}
#url-param-modal p {
  padding: 0 10px;
}
#url-param-modal li {
  padding: 3px 0;
}
.strong-assertive-message {
  font-weight: bold;
  font-size: 14px;
  color: red;
}
/* used in the todoitem action column */
.todo-action-icon {
  height: 16px;
  width: 16px;
}
/* used by the upload error dialog */
.uploadErrorDlg .k-window-titlebar,
.uploadErrorDlg .k-window-action {
  background: none;
  border-width: 0;
  color: white;
  /* Change to desired color scheme */
  background-color: black;
}
.uploadErrorDlg .k-window-content {
  margin-top: 0px;
  background-color: #FFE0D9;
}
@media screen {
  .PrintOnly {
    visibility: hidden;
    display: none;
  }
}
@media print {
  .ScreenOnly {
    visibility: hidden;
    display: none;
  }
}
.RSSGridViewHeader {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #E7E7FF;
  background-color: #4a7197;
}
.RSSGridViewRow {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: Black;
  background-color: White;
}
.RSSGridViewAltRow {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: Black;
  background-color: #BCD2EE;
}
.RSSGridViewFooter {
  color: Black;
  background-color: #C6C3C6;
}
.progressBarContainer {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  width: 200px;
  height: 15px;
}
.progressBar {
  background-color: #000000;
  height: 15px;
  width: 0px;
}
/* Report Brower Page */
.ReportHeader {
  color: Black;
  background-color: #F0F5FA;
}
.ReportItem {
  color: Black;
  background-color: White;
  padding-bottom: 10px;
}
.ReportLink {
  color: Black;
  background-color: White;
  padding-bottom: 10px;
  text-align: left;
  vertical-align: middle;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.trans-edit-data-tbl td:first-child {
  padding-right: 2px;
}
.trans-edit-data-tbl td:last-child {
  padding-left: 2px;
}
.draw-link {
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
table.document-reference-checkboxes {
  width: 100%;
}
table.document-reference-checkboxes td {
  vertical-align: top;
}
.user-list-table {
  table-layout: fixed;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.user-list-name-col {
  width: 30%;
}
.user-list-email-col {
  width: 70%;
}
.TabStripfont {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 2px 3px 2px 3px;
  font-weight: lighter;
}
.ajax__tab_xp .ajax__tab_body {
  font-size: 14px !important;
}
.tabpanel {
  background-color: #003366;
}
.tab {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 2px 3px 2px 3px;
  font-weight: lighter;
  color: #E7E7FF;
  background-color: #003366;
  border-width: 0px;
  text-align: left;
  padding: 0px 0px 0px  0px;
}
.tabselected {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 2px 3px 2px 3px;
  font-weight: lighter;
  color: black;
  background-color: #C0C0C0;
  cursor: default;
  border-width: 0px;
  text-align: left;
  padding: 0px 0px 0px  0px;
}
.SelectedTab {
  color: black;
  background-color: #DACEB5;
  cursor: default;
  text-align: center;
}
.SelectedSubTab {
  font-size: 1.17em;
  text-decoration: none;
  color: #333399;
}
.currencytextbox {
  text-align: right;
}
.integertextbox {
  text-align: right;
}
.Mycalenderfont {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bolder;
}
.Mycalenderborder {
  border-width: 1px;
  border-style: solid;
}
.PopupCalendar .ajax__calendar_container {
  border-color: #646464;
  background-color: White;
  color: #003366;
  border-width: 1px;
  border-style: solid;
}
.PopupCalendar .ajax__calendar_other .ajax__calendar_day,
.PopupCalendar .ajax__calendar_other .ajax__calendar_year {
  color: red;
}
.PopupCalendar .ajax__calendar_hover .ajax__calendar_day,
.PopupCalendar .ajax__calendar_hover .ajax__calendar_month,
.PopupCalendar .ajax__calendar_hover .ajax__calendar_year {
  font-weight: bold;
}
.PopupCalendar .ajax__calendar_active .ajax__calendar_day,
.PopupCalendar .ajax__calendar_active .ajax__calendar_month,
.PopupCalendar .ajax__calendar_active .ajax__calendar_year {
  color: Green;
  font-weight: bold;
}
.MyCalendar .ajax__calendar_container {
  border-color: #646464;
  background-color: #F0F5FA;
  color: #003366;
  border-width: 1px;
  border-style: solid;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
  color: #99CCFF;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
  color: Black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
  color: #003366;
  font-weight: bold;
}
/* 
** Home page calendar styles
*/
/* NOTE: calendar-TitleStyle does not work with .NET v1.0 */
.calendar-TitleStyle {
  background-color: #003366;
  color: Black;
}
.calendar-SelectedDayStyle {
  background-color: Silver;
  border-style: ridge !important;
  border-color: Gray;
  foreground-color: Black;
  color: Black;
  border-width: thin;
}
.calendar-NextPrevStyle {
  background-color: #003366;
}
.calendar-TodayStyle {
  font: 11px/16px verdana, arial, sans-serif;
  font-weight: bolder;
}
.calendar-TodayStyle A:link {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bolder;
}
.calendar-TodayStyle A:visited {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bolder;
}
.calendar-TodayStyle A:hover {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bolder;
  color: White;
  background-color: Gray;
}
.calendar-DayHeaderStyle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bolder;
  color: Black;
  background-color: #F0F5FA;
}
.calendar-OtherMonthDayStyle {
  color: Gray;
}
.calendar-WeekendDayStyle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bolder;
  color: Gray;
}
/* Calendar Legand */
.shipby {
  background-color: Yellow;
}
.expiry {
  background-color: Blue;
}
.expiryshipby {
  background-color: Green;
}
/* Menu Styles */
.Static_SelectedStyle {
  color: #003366;
  background-color: #A5C8E8;
}
.Static_HoverStyle {
  color: #003366;
  background-color: #477BAD;
}
.Static_MenuStyle {
  color: #003366;
  background-color: #003366;
}
.Dynamic_SelectedStyle {
  color: #A5C8E8;
  background-color: #A5C8E8;
}
.Dynamic_HoverStyle {
  color: #003366;
  background-color: #477BAD;
}
.Dynamic_MenuStyle {
  color: #A5C8E8;
  background-color: #A5C8E8;
  border-color: #4F86BC;
  border-width: 1px;
  border-top-style: solid;
}
.Dynamic_MenuStyle a.hover {
  color: #003366;
  text-decoration: underline;
}
.Dynamic_MenuItemStyle {
  color: #A5C8E8;
  background-color: #A5C8E8;
  font-size: 14px;
}
.Dynamic_MenuItemStyle a:link {
  text-decoration: underline;
}
.Dynamic_MenuItemStyle a.hover {
  color: #003366;
  text-decoration: underline;
}
.StaticMenuItem {
  color: #003366;
  text-decoration: underline;
  font-size: 14px;
}
.StaticMenuItem a:link {
  color: #003366;
  text-decoration: underline;
}
.StaticMenuItem a.visited {
  color: #003366;
  text-decoration: underline;
}
/* Bar located below the menu title bar */
hr.header {
  background: #dcdcdc;
  clear: both;
  margin: 0;
  display: block;
}
/* Menu title bar background color */
div.menu {
  background: #003366;
}
/* Bar located below the menu title bar */
hr.pageline {
  background: #dcdcdc;
  height: 1px;
  width: 100%;
  margin-top: 0px;
}
.check {
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.box {
  border-color: black;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  background-color: #ECF1EF;
}
div.box div.head,
div.box header {
  padding: 2px;
  background-color: #5D7B9D;
  color: white;
  font-weight: bold;
}
div.box div.content {
  width: 100%;
  padding: 6px;
  /*fieldset {
            padding: 4px 6px;
            vertical-align: top;
            display: inline-block;
        }*/
}
div.box div.content div.section {
  display: inline-block;
}
div.collapsible div.header,
div.collapsible header {
  cursor: pointer;
}
/* Mixin for key-value-pair items either by convention div>label+span or by class .item*/
.tti-kvp {
  margin-bottom: 8px;
}
.tti-kvp:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tti-kvp > label {
  float: left;
  padding: 1px 0 0 0;
  text-align: right;
  vertical-align: top;
  width: 90px;
}
.tti-kvp > span {
  display: block;
  margin-left: 95px;
  vertical-align: top;
}
.tti-sections {
  display: table-row;
}
.tti-sections > section {
  display: table-cell;
  padding: 0 10px 0 0;
  position: relative;
  vertical-align: top;
}
.tti-header {
  background-image: url('../base/Kendo/textures/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.08) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.08) 100%);
  background-image: none, -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.08) 100%);
  background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.08) 100%);
  background-position: 50% 50%;
  background-color: #FFF;
  border: 1px solid #ccc;
  color: #676767;
  font-weight: bold;
  line-height: 22px;
  padding: 1px 10px;
}
.tti-header a {
  font-weight: normal;
}
.tti-items > legend {
  margin-top: 10px;
}
.tti-items > legend:first-child {
  margin-top: 0;
}
.tti-items > div {
  margin-bottom: 4px;
}
.tti-items > div:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tti-items > div > label {
  display: inline-block;
  text-align: right;
  width: 115px;
}
.tti-items > div > span {
  display: inline-block;
}
.tti-items .item {
  margin-bottom: 4px;
}
.tti-items .item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tti-items .item > label {
  float: left;
  text-align: right;
  vertical-align: top;
  width: 100px;
}
.tti-items .item > span {
  display: block;
  margin-left: 105px;
  vertical-align: top;
}
.tti-panel {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 0 0 6px 0;
  padding: 5px;
}
.tti-panel header {
  background-image: url('../base/Kendo/textures/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.08) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.08) 100%);
  background-image: none, -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.08) 100%);
  background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.08) 100%);
  background-position: 50% 50%;
  background-color: #FFF;
  border: 1px solid #ccc;
  color: #676767;
  font-weight: bold;
  line-height: 22px;
  padding: 1px 10px;
  border-radius: 6px 6px 0 0;
  margin: -6px -6px 6px;
}
.tti-panel header a {
  font-weight: normal;
}
.tti-panel .tti-toolbar {
  background-color: #FEFEFA;
  border-bottom: 1px solid #DDDDDD;
  display: block;
  font-weight: normal;
  margin: -5px -5px 6px;
  padding: 1px 6px;
}
.tti-panel .tti-toolbar button {
  background-color: transparent;
  background-image: none;
  border: 1px solid #FEFEFA;
  border-radius: 2px;
  color: #222222;
  cursor: pointer;
  padding: 0 4px;
  margin: 0 2px 2px 0;
  width: auto;
}
.tti-panel .tti-toolbar button:hover {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.6), 0 0 2px rgba(0, 0, 0, 0.3);
}
.tti-panel .tti-toolbar button:disabled {
  color: lightgray;
}
.tti-panel .items > legend {
  margin-top: 10px;
}
.tti-panel .items > legend:first-child {
  margin-top: 0;
}
.tti-panel .items > div {
  margin-bottom: 4px;
}
.tti-panel .items > div:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tti-panel .items > div > label {
  display: inline-block;
  text-align: right;
  width: 115px;
}
.tti-panel .items > div > span {
  display: inline-block;
}
.tti-panel .items .item {
  margin-bottom: 4px;
}
.tti-panel .items .item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tti-panel .items .item > label {
  float: left;
  text-align: right;
  vertical-align: top;
  width: 100px;
}
.tti-panel .items .item > span {
  display: block;
  margin-left: 105px;
  vertical-align: top;
}
.tti-actions {
  border-top: 1px solid #ccc;
  margin: 10px 0 0;
  padding: 10px 0 10px 0;
  text-align: center;
}
.tti-actions .k-block {
  text-align: left;
}
.tti-actions button {
  width: 100px;
}
.label-colon label::after {
  content: ":";
}
.bootstrap-label-colon > div > label::after {
  content: ":";
}
label.no-colon::after {
  content: none;
}
.new-transaction-initial-data-entry-form .form-group {
  margin-bottom: 0;
}
.radio-button-list > input[type="radio"] {
  float: left;
  margin-right: 5px;
}
.radio-button-list > label {
  display: inline;
  font-weight: normal;
  margin-bottom: 0;
  width: auto;
}
font-face {
  font-family: "tti-icons";
  src: url("../base/Kendo/images/kendoUI.woff") format("woff"), url("../base/Kendo/images/kendoUI.ttf") format("truetype");
}
/******************** Non - Svg Icons ***********************************************/
.tti-icon {
  background-repeat: no-repeat;
  border-color: transparent;
  color: #676767;
  display: inline-block;
  font-family: "tti-icons";
  font-size: 14px;
  font-weight: normal;
  height: 16px;
  line-height: 16px;
  margin: 0 2px 0 0;
  opacity: 1;
  overflow: hidden;
  width: 16px;
  vertical-align: middle;
}
.tti-i-grid-icon {
  height: 32px;
  width: 32px;
  display: inline-block;
  border: hidden;
  background-repeat: no-repeat;
}
.tti-i-download:after,
.tti-i-download:before {
  content: "\e096";
  font-size: 12px;
  padding: 2px;
  vertical-align: top;
}
.tti-i-edit:after,
.tti-i-edit:before {
  content: "\e0d5";
}
.tti-i-eye:after,
.tti-i-eye:before {
  content: "\e09b";
}
.tti-i-export {
  background-image: url('../base/Images/export-arrow.png');
}
.tti-i-import:after,
.tti-i-import:before {
  content: "\e096";
}
.tti-i-key:after,
.tti-i-key:before {
  content: "\e0b1";
}
.tti-i-lock {
  background-image: url('../base/Images/unlock-lock-sprite.png');
  background-position: 3px 3px;
}
.tti-i-print:after,
.tti-i-print:before {
  content: "\e07e";
}
.tti-i-revert:after,
.tti-i-revert:before {
  content: "\e31c";
}
.tti-i-save:after,
.tti-i-save:before {
  content: "\e0bd";
}
.tti-i-unlock {
  background-image: url('../base/Images/unlock-lock-sprite.png');
  background-position: -23px 3px;
}
.tti-i-upload:after,
.tti-i-upload:before {
  content: "\e0c6";
  font-size: 12px;
  padding: 2px;
  vertical-align: top;
}
.tti-i-upload-icon {
  background-image: url('../base/Images/todo/upload_16x16.png');
}
.tti-i-cancel {
  background-image: url('../base/Images/todo/cancel_16x16.png');
}
.tti-i-edit-icon {
  background-image: url('../base/Images/todo/edit_16x16.png');
}
.tti-i-override-icon {
  background-image: url('../base/Images/todo/override_32x32.png');
}
.tti-i-todo-priority-none {
  background-image: url('../base/Images/todo/priority_none_32x32.png');
}
.tti-i-todo-priority-low {
  background-image: url('../base/Images/todo/priority_low_32x32.png');
}
.tti-i-todo-priority-medium {
  background-image: url('../base/Images/todo/priority_med_32x32.png');
}
.tti-i-todo-priority-high {
  background-image: url('../base/Images/todo/priority_high_32x32.png');
}
.tti-i-todo-state-created {
  background-image: url('../base/Images/todo/placeholder_32x32.png');
}
.tti-i-todo-state-inprogress {
  background-image: url('../base/Images/todo/state_inprogress_32x32.png');
}
.tti-i-todo-state-completed {
  background-image: url('../base/Images/todo/state_complete_32x32.png');
}
.tti-i-todo-state-canceled {
  background-image: url('../base/Images/todo/state_canceled_32x32.png');
}
.tti-i-inbox:after,
.tti-i-inbox:before {
  content: "\e096";
}
.tti-i-incoming:after,
.tti-i-incoming:before {
  content: "\e0b2";
}
.tti-i-outbox:after,
.tti-i-outbox:before {
  content: "\e0c6";
}
.tti-i-outgoing:after,
.tti-i-outgoing:before {
  content: "\e0b3";
}
.tti-i-trash:after,
.tti-i-trash:before {
  content: "\e321";
}
.tti-i-document:after,
.tti-i-document:before {
  content: "\e09c";
}
.tti-i-todo-clear-sort {
  background-image: url('../base/Images/todo/clear_sort_16x16.png');
}
div#tti-todo-grid-plugin.k-grid.k-widget > div.k-grid-content > table > tbody > tr {
  height: 33px;
}
.icon-container {
  width: 20px;
  display: inline-block;
}
/******************** Non - Svg Icons ***********************************************/
/******************** Svg Icons **************************************************/
/* Base SVG Class*/
/*.ddm-i-svg(@size; @wh){
	width: @wh;
	height: @wh;
	background-size: @size;
	display: inline-block;
	background-repeat: no-repeat;
}*/
/* Size classes for categories of icons*/
.ddm-i-navigation {
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-button {
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status {
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-priority {
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-todo-status {
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-grid,
.ddm-i-grid-button {
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button {
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-dropdown {
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-inline {
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-disabled {
  opacity: 0.6;
}
.ddm-i-42_28 {
  width: 42px;
  height: 28px;
  background-size: 42px 28px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-email-subscription-receiving {
  background: url("../base/Images/SvgIcons/NonSquareIcons/EmailSubscription_Incoming.svg");
  width: 42px;
  height: 28px;
  background-size: 42px 28px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-email-subscription-outgoing-cc {
  background: url("../base/Images/SvgIcons/NonSquareIcons/EmailSubscription_OutgoingCC.svg");
  width: 42px;
  height: 28px;
  background-size: 42px 28px;
  display: inline-block;
  background-repeat: no-repeat;
}
/*Generic icons*/
.ddm-i-footer-logo {
  background: url("../base/Images/SvgIcons/TradeIcon.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-exclamation-circle,
.ddm-i-info {
  background: url("../base/Images/SvgIcons/Note.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-asterisk,
.ddm-i-required {
  background: url("../base/Images/SvgIcons/Required.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* Exporter specific */
.ddm-i-exporter-credit-up {
  background: url("../base/Images/SvgIcons/Exporter Misc/CreditUp.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-exporter-credit-down {
  background: url("../base/Images/SvgIcons/Exporter Misc/CreditDown.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-exporter-payment,
.ddm-i-status-payment {
  background: url("../base/Images/SvgIcons/Exporter Misc/ForPayment.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-exporter-comment,
.ddm-i-status-comment {
  background: url("../base/Images/SvgIcons/Exporter Misc/ForComment.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-exporter-chamber,
.ddm-i-status-chamber {
  background: url("../base/Images/SvgIcons/Exporter Misc/Chamber.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-exporter-carrier,
.ddm-i-status-carrier {
  background: url("../base/Images/SvgIcons/Exporter Misc/Carrier.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-exporter-consular,
.ddm-i-status-consular {
  background: url("../base/Images/SvgIcons/Exporter Misc/consultant.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-exporter-insurance,
.ddm-i-status-insurance {
  background: url("../base/Images/SvgIcons/Exporter Misc/Insurance.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* Grid Button*/
.ddm-i-action-reject-document {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Reject.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-grid-button-print,
.ddm-i-action-print {
  background: url("../base/Images/SvgIcons/Print.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-grid-button-edit,
.ddm-i-grid-button-edit-document,
.ddm-i-action-edit-document {
  background: url("../base/Images/SvgIcons/EditDocument.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-grid-button-delete,
.ddm-i-grid-button-delete-document,
.ddm-i-action-delete-document,
.ddm-i-action-delete {
  background: url("../base/Images/SvgIcons/Trash.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-grid-button-document-setting,
.ddm-i-action-document-setting {
  background: url("../base/Images/SvgIcons/SettingDocument.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-grid-button-view {
  background: url("../base/Images/SvgIcons/Buttons_14px/Views-button.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-error-small {
  background: url("../base/Images/SvgIcons/Error.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-warning {
  background: url("../base/Images/SvgIcons/Warning.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-presentation-direct,
.ddm-i-grid-presentation-direct {
  background: url("../base/Images/SvgIcons/Direct-Presentation.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-presentation-online,
.ddm-i-grid-presentation-online {
  background: url("../base/Images/SvgIcons/Online-Presentation.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-grid-draw-upload {
  background: url("../base/Images/SvgIcons/Buttons_14px/Upload-Button.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* Draw Status */
.ddm-i-draw-status-presented {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_PresentedPayment.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-presentedcomment {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_PresentedComment.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-presentedthirdparty {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_PresentedThird.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-accepted {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Accept-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-action-reject-document,
.ddm-i-draw-status-discrepant-rejected,
.ddm-i-draw-status-rejected {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Reject-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-examining {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Exam-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-working {
  background-image: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Working-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-for-review {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Review.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-reviewed {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Review-Accepted.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-reviewed-comments {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Review-Rejected.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-paid-discrepant {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Paid-Rejected.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-cancelled-draw {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Cancelled-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-unknown {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Unknown-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-paid {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Paid-Accepted.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-new-transaction {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_New-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-closed {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Filed-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-deleted {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Deleted-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-new-import {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Import-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-new-clone {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Clone-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-waiting {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Waiting-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-archived {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Archived-border.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-plus-stack::before {
  content: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Plus.svg");
}
.ddm-i-draw-status-readonly {
  background: url("../base/Images/SvgIcons/Doge.svg");
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* small button icons  */
.ddm-i-button-generic-upload {
  background: url("../base/Images/SvgIcons/Buttons_14px/generic-upload-button.svg.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-generic-download {
  background: url("../base/Images/SvgIcons/Buttons_14px/generic-download-button.svg.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-delete,
.ddm-i-button-trash {
  background: url("../base/Images/SvgIcons/Buttons_14px/Delete-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-delete-jpg {
  background: url("../base/Images/SvgIcons/Buttons_14px/Delete-button.jpg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-activate {
  background: url("../base/Images/SvgIcons/Buttons_14px/star-outline-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-customize {
  background: url("../base/Images/SvgIcons/Buttons_14px/Customize-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-thin-x {
  background: url("../base/Images/SvgIcons/Buttons_14px/Thin-X-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-batch-upload {
  background: url("../base/Images/SvgIcons/Buttons_14px/Upload-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-diff {
  background: url("../base/Images/SvgIcons/Buttons_14px/diff-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-task-rejected,
.ddm-i-button-reject {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Reject.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-close,
.ddm-i-button-cancel-gray,
.ddm-i-button-clear,
.ddm-i-button-hide-all,
.ddm-i-button-cancel {
  background: url("../base/Images/SvgIcons/Buttons_14px/Clear-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-clear-sort {
  background: url("../base/Images/SvgIcons/Buttons_14px/Clear-sort-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-clear-search,
.ddm-i-button-clear-filter {
  background: url("../base/Images/SvgIcons/Buttons_14px/Clear-filter-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-erase {
  background: url("../base/Images/SvgIcons/Buttons_14px/Eraser-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-refresh {
  background: url("../base/Images/SvgIcons/Buttons_14px/Refresh-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-show,
.ddm-i-button-view,
.ddm-i-button-views {
  background: url("../base/Images/SvgIcons/Buttons_14px/Views-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-search {
  background: url("../base/Images/SvgIcons/Buttons_14px/Search-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-add,
.ddm-i-button-addnew {
  background: url("../base/Images/SvgIcons/Buttons_14px/Add-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-edit {
  background: url("../base/Images/SvgIcons/Buttons_14px/Edit-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-print {
  background: url("../base/Images/SvgIcons/Buttons_14px/Print-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-fields {
  background: url("../base/Images/SvgIcons/Buttons_14px/Fields-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-filter {
  background: url("../base/Images/SvgIcons/Buttons_14px/Filter-button-a.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-continue,
.ddm-i-button-confirm,
.ddm-i-button-submit,
.ddm-i-small-complete,
.ddm-i-button-check-green,
.ddm-i-button-yes,
.ddm-i-button-accept,
.ddm-i-button-included,
.ddm-i-button-ok {
  background: url("../base/Images/SvgIcons/Buttons_14px/Check-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-permission,
.ddm-i-button-selected,
.ddm-i-button-show-all,
.ddm-i-button-check-gray {
  background: url("../base/Images/SvgIcons/Buttons_14px/Check-button-gray.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-cancel-red,
.ddm-i-button-excluded,
.ddm-i-button-todo-cancel,
.ddm-i-button-red-x {
  background: url("../base/Images/SvgIcons/Buttons_14px/Red-X-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-mail,
.ddm-i-button-notification {
  background: url("../base/Images/SvgIcons/Buttons_14px/Mail-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-remark {
  background: url("../base/Images/SvgIcons/Buttons_14px/Remark-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-courier {
  background: url("../base/Images/SvgIcons/Buttons_14px/Courier-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-document {
  background: url("../base/Images/SvgIcons/Buttons_14px/Document-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-save {
  background: url("../base/Images/SvgIcons/Buttons_14px/Save-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-calendar {
  background: url("../base/Images/SvgIcons/Buttons_14px/Calendar-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-upload-orange,
.ddm-i-button-todo-upload {
  background: url("../base/Images/SvgIcons/Buttons_14px/Todo-Upload-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-upload {
  background: url("../base/Images/SvgIcons/Buttons_14px/Upload-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-undo,
.ddm-i-button-revert {
  background: url("../base/Images/SvgIcons/Buttons_14px/Revert-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-rewind,
.ddm-i-button-reset {
  background: url("../base/Images/SvgIcons/Buttons_14px/Rewind-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-todo-revert {
  background: url("../base/Images/SvgIcons/Buttons_14px/Todo-Revert-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-todo-reference {
  background: url("../base/Images/SvgIcons/Buttons_14px/Edit-Reference-Button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-export {
  background: url("../base/Images/SvgIcons/Buttons_14px/Export-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-import {
  background: url("../base/Images/SvgIcons/Buttons_14px/Import-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-fullscreen {
  background: url("../base/Images/SvgIcons/Buttons_14px/Fullscreen-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-restore-screen {
  background: url("../base/Images/SvgIcons/Buttons_14px/Restore-screen-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-void {
  background: url("../base/Images/SvgIcons/Buttons_14px/Void-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-lock {
  background: url("../base/Images/SvgIcons/Buttons_14px/Lock-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-add-folder {
  background: url("../base/Images/SvgIcons/Buttons_14px/add-Folder-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-add-default-folders {
  background: url("../base/Images/SvgIcons/Buttons_14px/Add-default-folders-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-details {
  background: url("../base/Images/SvgIcons/Buttons_14px/Details-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-unlocked,
.ddm-i-button-unlock {
  background: url("../base/Images/SvgIcons/Buttons_14px/Unlock-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-incoming {
  background: url("../base/Images/SvgIcons/Buttons_14px/Incoming-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-outgoing {
  background: url("../base/Images/SvgIcons/Buttons_14px/Outgoing-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-cut {
  background: url("../base/Images/SvgIcons/Buttons_14px/Cut-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-clone,
.ddm-i-button-copy {
  background: url("../base/Images/SvgIcons/Buttons_14px/Copy-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-paste {
  background: url("../base/Images/SvgIcons/Buttons_14px/Paste-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-clipboard {
  background: url("../base/Images/SvgIcons/Buttons_14px/Clipboard-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-add-message {
  background: url("../base/Images/SvgIcons/Buttons_14px/Add-message-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-add-email {
  background: url("../base/Images/SvgIcons/Buttons_14px/Add-email-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-star,
.ddm-i-button-current-payload {
  background: url("../base/Images/SvgIcons/Buttons_14px/star-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-replace {
  background: url("../base/Images/SvgIcons/Buttons_14px/replace-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-red-marker,
.ddm-i-button-validate {
  background: url("../base/Images/SvgIcons/Buttons_14px/red-marker-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-glasses {
  background: url("../base/Images/SvgIcons/Buttons_14px/glasses-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-right-arrow,
.ddm-i-button-next {
  background: url("../base/Images/SvgIcons/Buttons_14px/arrow-right-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-left-arrow,
.ddm-i-button-previous {
  background: url("../base/Images/SvgIcons/Buttons_14px/arrow-left-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-warning {
  background: url("../base/Images/SvgIcons/Buttons_14px/warning-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-error {
  background: url("../base/Images/SvgIcons/Buttons_14px/error-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-stamp {
  background: url("../base/Images/SvgIcons/Buttons_14px/stamp-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-present {
  background: url("../base/Images/SvgIcons/Buttons_14px/present-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-pen,
.ddm-i-button-amend {
  background: url("../base/Images/SvgIcons/Buttons_14px/amend-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-cash-register,
.ddm-i-button-billing {
  background: url("../base/Images/SvgIcons/Buttons_14px/billing-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-question-mark,
.ddm-i-button-help {
  background: url("../base/Images/SvgIcons/Buttons_14px/help-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-info {
  background: url("../base/Images/SvgIcons/Buttons_14px/info-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-certificate {
  background: url("../base/Images/SvgIcons/Buttons_14px/certificate-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-hide {
  background: url("../base/Images/SvgIcons/Buttons_14px/hide-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-document-reference,
.ddm-i-button-document-bookmark {
  background: url("../base/Images/SvgIcons/Buttons_14px/reference-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-document-select {
  background: url("../base/Images/SvgIcons/Buttons_14px/select-document-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-select-all {
  background: url("../base/Images/SvgIcons/Buttons_14px/select-all-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-sign,
.ddm-i-button-signature,
.ddm-i-button-quill {
  background: url("../base/Images/SvgIcons/Buttons_14px/signature-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-clear-all {
  background: url("../base/Images/SvgIcons/Buttons_14px/clear-all-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-paper-plane,
.ddm-i-button-send {
  background: url("../base/Images/SvgIcons/Buttons_14px/send-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-forward {
  background: url("../base/Images/SvgIcons/Buttons_14px/forward-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-question-circle {
  background: url("../base/Images/SvgIcons/Buttons_14px/question-circle-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-collapse-all {
  background: url("../base/Images/SvgIcons/Buttons_14px/collapse-all-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-expand-all {
  background: url("../base/Images/SvgIcons/Buttons_14px/expand-all-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-run,
.ddm-i-button-go {
  background: url("../base/Images/SvgIcons/Buttons_14px/go-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-set-read-only {
  background: url("../base/Images/SvgIcons/Buttons_14px/set-read-only-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-clear-read-only {
  background: url("../base/Images/SvgIcons/Buttons_14px/clear-read-only-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-platform-document {
  background: url("../base/Images/SvgIcons/Buttons_14px/platform-document-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-task-redo {
  background: url("../base/Images/SvgIcons/Buttons_14px/redo-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-draw-status {
  background: url("../base/Images/SvgIcons/Buttons_14px/draw-status-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-link {
  background: url("../base/Images/SvgIcons/Buttons_14px/link-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-workflow {
  background: url("../base/Images/SvgIcons/Buttons_14px/workflow-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-lightning,
.ddm-i-button-rule {
  background: url("../base/Images/SvgIcons/Buttons_14px/rule-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-key,
.ddm-i-button-permission,
.ddm-i-button-permissions {
  background: url("../base/Images/SvgIcons/Buttons_14px/key-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-test {
  background: url("../base/Images/SvgIcons/Buttons_14px/Test-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-log {
  background: url("../base/Images/SvgIcons/Buttons_14px/Log-button.svg");
  vertical-align: middle;
  padding-bottom: 2px;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-button-check-Data-Warning {
	background: url("../Base/Images/SvgIcons/Buttons_14px/check-Data-Warning.svg");
	vertical-align: middle;
	padding-bottom: 2px;
	width: 14px;
	height: 14px;
	background-size: 14px;
	display: inline-block;
	background-repeat: no-repeat;
}
/* Draw Buttons */
.ddm-i-draw-button-cancel-enabled {
  background: url("../base/Images/SvgIcons/DrawButtons_20px/DrawButtons_Cancel.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-button-delete-enabled {
  background: url("../base/Images/SvgIcons/DrawButtons_20px/DrawButtons_Delete.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-button-close-enabled {
  background: url("../base/Images/SvgIcons/DrawButtons_20px/DrawButtons_Filed.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-button-setreadonly-enabled {
  background: url("../base/Images/SvgIcons/DrawButtons_20px/DrawButtons_Read_Only.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-button-clearreadonly-enabled {
  background: url("../base/Images/SvgIcons/DrawButtons_20px/DrawButtons_WriteOk.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-button-restore-enabled {
  background: url("../base/Images/SvgIcons/DrawButtons_20px/DrawButtons_Revert.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-button-undelete-enabled {
  background: url("../base/Images/SvgIcons/DrawButtons_20px/DrawButtons_Undelete.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-button-status {
  background: url("../base/Images/SvgIcons/DrawButtons_20px/DrawStatus.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* Priority icons */
.ddm-i-priority-high {
  background: url("../base/Images/SvgIcons/ToDo/Priority20px/PriorityHigh.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-priority-medium {
  background: url("../base/Images/SvgIcons/ToDo/Priority20px/PriorityMedium.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-priority-low {
  background: url("../base/Images/SvgIcons/ToDo/Priority20px/PriorityLow.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-priority-none {
  background: url("../base/Images/SvgIcons/ToDo/Priority20px/PriorityNone.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* Todo Status */
.ddm-i-todo-status-complete {
  background: url("../base/Images/SvgIcons/ToDo/Status20px/Complete.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-todo-status-in-progress {
  background: url("../base/Images/SvgIcons/ToDo/Status20px/InProgress.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-todo-status-canceled,
.ddm-i-status-canceled {
  background: url("../base/Images/SvgIcons/ToDo/Status20px/Canceled.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-todo-status-locked,
.ddm-i-status-locked {
  background: url("../base/Images/SvgIcons/ToDo/Status20px/Locked.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* Navigation Icons */
.ddm-i-navigation-home {
  background: url("../base/Images/SvgIcons/NavigationButtons/Home.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-navigation-my-account {
  background: url("../base/Images/SvgIcons/NavigationButtons/MyAccount.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-navigation-help {
  background: url("../base/Images/SvgIcons/NavigationButtons/Help.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-navigation-logout {
  background: url("../base/Images/SvgIcons/NavigationButtons/Logout.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* Draw Status Dropdown*/
.ddm-i-draw-status-dropdown-all {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_All.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-dropdown-presented {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_PresentedHand.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-dropdown-examining {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Exam.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-dropdown-clean {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Accept.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-dropdown-discrepant {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Reject.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-dropdown-paid {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Paid-Accepted.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-status-dropdown-paid-discrepant {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Paid-Rejected.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* Draw Document Status */
.ddm-i-draw-document-status {
  width: 25px;
  height: 25px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-document-status-presented {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_PresentedHand.svg");
  width: 25px;
  height: 25px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-document-status-working {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Working.svg");
  width: 25px;
  height: 25px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-document-status-examining {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Exam.svg");
  width: 25px;
  height: 25px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-document-status-accepted {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Accept.svg");
  width: 25px;
  height: 25px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-document-status-rejected {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Reject.svg");
  width: 25px;
  height: 25px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-document-status-paid {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Paid-Accepted.svg");
  width: 25px;
  height: 25px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-draw-document-status-paid-discrepant {
  background: url("../base/Images/SvgIcons/DrawStatus/DrawStatus_Paid-Rejected.svg");
  width: 25px;
  height: 25px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* File types */
.ddm-i-file-blank,
.ddm-i-file-unknown {
  background: url("../base/Images/SvgIcons/FileIcons/BlankFile.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-csv {
  background: url("../base/Images/SvgIcons/FileIcons/CSV.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-doc {
  background: url("../base/Images/SvgIcons/FileIcons/DOC.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-gif {
  background: url("../base/Images/SvgIcons/FileIcons/GIF.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-HTM {
  background: url("../base/Images/SvgIcons/FileIcons/HTM.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-jpg {
  background: url("../base/Images/SvgIcons/FileIcons/JPG.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-pdf {
  background: url("../base/Images/SvgIcons/FileIcons/PDF.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-png {
  background: url("../base/Images/SvgIcons/FileIcons/PNG.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-tif {
  background: url("../base/Images/SvgIcons/FileIcons/TIF.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-txt {
  background: url("../base/Images/SvgIcons/FileIcons/TXT.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-xls {
  background: url("../base/Images/SvgIcons/FileIcons/XLS.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ddm-i-file-xml {
  background: url("../base/Images/SvgIcons/FileIcons/XML.svg");
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
/* jQuery ContextMenu Plugin Styles */
.context-menu-item-icon {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item-icon-kendo-sprite {
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item-icon-lock-sprite {
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-createdefaultfolders {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-createdefaultfolders:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/Add-default-folders-button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-delete {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-delete:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/Delete-Button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-edit {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-edit:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/Edit-button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-folder {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-folder:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/add-Folder-button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-info {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-info:before {
  background: url("../base/Images/SvgIcons/Note.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-lock {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-lock:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/Lock-button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-open {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-open:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/Views-button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-refresh {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-refresh:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/Refresh-button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-unlock {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-unlock:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/Unlock-button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
.context-menu-item.icon-upload {
  min-height: 16px;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 4px;
}
.context-menu-item.icon-upload:before {
  background: url("../base/Images/SvgIcons/Buttons_14px/Upload-button.svg");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  width: 16px;
}
/* used by the title bars and borders */
/* all these styles are in this namespace */
.ddm-angular-app {
  /* title text, blue background, used for headers on the page */
  /* buttons with no border until we hover over them */
  /* grid alt line color */
  /* typical grid settings, single line with ellipsis */
  /*
		Dialog Box Styles, used for the popup dialog boxes.
		Tyer, would you describe what this actyally does?
	*/
  /*.dialog-button {
		padding: 0;
		padding-left: 4px;
		padding-right: 4px;
		height: 22px;
	}*/
  /*tr.row-strikeout td {
		text-decoration: line-through;
	}*/
  /* used for missing *required* form items */
}
.ddm-angular-app .blue-header {
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  color: white;
  background-color: #4a7197;
  padding-left: 6.6px;
}
.ddm-angular-app .tab-breadcrumbs {
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  padding: 0 5px;
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faf2cc;
  float: right;
}
.ddm-angular-app button.ddm-grid-button {
  background-color: transparent;
  background-image: none;
  border: 0px;
  color: #222222;
  cursor: pointer;
  padding: 1px 5px 1px;
  margin: 0 2px 2px 0;
  line-height: 18px;
}
.ddm-angular-app button:hover.ddm-grid-button {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 0 4px 0;
  margin: 0 2px 2px 0;
  /*box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.6), 0 0 2px rgba(0, 0, 0, 0.3);*/
}
.ddm-angular-app button:disabled.ddm-grid-button {
  /*color: lightgray;*/
  opacity: 0.6;
}
.ddm-angular-app button:disabled:hover.ddm-grid-button {
  background-color: transparent;
  background-image: none;
  border: 0px;
  color: lightgray;
  cursor: pointer;
  padding: 1px 5px 1px;
  margin: 0 2px 2px 0;
  line-height: 18px;
}
.ddm-angular-app .k-grid .k-alt {
  background-color: #BDD2EF;
  color: black;
}
.ddm-angular-app .one-line-grid .k-grid-header {
  padding: 0 !important;
}
.ddm-angular-app .one-line-grid .k-grid-content {
  overflow-y: hidden;
}
.ddm-angular-app .one-line-grid td {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}
.ddm-angular-app .dlg-label {
  vertical-align: middle;
  line-height: 23px;
  text-align: right;
  padding: 0 5px 0 0;
  margin: 0;
  /* needed to right align with inline-block display
		right: 0;
		position:absolute; */
  /* this makes the labels display as expected */
  display: block;
}
.ddm-angular-app .dlg-text {
  vertical-align: middle;
  line-height: 23px;
  margin: 0;
}
.ddm-angular-app .dlg-input {
  vertical-align: middle;
  line-height: 18px;
  text-align: left;
  padding: 0;
  margin: 0;
}
.ddm-angular-app .dlg-row {
  padding-bottom: 1em;
}
.ddm-angular-app .dlg-row-above {
  padding-bottom: 1em;
  padding-top: 1em;
}
.ddm-angular-app .dlg-buttons {
  min-width: 180px;
  text-align: right;
}
.ddm-angular-app .dlgbox {
  padding: 8px 0 8px 0;
}
.ddm-angular-app .dlg-title {
  text-align: left;
  margin-top: -15px;
  margin-left: -15px;
}
.ddm-angular-app .warn {
  color: red;
}
.ddm-angular-app .k-dropdown-wrap .k-input {
  padding: 0.167em 0;
}
.ddm-angular-app .grid-checkbox {
  text-align: center;
}
.ddm-angular-app .grid-checkbox input[type='checkbox'] {
  margin: 0;
  cursor: pointer;
}
.ddm-angular-app .grid-checkbox input[type='checkbox']:disabled {
  cursor: not-allowed;
}
.ddm-angular-app .red-alert {
  color: red !important;
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon-ad {
  background-image: url('../base/Images/flags/png/ad.png');
}
.flag-icon-ad.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ad.svg');
}
.flag-icon-ae {
  background-image: url('../base/Images/flags/png/ae.png');
}
.flag-icon-ae.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ae.svg');
}
.flag-icon-af {
  background-image: url('../base/Images/flags/png/af.png');
}
.flag-icon-af.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/af.svg');
}
.flag-icon-ag {
  background-image: url('../base/Images/flags/png/ag.png');
}
.flag-icon-ag.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ag.svg');
}
.flag-icon-ai {
  background-image: url('../base/Images/flags/png/ai.png');
}
.flag-icon-ai.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ai.svg');
}
.flag-icon-al {
  background-image: url('../base/Images/flags/png/al.png');
}
.flag-icon-al.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/al.svg');
}
.flag-icon-am {
  background-image: url('../base/Images/flags/png/am.png');
}
.flag-icon-am.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/am.svg');
}
.flag-icon-ao {
  background-image: url('../base/Images/flags/png/ao.png');
}
.flag-icon-ao.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ao.svg');
}
.flag-icon-aq {
  background-image: url('../base/Images/flags/png/aq.png');
}
.flag-icon-aq.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/aq.svg');
}
.flag-icon-ar {
  background-image: url('../base/Images/flags/png/ar.png');
}
.flag-icon-ar.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ar.svg');
}
.flag-icon-as {
  background-image: url('../base/Images/flags/png/as.png');
}
.flag-icon-as.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/as.svg');
}
.flag-icon-at {
  background-image: url('../base/Images/flags/png/at.png');
}
.flag-icon-at.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/at.svg');
}
.flag-icon-au {
  background-image: url('../base/Images/flags/png/au.png');
}
.flag-icon-au.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/au.svg');
}
.flag-icon-aw {
  background-image: url('../base/Images/flags/png/aw.png');
}
.flag-icon-aw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/aw.svg');
}
.flag-icon-ax {
  background-image: url('../base/Images/flags/png/ax.png');
}
.flag-icon-ax.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ax.svg');
}
.flag-icon-az {
  background-image: url('../base/Images/flags/png/az.png');
}
.flag-icon-az.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/az.svg');
}
.flag-icon-ba {
  background-image: url('../base/Images/flags/png/ba.png');
}
.flag-icon-ba.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ba.svg');
}
.flag-icon-bb {
  background-image: url('../base/Images/flags/png/bb.png');
}
.flag-icon-bb.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bb.svg');
}
.flag-icon-bd {
  background-image: url('../base/Images/flags/png/bd.png');
}
.flag-icon-bd.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bd.svg');
}
.flag-icon-be {
  background-image: url('../base/Images/flags/png/be.png');
}
.flag-icon-be.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/be.svg');
}
.flag-icon-bf {
  background-image: url('../base/Images/flags/png/bf.png');
}
.flag-icon-bf.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bf.svg');
}
.flag-icon-bg {
  background-image: url('../base/Images/flags/png/bg.png');
}
.flag-icon-bg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bg.svg');
}
.flag-icon-bh {
  background-image: url('../base/Images/flags/png/bh.png');
}
.flag-icon-bh.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bh.svg');
}
.flag-icon-bi {
  background-image: url('../base/Images/flags/png/bi.png');
}
.flag-icon-bi.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bi.svg');
}
.flag-icon-bj {
  background-image: url('../base/Images/flags/png/bj.png');
}
.flag-icon-bj.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bj.svg');
}
.flag-icon-bl {
  background-image: url('../base/Images/flags/png/bl.png');
}
.flag-icon-bl.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bl.svg');
}
.flag-icon-bm {
  background-image: url('../base/Images/flags/png/bm.png');
}
.flag-icon-bm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bm.svg');
}
.flag-icon-bn {
  background-image: url('../base/Images/flags/png/bn.png');
}
.flag-icon-bn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bn.svg');
}
.flag-icon-bo {
  background-image: url('../base/Images/flags/png/bo.png');
}
.flag-icon-bo.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bo.svg');
}
.flag-icon-bq {
  background-image: url('../base/Images/flags/png/bq.png');
}
.flag-icon-bq.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bq.svg');
}
.flag-icon-br {
  background-image: url('../base/Images/flags/png/br.png');
}
.flag-icon-br.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/br.svg');
}
.flag-icon-bs {
  background-image: url('../base/Images/flags/png/bs.png');
}
.flag-icon-bs.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bs.svg');
}
.flag-icon-bt {
  background-image: url('../base/Images/flags/png/bt.png');
}
.flag-icon-bt.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bt.svg');
}
.flag-icon-bv {
  background-image: url('../base/Images/flags/png/bv.png');
}
.flag-icon-bv.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bv.svg');
}
.flag-icon-bw {
  background-image: url('../base/Images/flags/png/bw.png');
}
.flag-icon-bw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bw.svg');
}
.flag-icon-by {
  background-image: url('../base/Images/flags/png/by.png');
}
.flag-icon-by.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/by.svg');
}
.flag-icon-bz {
  background-image: url('../base/Images/flags/png/bz.png');
}
.flag-icon-bz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/bz.svg');
}
.flag-icon-ca {
  background-image: url('../base/Images/flags/png/ca.png');
}
.flag-icon-ca.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ca.svg');
}
.flag-icon-cc {
  background-image: url('../base/Images/flags/png/cc.png');
}
.flag-icon-cc.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cc.svg');
}
.flag-icon-cd {
  background-image: url('../base/Images/flags/png/cd.png');
}
.flag-icon-cd.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cd.svg');
}
.flag-icon-cf {
  background-image: url('../base/Images/flags/png/cf.png');
}
.flag-icon-cf.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cf.svg');
}
.flag-icon-cg {
  background-image: url('../base/Images/flags/png/cg.png');
}
.flag-icon-cg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cg.svg');
}
.flag-icon-ch {
  background-image: url('../base/Images/flags/png/ch.png');
}
.flag-icon-ch.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ch.svg');
}
.flag-icon-ci {
  background-image: url('../base/Images/flags/png/ci.png');
}
.flag-icon-ci.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ci.svg');
}
.flag-icon-ck {
  background-image: url('../base/Images/flags/png/ck.png');
}
.flag-icon-ck.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ck.svg');
}
.flag-icon-cl {
  background-image: url('../base/Images/flags/png/cl.png');
}
.flag-icon-cl.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cl.svg');
}
.flag-icon-cm {
  background-image: url('../base/Images/flags/png/cm.png');
}
.flag-icon-cm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cm.svg');
}
.flag-icon-cn {
  background-image: url('../base/Images/flags/png/cn.png');
}
.flag-icon-cn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cn.svg');
}
.flag-icon-co {
  background-image: url('../base/Images/flags/png/co.png');
}
.flag-icon-co.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/co.svg');
}
.flag-icon-cr {
  background-image: url('../base/Images/flags/png/cr.png');
}
.flag-icon-cr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cr.svg');
}
.flag-icon-cu {
  background-image: url('../base/Images/flags/png/cu.png');
}
.flag-icon-cu.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cu.svg');
}
.flag-icon-cv {
  background-image: url('../base/Images/flags/png/cv.png');
}
.flag-icon-cv.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cv.svg');
}
.flag-icon-cw {
  background-image: url('../base/Images/flags/png/cw.png');
}
.flag-icon-cw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cw.svg');
}
.flag-icon-cx {
  background-image: url('../base/Images/flags/png/cx.png');
}
.flag-icon-cx.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cx.svg');
}
.flag-icon-cy {
  background-image: url('../base/Images/flags/png/cy.png');
}
.flag-icon-cy.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cy.svg');
}
.flag-icon-cz {
  background-image: url('../base/Images/flags/png/cz.png');
}
.flag-icon-cz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cz.svg');
}
.flag-icon-de {
  background-image: url('../base/Images/flags/png/de.png');
}
.flag-icon-de.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/de.svg');
}
.flag-icon-dj {
  background-image: url('../base/Images/flags/png/dj.png');
}
.flag-icon-dj.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/dj.svg');
}
.flag-icon-dk {
  background-image: url('../base/Images/flags/png/dk.png');
}
.flag-icon-dk.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/dk.svg');
}
.flag-icon-dm {
  background-image: url('../base/Images/flags/png/dm.png');
}
.flag-icon-dm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/dm.svg');
}
.flag-icon-do {
  background-image: url('../base/Images/flags/png/do.png');
}
.flag-icon-do.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/do.svg');
}
.flag-icon-dz {
  background-image: url('../base/Images/flags/png/dz.png');
}
.flag-icon-dz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/dz.svg');
}
.flag-icon-ec {
  background-image: url('../base/Images/flags/png/ec.png');
}
.flag-icon-ec.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ec.svg');
}
.flag-icon-ee {
  background-image: url('../base/Images/flags/png/ee.png');
}
.flag-icon-ee.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ee.svg');
}
.flag-icon-eg {
  background-image: url('../base/Images/flags/png/eg.png');
}
.flag-icon-eg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/eg.svg');
}
.flag-icon-eh {
  background-image: url('../base/Images/flags/png/eh.png');
}
.flag-icon-eh.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/eh.svg');
}
.flag-icon-er {
  background-image: url('../base/Images/flags/png/er.png');
}
.flag-icon-er.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/er.svg');
}
.flag-icon-es {
  background-image: url('../base/Images/flags/png/es.png');
}
.flag-icon-es.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/es.svg');
}
.flag-icon-et {
  background-image: url('../base/Images/flags/png/et.png');
}
.flag-icon-et.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/et.svg');
}
.flag-icon-fi {
  background-image: url('../base/Images/flags/png/fi.png');
}
.flag-icon-fi.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/fi.svg');
}
.flag-icon-fj {
  background-image: url('../base/Images/flags/png/fj.png');
}
.flag-icon-fj.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/fj.svg');
}
.flag-icon-fk {
  background-image: url('../base/Images/flags/png/fk.png');
}
.flag-icon-fk.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/fk.svg');
}
.flag-icon-fm {
  background-image: url('../base/Images/flags/png/fm.png');
}
.flag-icon-fm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/fm.svg');
}
.flag-icon-fo {
  background-image: url('../base/Images/flags/png/fo.png');
}
.flag-icon-fo.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/fo.svg');
}
.flag-icon-fr {
  background-image: url('../base/Images/flags/png/fr.png');
}
.flag-icon-fr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/fr.svg');
}
.flag-icon-ga {
  background-image: url('../base/Images/flags/png/ga.png');
}
.flag-icon-ga.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ga.svg');
}
.flag-icon-gb {
  background-image: url('../base/Images/flags/png/gb.png');
}
.flag-icon-gb.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gb.svg');
}
.flag-icon-gd {
  background-image: url('../base/Images/flags/png/gd.png');
}
.flag-icon-gd.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gd.svg');
}
.flag-icon-ge {
  background-image: url('../base/Images/flags/png/ge.png');
}
.flag-icon-ge.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ge.svg');
}
.flag-icon-gf {
  background-image: url('../base/Images/flags/png/gf.png');
}
.flag-icon-gf.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gf.svg');
}
.flag-icon-gg {
  background-image: url('../base/Images/flags/png/gg.png');
}
.flag-icon-gg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gg.svg');
}
.flag-icon-gh {
  background-image: url('../base/Images/flags/png/gh.png');
}
.flag-icon-gh.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gh.svg');
}
.flag-icon-gi {
  background-image: url('../base/Images/flags/png/gi.png');
}
.flag-icon-gi.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gi.svg');
}
.flag-icon-gl {
  background-image: url('../base/Images/flags/png/gl.png');
}
.flag-icon-gl.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gl.svg');
}
.flag-icon-gm {
  background-image: url('../base/Images/flags/png/gm.png');
}
.flag-icon-gm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gm.svg');
}
.flag-icon-gn {
  background-image: url('../base/Images/flags/png/gn.png');
}
.flag-icon-gn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gn.svg');
}
.flag-icon-gp {
  background-image: url('../base/Images/flags/png/gp.png');
}
.flag-icon-gp.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gp.svg');
}
.flag-icon-gq {
  background-image: url('../base/Images/flags/png/gq.png');
}
.flag-icon-gq.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gq.svg');
}
.flag-icon-gr {
  background-image: url('../base/Images/flags/png/gr.png');
}
.flag-icon-gr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gr.svg');
}
.flag-icon-gs {
  background-image: url('../base/Images/flags/png/gs.png');
}
.flag-icon-gs.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gs.svg');
}
.flag-icon-gt {
  background-image: url('../base/Images/flags/png/gt.png');
}
.flag-icon-gt.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gt.svg');
}
.flag-icon-gu {
  background-image: url('../base/Images/flags/png/gu.png');
}
.flag-icon-gu.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gu.svg');
}
.flag-icon-gw {
  background-image: url('../base/Images/flags/png/gw.png');
}
.flag-icon-gw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gw.svg');
}
.flag-icon-gy {
  background-image: url('../base/Images/flags/png/gy.png');
}
.flag-icon-gy.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gy.svg');
}
.flag-icon-hk {
  background-image: url('../base/Images/flags/png/hk.png');
}
.flag-icon-hk.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/hk.svg');
}
.flag-icon-hm {
  background-image: url('../base/Images/flags/png/hm.png');
}
.flag-icon-hm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/hm.svg');
}
.flag-icon-hn {
  background-image: url('../base/Images/flags/png/hn.png');
}
.flag-icon-hn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/hn.svg');
}
.flag-icon-hr {
  background-image: url('../base/Images/flags/png/hr.png');
}
.flag-icon-hr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/hr.svg');
}
.flag-icon-ht {
  background-image: url('../base/Images/flags/png/ht.png');
}
.flag-icon-ht.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ht.svg');
}
.flag-icon-hu {
  background-image: url('../base/Images/flags/png/hu.png');
}
.flag-icon-hu.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/hu.svg');
}
.flag-icon-id {
  background-image: url('../base/Images/flags/png/id.png');
}
.flag-icon-id.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/id.svg');
}
.flag-icon-ie {
  background-image: url('../base/Images/flags/png/ie.png');
}
.flag-icon-ie.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ie.svg');
}
.flag-icon-il {
  background-image: url('../base/Images/flags/png/il.png');
}
.flag-icon-il.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/il.svg');
}
.flag-icon-im {
  background-image: url('../base/Images/flags/png/im.png');
}
.flag-icon-im.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/im.svg');
}
.flag-icon-in {
  background-image: url('../base/Images/flags/png/in.png');
}
.flag-icon-in.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/in.svg');
}
.flag-icon-io {
  background-image: url('../base/Images/flags/png/io.png');
}
.flag-icon-io.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/io.svg');
}
.flag-icon-iq {
  background-image: url('../base/Images/flags/png/iq.png');
}
.flag-icon-iq.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/iq.svg');
}
.flag-icon-ir {
  background-image: url('../base/Images/flags/png/ir.png');
}
.flag-icon-ir.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ir.svg');
}
.flag-icon-is {
  background-image: url('../base/Images/flags/png/is.png');
}
.flag-icon-is.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/is.svg');
}
.flag-icon-it {
  background-image: url('../base/Images/flags/png/it.png');
}
.flag-icon-it.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/it.svg');
}
.flag-icon-je {
  background-image: url('../base/Images/flags/png/je.png');
}
.flag-icon-je.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/je.svg');
}
.flag-icon-jm {
  background-image: url('../base/Images/flags/png/jm.png');
}
.flag-icon-jm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/jm.svg');
}
.flag-icon-jo {
  background-image: url('../base/Images/flags/png/jo.png');
}
.flag-icon-jo.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/jo.svg');
}
.flag-icon-jp {
  background-image: url('../base/Images/flags/png/jp.png');
}
.flag-icon-jp.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/jp.svg');
}
.flag-icon-ke {
  background-image: url('../base/Images/flags/png/ke.png');
}
.flag-icon-ke.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ke.svg');
}
.flag-icon-kg {
  background-image: url('../base/Images/flags/png/kg.png');
}
.flag-icon-kg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/kg.svg');
}
.flag-icon-kh {
  background-image: url('../base/Images/flags/png/kh.png');
}
.flag-icon-kh.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/kh.svg');
}
.flag-icon-ki {
  background-image: url('../base/Images/flags/png/ki.png');
}
.flag-icon-ki.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ki.svg');
}
.flag-icon-km {
  background-image: url('../base/Images/flags/png/km.png');
}
.flag-icon-km.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/km.svg');
}
.flag-icon-kn {
  background-image: url('../base/Images/flags/png/kn.png');
}
.flag-icon-kn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/kn.svg');
}
.flag-icon-kp {
  background-image: url('../base/Images/flags/png/kp.png');
}
.flag-icon-kp.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/kp.svg');
}
.flag-icon-kr {
  background-image: url('../base/Images/flags/png/kr.png');
}
.flag-icon-kr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/kr.svg');
}
.flag-icon-kw {
  background-image: url('../base/Images/flags/png/kw.png');
}
.flag-icon-kw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/kw.svg');
}
.flag-icon-ky {
  background-image: url('../base/Images/flags/png/ky.png');
}
.flag-icon-ky.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ky.svg');
}
.flag-icon-kz {
  background-image: url('../base/Images/flags/png/kz.png');
}
.flag-icon-kz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/kz.svg');
}
.flag-icon-la {
  background-image: url('../base/Images/flags/png/la.png');
}
.flag-icon-la.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/la.svg');
}
.flag-icon-lb {
  background-image: url('../base/Images/flags/png/lb.png');
}
.flag-icon-lb.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/lb.svg');
}
.flag-icon-lc {
  background-image: url('../base/Images/flags/png/lc.png');
}
.flag-icon-lc.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/lc.svg');
}
.flag-icon-li {
  background-image: url('../base/Images/flags/png/li.png');
}
.flag-icon-li.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/li.svg');
}
.flag-icon-lk {
  background-image: url('../base/Images/flags/png/lk.png');
}
.flag-icon-lk.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/lk.svg');
}
.flag-icon-lr {
  background-image: url('../base/Images/flags/png/lr.png');
}
.flag-icon-lr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/lr.svg');
}
.flag-icon-ls {
  background-image: url('../base/Images/flags/png/ls.png');
}
.flag-icon-ls.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ls.svg');
}
.flag-icon-lt {
  background-image: url('../base/Images/flags/png/lt.png');
}
.flag-icon-lt.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/lt.svg');
}
.flag-icon-lu {
  background-image: url('../base/Images/flags/png/lu.png');
}
.flag-icon-lu.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/lu.svg');
}
.flag-icon-lv {
  background-image: url('../base/Images/flags/png/lv.png');
}
.flag-icon-lv.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/lv.svg');
}
.flag-icon-ly {
  background-image: url('../base/Images/flags/png/ly.png');
}
.flag-icon-ly.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ly.svg');
}
.flag-icon-ma {
  background-image: url('../base/Images/flags/png/ma.png');
}
.flag-icon-ma.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ma.svg');
}
.flag-icon-mc {
  background-image: url('../base/Images/flags/png/mc.png');
}
.flag-icon-mc.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mc.svg');
}
.flag-icon-md {
  background-image: url('../base/Images/flags/png/md.png');
}
.flag-icon-md.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/md.svg');
}
.flag-icon-me {
  background-image: url('../base/Images/flags/png/me.png');
}
.flag-icon-me.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/me.svg');
}
.flag-icon-mf {
  background-image: url('../base/Images/flags/png/mf.png');
}
.flag-icon-mf.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mf.svg');
}
.flag-icon-mg {
  background-image: url('../base/Images/flags/png/mg.png');
}
.flag-icon-mg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mg.svg');
}
.flag-icon-mh {
  background-image: url('../base/Images/flags/png/mh.png');
}
.flag-icon-mh.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mh.svg');
}
.flag-icon-mk {
  background-image: url('../base/Images/flags/png/mk.png');
}
.flag-icon-mk.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mk.svg');
}
.flag-icon-ml {
  background-image: url('../base/Images/flags/png/ml.png');
}
.flag-icon-ml.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ml.svg');
}
.flag-icon-mm {
  background-image: url('../base/Images/flags/png/mm.png');
}
.flag-icon-mm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mm.svg');
}
.flag-icon-mn {
  background-image: url('../base/Images/flags/png/mn.png');
}
.flag-icon-mn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mn.svg');
}
.flag-icon-mo {
  background-image: url('../base/Images/flags/png/mo.png');
}
.flag-icon-mo.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mo.svg');
}
.flag-icon-mp {
  background-image: url('../base/Images/flags/png/mp.png');
}
.flag-icon-mp.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mp.svg');
}
.flag-icon-mq {
  background-image: url('../base/Images/flags/png/mq.png');
}
.flag-icon-mq.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mq.svg');
}
.flag-icon-mr {
  background-image: url('../base/Images/flags/png/mr.png');
}
.flag-icon-mr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mr.svg');
}
.flag-icon-ms {
  background-image: url('../base/Images/flags/png/ms.png');
}
.flag-icon-ms.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ms.svg');
}
.flag-icon-mt {
  background-image: url('../base/Images/flags/png/mt.png');
}
.flag-icon-mt.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mt.svg');
}
.flag-icon-mu {
  background-image: url('../base/Images/flags/png/mu.png');
}
.flag-icon-mu.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mu.svg');
}
.flag-icon-mv {
  background-image: url('../base/Images/flags/png/mv.png');
}
.flag-icon-mv.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mv.svg');
}
.flag-icon-mw {
  background-image: url('../base/Images/flags/png/mw.png');
}
.flag-icon-mw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mw.svg');
}
.flag-icon-mx {
  background-image: url('../base/Images/flags/png/mx.png');
}
.flag-icon-mx.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mx.svg');
}
.flag-icon-my {
  background-image: url('../base/Images/flags/png/my.png');
}
.flag-icon-my.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/my.svg');
}
.flag-icon-mz {
  background-image: url('../base/Images/flags/png/mz.png');
}
.flag-icon-mz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/mz.svg');
}
.flag-icon-na {
  background-image: url('../base/Images/flags/png/na.png');
}
.flag-icon-na.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/na.svg');
}
.flag-icon-nc {
  background-image: url('../base/Images/flags/png/nc.png');
}
.flag-icon-nc.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/nc.svg');
}
.flag-icon-ne {
  background-image: url('../base/Images/flags/png/ne.png');
}
.flag-icon-ne.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ne.svg');
}
.flag-icon-nf {
  background-image: url('../base/Images/flags/png/nf.png');
}
.flag-icon-nf.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/nf.svg');
}
.flag-icon-ng {
  background-image: url('../base/Images/flags/png/ng.png');
}
.flag-icon-ng.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ng.svg');
}
.flag-icon-ni {
  background-image: url('../base/Images/flags/png/ni.png');
}
.flag-icon-ni.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ni.svg');
}
.flag-icon-nl {
  background-image: url('../base/Images/flags/png/nl.png');
}
.flag-icon-nl.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/nl.svg');
}
.flag-icon-no {
  background-image: url('../base/Images/flags/png/no.png');
}
.flag-icon-no.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/no.svg');
}
.flag-icon-np {
  background-image: url('../base/Images/flags/png/np.png');
}
.flag-icon-np.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/np.svg');
}
.flag-icon-nr {
  background-image: url('../base/Images/flags/png/nr.png');
}
.flag-icon-nr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/nr.svg');
}
.flag-icon-nu {
  background-image: url('../base/Images/flags/png/nu.png');
}
.flag-icon-nu.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/nu.svg');
}
.flag-icon-nz {
  background-image: url('../base/Images/flags/png/nz.png');
}
.flag-icon-nz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/nz.svg');
}
.flag-icon-om {
  background-image: url('../base/Images/flags/png/om.png');
}
.flag-icon-om.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/om.svg');
}
.flag-icon-pa {
  background-image: url('../base/Images/flags/png/pa.png');
}
.flag-icon-pa.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pa.svg');
}
.flag-icon-pe {
  background-image: url('../base/Images/flags/png/pe.png');
}
.flag-icon-pe.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pe.svg');
}
.flag-icon-pf {
  background-image: url('../base/Images/flags/png/pf.png');
}
.flag-icon-pf.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pf.svg');
}
.flag-icon-pg {
  background-image: url('../base/Images/flags/png/pg.png');
}
.flag-icon-pg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pg.svg');
}
.flag-icon-ph {
  background-image: url('../base/Images/flags/png/ph.png');
}
.flag-icon-ph.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ph.svg');
}
.flag-icon-pk {
  background-image: url('../base/Images/flags/png/pk.png');
}
.flag-icon-pk.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pk.svg');
}
.flag-icon-pl {
  background-image: url('../base/Images/flags/png/pl.png');
}
.flag-icon-pl.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pl.svg');
}
.flag-icon-pm {
  background-image: url('../base/Images/flags/png/pm.png');
}
.flag-icon-pm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pm.svg');
}
.flag-icon-pn {
  background-image: url('../base/Images/flags/png/pn.png');
}
.flag-icon-pn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pn.svg');
}
.flag-icon-pr {
  background-image: url('../base/Images/flags/png/pr.png');
}
.flag-icon-pr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pr.svg');
}
.flag-icon-ps {
  background-image: url('../base/Images/flags/png/ps.png');
}
.flag-icon-ps.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ps.svg');
}
.flag-icon-pt {
  background-image: url('../base/Images/flags/png/pt.png');
}
.flag-icon-pt.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pt.svg');
}
.flag-icon-pw {
  background-image: url('../base/Images/flags/png/pw.png');
}
.flag-icon-pw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/pw.svg');
}
.flag-icon-py {
  background-image: url('../base/Images/flags/png/py.png');
}
.flag-icon-py.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/py.svg');
}
.flag-icon-qa {
  background-image: url('../base/Images/flags/png/qa.png');
}
.flag-icon-qa.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/qa.svg');
}
.flag-icon-re {
  background-image: url('../base/Images/flags/png/re.png');
}
.flag-icon-re.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/re.svg');
}
.flag-icon-ro {
  background-image: url('../base/Images/flags/png/ro.png');
}
.flag-icon-ro.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ro.svg');
}
.flag-icon-rs {
  background-image: url('../base/Images/flags/png/rs.png');
}
.flag-icon-rs.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/rs.svg');
}
.flag-icon-ru {
  background-image: url('../base/Images/flags/png/ru.png');
}
.flag-icon-ru.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ru.svg');
}
.flag-icon-rw {
  background-image: url('../base/Images/flags/png/rw.png');
}
.flag-icon-rw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/rw.svg');
}
.flag-icon-sa {
  background-image: url('../base/Images/flags/png/sa.png');
}
.flag-icon-sa.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sa.svg');
}
.flag-icon-sb {
  background-image: url('../base/Images/flags/png/sb.png');
}
.flag-icon-sb.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sb.svg');
}
.flag-icon-sc {
  background-image: url('../base/Images/flags/png/sc.png');
}
.flag-icon-sc.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sc.svg');
}
.flag-icon-sd {
  background-image: url('../base/Images/flags/png/sd.png');
}
.flag-icon-sd.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sd.svg');
}
.flag-icon-se {
  background-image: url('../base/Images/flags/png/se.png');
}
.flag-icon-se.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/se.svg');
}
.flag-icon-sg {
  background-image: url('../base/Images/flags/png/sg.png');
}
.flag-icon-sg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sg.svg');
}
.flag-icon-sh {
  background-image: url('../base/Images/flags/png/sh.png');
}
.flag-icon-sh.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sh.svg');
}
.flag-icon-si {
  background-image: url('../base/Images/flags/png/si.png');
}
.flag-icon-si.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/si.svg');
}
.flag-icon-sj {
  background-image: url('../base/Images/flags/png/sj.png');
}
.flag-icon-sj.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sj.svg');
}
.flag-icon-sk {
  background-image: url('../base/Images/flags/png/sk.png');
}
.flag-icon-sk.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sk.svg');
}
.flag-icon-sl {
  background-image: url('../base/Images/flags/png/sl.png');
}
.flag-icon-sl.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sl.svg');
}
.flag-icon-sm {
  background-image: url('../base/Images/flags/png/sm.png');
}
.flag-icon-sm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sm.svg');
}
.flag-icon-sn {
  background-image: url('../base/Images/flags/png/sn.png');
}
.flag-icon-sn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sn.svg');
}
.flag-icon-so {
  background-image: url('../base/Images/flags/png/so.png');
}
.flag-icon-so.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/so.svg');
}
.flag-icon-sr {
  background-image: url('../base/Images/flags/png/sr.png');
}
.flag-icon-sr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sr.svg');
}
.flag-icon-ss {
  background-image: url('../base/Images/flags/png/ss.png');
}
.flag-icon-ss.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ss.svg');
}
.flag-icon-st {
  background-image: url('../base/Images/flags/png/st.png');
}
.flag-icon-st.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/st.svg');
}
.flag-icon-sv {
  background-image: url('../base/Images/flags/png/sv.png');
}
.flag-icon-sv.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sv.svg');
}
.flag-icon-sx {
  background-image: url('../base/Images/flags/png/sx.png');
}
.flag-icon-sx.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sx.svg');
}
.flag-icon-sy {
  background-image: url('../base/Images/flags/png/sy.png');
}
.flag-icon-sy.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sy.svg');
}
.flag-icon-sz {
  background-image: url('../base/Images/flags/png/sz.png');
}
.flag-icon-sz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/sz.svg');
}
.flag-icon-tc {
  background-image: url('../base/Images/flags/png/tc.png');
}
.flag-icon-tc.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tc.svg');
}
.flag-icon-td {
  background-image: url('../base/Images/flags/png/td.png');
}
.flag-icon-td.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/td.svg');
}
.flag-icon-tf {
  background-image: url('../base/Images/flags/png/tf.png');
}
.flag-icon-tf.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tf.svg');
}
.flag-icon-tg {
  background-image: url('../base/Images/flags/png/tg.png');
}
.flag-icon-tg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tg.svg');
}
.flag-icon-th {
  background-image: url('../base/Images/flags/png/th.png');
}
.flag-icon-th.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/th.svg');
}
.flag-icon-tj {
  background-image: url('../base/Images/flags/png/tj.png');
}
.flag-icon-tj.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tj.svg');
}
.flag-icon-tk {
  background-image: url('../base/Images/flags/png/tk.png');
}
.flag-icon-tk.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tk.svg');
}
.flag-icon-tl {
  background-image: url('../base/Images/flags/png/tl.png');
}
.flag-icon-tl.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tl.svg');
}
.flag-icon-tm {
  background-image: url('../base/Images/flags/png/tm.png');
}
.flag-icon-tm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tm.svg');
}
.flag-icon-tn {
  background-image: url('../base/Images/flags/png/tn.png');
}
.flag-icon-tn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tn.svg');
}
.flag-icon-to {
  background-image: url('../base/Images/flags/png/to.png');
}
.flag-icon-to.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/to.svg');
}
.flag-icon-tr {
  background-image: url('../base/Images/flags/png/tr.png');
}
.flag-icon-tr.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tr.svg');
}
.flag-icon-tt {
  background-image: url('../base/Images/flags/png/tt.png');
}
.flag-icon-tt.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tt.svg');
}
.flag-icon-tv {
  background-image: url('../base/Images/flags/png/tv.png');
}
.flag-icon-tv.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tv.svg');
}
.flag-icon-tw {
  background-image: url('../base/Images/flags/png/tw.png');
}
.flag-icon-tw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tw.svg');
}
.flag-icon-tz {
  background-image: url('../base/Images/flags/png/tz.png');
}
.flag-icon-tz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/tz.svg');
}
.flag-icon-ua {
  background-image: url('../base/Images/flags/png/ua.png');
}
.flag-icon-ua.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ua.svg');
}
.flag-icon-ug {
  background-image: url('../base/Images/flags/png/ug.png');
}
.flag-icon-ug.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ug.svg');
}
.flag-icon-um {
  background-image: url('../base/Images/flags/png/um.png');
}
.flag-icon-um.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/um.svg');
}
.flag-icon-us {
  background-image: url('../base/Images/flags/png/us.png');
}
.flag-icon-us.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/us.svg');
}
.flag-icon-uy {
  background-image: url('../base/Images/flags/png/uy.png');
}
.flag-icon-uy.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/uy.svg');
}
.flag-icon-uz {
  background-image: url('../base/Images/flags/png/uz.png');
}
.flag-icon-uz.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/uz.svg');
}
.flag-icon-va {
  background-image: url('../base/Images/flags/png/va.png');
}
.flag-icon-va.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/va.svg');
}
.flag-icon-vc {
  background-image: url('../base/Images/flags/png/vc.png');
}
.flag-icon-vc.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/vc.svg');
}
.flag-icon-ve {
  background-image: url('../base/Images/flags/png/ve.png');
}
.flag-icon-ve.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ve.svg');
}
.flag-icon-vg {
  background-image: url('../base/Images/flags/png/vg.png');
}
.flag-icon-vg.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/vg.svg');
}
.flag-icon-vi {
  background-image: url('../base/Images/flags/png/vi.png');
}
.flag-icon-vi.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/vi.svg');
}
.flag-icon-vn {
  background-image: url('../base/Images/flags/png/vn.png');
}
.flag-icon-vn.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/vn.svg');
}
.flag-icon-vu {
  background-image: url('../base/Images/flags/png/vu.png');
}
.flag-icon-vu.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/vu.svg');
}
.flag-icon-wf {
  background-image: url('../base/Images/flags/png/wf.png');
}
.flag-icon-wf.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/wf.svg');
}
.flag-icon-ws {
  background-image: url('../base/Images/flags/png/ws.png');
}
.flag-icon-ws.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ws.svg');
}
.flag-icon-ye {
  background-image: url('../base/Images/flags/png/ye.png');
}
.flag-icon-ye.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ye.svg');
}
.flag-icon-yt {
  background-image: url('../base/Images/flags/png/yt.png');
}
.flag-icon-yt.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/yt.svg');
}
.flag-icon-za {
  background-image: url('../base/Images/flags/png/za.png');
}
.flag-icon-za.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/za.svg');
}
.flag-icon-zm {
  background-image: url('../base/Images/flags/png/zm.png');
}
.flag-icon-zm.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/zm.svg');
}
.flag-icon-zw {
  background-image: url('../base/Images/flags/png/zw.png');
}
.flag-icon-zw.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/zw.svg');
}
.flag-icon-unknown {
  background-image: url('../base/Images/flags/png/unknown.png');
}
.flag-icon-unknown.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/unknown.svg');
}
.flag-icon-eu {
  background-image: url('../base/Images/flags/png/eu.png');
}
.flag-icon-eu.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/eu.svg');
}
.flag-icon-gb-eng {
  background-image: url('../base/Images/flags/png/gb-eng.png');
}
.flag-icon-gb-eng.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gb-eng.svg');
}
.flag-icon-gb-nir {
  background-image: url('../base/Images/flags/png/gb-nir.png');
}
.flag-icon-gb-nir.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gb-nir.svg');
}
.flag-icon-gb-sct {
  background-image: url('../base/Images/flags/png/gb-sct.png');
}
.flag-icon-gb-sct.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gb-sct.svg');
}
.flag-icon-gb-wls {
  background-image: url('../base/Images/flags/png/gb-wls.png');
}
.flag-icon-gb-wls.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/gb-wls.svg');
}
.flag-icon-un {
  background-image: url('../base/Images/flags/png/un.png');
}
.flag-icon-un.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/un.svg');
}
.flag-icon-nafta {
  background-image: url('../base/Images/flags/png/nafta.png');
}
.flag-icon-nafta.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/nafta.svg');
}
.flag-icon-cis {
  background-image: url('../base/Images/flags/png/cis.png');
}
.flag-icon-cis.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/cis.svg');
}
.flag-icon-asean {
  background-image: url('../base/Images/flags/png/asean.png');
}
.flag-icon-asean.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/asean.svg');
}
.flag-icon-apec {
  background-image: url('../base/Images/flags/png/apec.png');
}
.flag-icon-apec.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/apec.svg');
}
.flag-icon-ftaa {
  background-image: url('../base/Images/flags/png/ftaa.png');
}
.flag-icon-ftaa.flag-icon-svg {
  background-image: url('../base/Images/flags/4x3/ftaa.svg');
}