/*AttachmentUploader*/
.attach-point { background-image: url(../Images/black-circle.png); background-repeat: no-repeat; background-position: center center; color: White; font-family: Arial; font-size: 15px; font-weight: bold; padding: 0 6px 0 6px; }
.attach-label { font-family: Arial; font-size: 12px; white-space: nowrap; }
.attach-caption { font-family: Arial; font-size: 10px; white-space: nowrap; }
.attach-limitations { line-height: 20px; text-align: left; }
.attach-limitations img { vertical-align: middle; }
.attach-limitations label { font-family: Arial; font-size: 11px; }

/*GridToolbar*/
.GridToolbar { background-color: #DCDCDC; overflow: hidden; zoom: 1; }
.GridToolbar a, 
.GridToolbar span.big,
.GridToolbar span.menu-text,
.GridToolbar select.menu-ddl{ display: block; float: left; line-height: 27px; margin-left: 25px; }

.GridToolbar a { background-repeat: no-repeat; background-position: left; line-height: 24px; padding-left: 20px; margin-left: 17px; color:#0066cc;}
.GridToolbar a img { border: 0; }
.GridToolbar select { margin-top: 4px; _margin-top: 3px; }

.GridToolbar .dxm-ltr {
        float: left;
    }
.GridToolbar .grid-filter-menu .dxm-ltr {
    float: right !important;
}
		
.GridToolbar a.back { background-image: url(../Images/backButtonNormal_18.gif); }
.GridToolbar a.print { background-image: url(../Images/Printer_18.gif); }
.GridToolbar a.print-disabled { background-image: url(../Images/Printer18_Disabled.gif); color: #cccccc; }
.GridToolbar a.export, .GridToolbar a.excel { background-image: url(../Images/excel_Normal.gif); }
.GridToolbar a.export-disabled, .GridToolbar a.excel-disabled { background-image: url(../Images/excel_Disabled.gif); color: #cccccc; }
.GridToolbar a.view { background-image: url(../Images/smallViewMagGlass.gif); }
.GridToolbar a.view-disabled { background-image: url(../Images/smallViewMagGlass_Disabled.gif); color: #cccccc; }
.GridToolbar a.view-po { background-image: url(../Images/smallViewMagGlass_Normal.gif); }
.GridToolbar a.view-po-disabled { background-image: url(../Images/smallViewMagGlass_Disabled.gif); color: #cccccc; }
.GridToolbar a.view-receipts { background-image: url(../Images/recieveIcon_18.gif); }
.GridToolbar a.view-receipts-disabled { background-image: url(../Images/recieveIconDisabled_18.gif); color: #cccccc; }
.GridToolbar a.resubmit { background-image: url(../Images/resubmit18_Enabled.gif); }
.GridToolbar a.resubmit-disabled { background-image: url(../Images/resubmit18_Disabled.gif); color: #cccccc; }
.GridToolbar a.recall { background-image: url(../Images/recallReq18_Enabled.gif); padding-left: 25px !important; }
.GridToolbar a.recall-disabled { background-image: url(../Images/recallReq18_Disabled.gif); padding-left: 25px !important; color: #cccccc; }
.GridToolbar a.cancel { background-image: url(../Images/cancelTask18_Enabled.gif); }
.GridToolbar a.cancel-disabled { background-image: url(../Images/cancelTask18_Disabled.gif); color: #cccccc; }
.GridToolbar a.change-po { background-image: url(../Images/changeOrder18_Enabled.gif); }
.GridToolbar a.change-po-disabled { background-image: url(../Images/changeOrder18_Disabled.gif); color: #cccccc; }
.GridToolbar a.cancel-po { background-image: url(../Images/cancelTask18_Enabled.gif); }
.GridToolbar a.cancel-po-disabled { background-image: url(../Images/cancelTask18_Disabled.gif); color: #cccccc; }
.GridToolbar a.rfq { background-image: url(../Images/RFQx18.gif); }
.GridToolbar a.rfq-disabled { background-image: url(../Images/RFQx18_Disabled.gif); color: #aaaaaa; text-decoration: none; }
.GridToolbar a.cart { background-image: url(../Images/18_Cart.gif); padding-left: 22px; }
.GridToolbar a.toggle-button { padding-left: 0 !important; margin-left: 0 !important; }
.GridToolbar a.shopping-cart { background-image: url(../Images/cartIcon.gif); font-size: 10px; padding-left: 25px; line-height: 12px; }
.GridToolbar a.view-user { background-image: url(../Images/smallViewMagGlass_Normal.gif); }
.GridToolbar a.view-user-disabled { background-image: url(../Images/smallViewMagGlass_Disabled.gif); color: #cccccc; }
.GridToolbar a.add-user { background-image: url(../Images/addIcon_18.gif); }
.GridToolbar a.add-user-disabled { background-image: url(../Images/addIconDisabled_18.gif); color: #cccccc; }
.GridToolbar a.edit-user { background-image: url(../Images/18_Edit.gif); }
.GridToolbar a.edit-user-disabled { background-image: url(../Images/18_editDisabled.gif); color: #cccccc; }
.GridToolbar a.delete-user { background-image: url(../Images/cancelTask18_Enabled.gif); }
.GridToolbar a.delete-user-disabled { background-image: url(../Images/cancelTask18_Disabled.gif); color: #cccccc; }
.GridToolbar a.roundred { background-image: url(../Images/roundRed_18.gif); padding-left: 25px !important; }
.GridToolbar a.roundred-disabled { background-image: url(../Images/roundGray_18.gif); padding-left: 25px !important; color: #cccccc; }
.GridToolbar a.roundgreen { background-image: url(../Images/roundGreen_18.gif); padding-left: 25px !important; }
.GridToolbar a.roundgreen-disabled { background-image: url(../Images/roundGray_18.gif); padding-left: 25px !important; color: #cccccc; }
.GridToolbar a.delete { background-image: url(../Images/removeIcon_18.gif); }
.GridToolbar a.delete-disabled { background-image: url(../Images/removeIconDisabled_18.gif); color: #cccccc; }

.GridToolbar a.add { background-image: url(../Images/14_addButton.gif); }
.GridToolbar a.add-disabled { background-image: url(../Images/14_addButton_Disabled.gif); color: #cccccc; }
.GridToolbar a.edit { background-image: url(../Images/changeIcon_Normal.gif); }
.GridToolbar a.edit-disabled { background-image: url(../Images/changeIcon_Disabled.gif); color: #cccccc; }

.GridToolbar a.pdf { background-image: url(../Images/PDF.gif); }

.GridToolbar a.flag { background-image: url(../Images/flagIcon_18.gif); }
.GridToolbar a.flag-disabled { background-image: url(../Images/flagIconDisabled_18.gif); color: #cccccc; }
.GridToolbar a.unflag { background-image: url(../Images/dot_black_14.gif); }
.GridToolbar a.unflag-disabled { background-image: url(../Images/dot_gray_14.gif); color: #cccccc; }
.GridToolbar span.filterbox {
	text-align:right;
	float:right;
	padding-right:10px;
	font-weight: normal;
	color: #06F;
	line-height: 27px;
	padding-left: 16px;
	padding-top: 4px;
	text-decoration: underline;
	cursor:pointer;
	background-image: url(../Images/Filter_Icon.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.GridToolbar span.filterboxNoIcon {
	padding-right:0px;
	line-height: 27px;
	padding-top: 4px;
	float:right;
}
.GridToolbar span.big { color: #000080; font-family: Arial; font-size: 18px; font-weight: bold; }
.GridToolbar span.small { color: #000080; font-family: Arial; font-size: 12px; font-weight: bold; }
.GridToolbar .TabledItem { margin-top: 4px; _margin-top: 3px;}

.GridToolbar .FilterMenu {
     float:right;
     line-height: 27px;
}


.GridFilters
{
    background-color: #d3e3ed; border-top: 1px solid #a4bed1; overflow: hidden; zoom: 1; padding:2px;
}
.GridFilters a, .GridFilters label, .GridFilters select, .GridFilters .TabledItem { display: block; float: left; line-height: 19px; margin-left: 10px; }


/*---Responsive styles---*/

    .content-name sup{color:red}
    .content-name i{visibility:hidden;}

    @media(min-width: 768px){
        .content-name{width:220px;}
    }
    
    @media(min-width: 576px){
        .confirm-label{ width:170px;}
    }


.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}

.w-100 {
  width: 100% !important;
}

.my-1 {
  margin-top: 0.25rem !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-bottom: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}


@media (min-width: 768px) {
  .pl-md-3 {
    padding-left: 1rem !important;
  }
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
}