/* ==========================================================================
  Custom by LinhND for DragAndDrop function on the Shipment
========================================================================== */
	
.mx-name-templateGridQualification .mx-grid-content,
.mx-name-templateGridLevel .mx-grid-content,
.mx-name-templateGridBuyer .mx-grid-content,
.mx-name-templateGridSeller .mx-grid-content,    
.mx-name-templateGridProduct .mx-grid-content,
.mx-name-templateGridPackingUnit .mx-grid-content,
.mx-name-templateGridPickup .mx-grid-content,
.mx-name-templateGridDelivery .mx-grid-content,
.mx-name-templateGridModality .mx-grid-content, 
.mx-name-templateGridTrackAndTrace .mx-grid-content, 
.mx-name-templateGridLocation .mx-grid-content 
{ 
	border: 1px dotted #4a4a4a; 
} 
.DropTarget.DropTargetHover {
    border: 2px solid green !important;
}

/* ============= GENERATE SHIPMENT WIZARD STEPS  ======================== */

.ShipmentGenerationDispListView > ul > li {border: 0px; padding-top: 3px !important;padding-bottom: 3px !important;}
.ShipmentGenerationDispListView > ul > li.mx-listview-empty {display: none;}
.ShipmentGenerationDispListView {margin-bottom: 5px !important;}
.ShipmentGenerationDispDataGrid .mx-templategrid-item {border: 0px !important; padding-left: 0px !important; }
.ShipmentGenerationDispListView td {border: 0px !important; padding-left: 0px !important;padding-top: 0px !important;}
.grid-inlineheader-customheader {
	display: none;
}
.grid-inlineheader-customheader .grid-inlineheader-header  
{  
	margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.mx-templategrid-content-wrapper .mx-templategrid-row:first-child .grid-inlineheader-customheader {
	display: inherit !important;
}
		
		
.showOnRowHover {
	display: none;
}

.mx-datagrid table tbody tr:hover td .showOnRowHover {
	display: inline;
}

td.mx-left-aligned.inlineButtonContainer, td.mx-center-aligned.inlineButtonContainer, td.mx-right-aligned.inlineButtonContainer {
	padding: 2px !important;
}

.inlineButtonContainer .mx-link {
	margin: 5px !important;
	
}
.ms-gridStudentList	table tbody tr:hover td {
	background-color: #A1DAF8 !important;
}
.ms-gridMappingPlayer table tbody tr:hover td {
	background-color: #A1DAF8 !important;

}
.wizard-step-number-visited {background-color: #D7D7D7 !important;}
/******************************** CHAT  ************************************************************************/

.chatList, .chatView { position:absolute !important; display: block;background-color: #f0f0f2; }
.chatList { background-color: #f0f0f2;}
.chatView { /*right: 205px; height: 555px !important; */}
.tcs-chatbox-container-chat-list, .tcs-chatbox-container-chat-view {padding-right: 0px; margin-right: 0px; position:relative;}
.chatList .wrapper, .chatView .wrapper {display: block !important; border:0px !important;}
.tcs-chatbox-actionsbutton-container {padding: 30px; min-height: 80px;}

.chatView input {vertical-align:top; height: 45px; border-radius: 20px;}
.chatView .wrapper ul {overflow: auto; list-style: none;}

.chatList ul li {height: 80px; display:table; padding: 20px; position:relative; width: 100%;}
div.name { margin-top: 23px; float:left; display:table-cell; vertical-align:middle; margin-left: 30px; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #000; text-transform: none;}
.tcs-chatbox-avatar-container {
	width: 80px;
	height: 80px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	background-color: #f0f0f2;
	border: 3px solid #fff;
	float:left; 
	display:table-cell; 
	vertical-align:middle;
}

.tcs-chatbox-avatar-container img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}
.chatList .icon,
.chatView .icon {
    float: left;
    width: 20px;
    height: 20px;
}

button.showOnRowHover {padding-top: 6px !important;padding-bottom: 6px !important;}

.chatbox-chatview-input-container {
	padding: 20px;
    border-top: 0px;
    padding-bottom: 17px;
    padding-top: 17px;
	border: 0px;
    border-top: solid 1px #fff;	
	background-color: #f5f5f5;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	
}
.chatbox-chatview-input-container input {
    padding-left: 20px !important;
	padding-right: 20px !important;
}
.chatList .message {
	top: 20px;
    left: 73px;
}
.chatList .status {
	top: 65px;
    left: 73px;
}
.chatView ul {
	margin: 0px;
	}
.chatView li {
    color: #4d4d4d;
    padding: 10px 25px !important;
    width: 80%;
	position:relative;
    background-color: #d0d1d3;
    border-radius: 10px;
    border-top-left-radius: 0px;
	margin-left: 20px;
		margin-right: 20px;
			margin-top: 10px;
				margin-bottom: 10px;
	float: left;
	text-align: justify;
}
.chatView li.from-current-user {
	float: right;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    background-color: #3ea8f4;
    color: #fff;
}

.chatView li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #d0d1d3 transparent transparent;
    top: 0;
    left: -10px;
}
.chatView li.from-current-user:before { border: 0px; }
.chatView li.from-current-user:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #3ea8f4 transparent transparent transparent;
    top: 0;
    right: -10px;
}
li.history .from-current-user {
	color: #666;
}
.chatView .label {
    font-weight: bold;
    display: none;
}
.chatbox-chatview-input-container input:focus{
    outline: none;
}        
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d4d4d4;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #d4d4d4;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #d4d4d4;
}
:-moz-placeholder { /* Firefox 18- */
    color: #d4d4d4;
} 

.notinode {
	border: 0px solid #004b8e;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
}
/******************************** END CHAT  ************************************************************************/