/* ==========================================================================
  Custom by LinhND for DragAndDrop function on the Shipment
========================================================================== */
.filter-setting-checkbox div {margin-left:0px;}
.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,
.ms-gridSelectedRoleList 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;}
.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; height:100%;}
.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: 45px; display:table; padding: 5px 20px 5px 20px; position:relative; width: 100%;}
div.name { margin-top: 10px; float:left; display:table-cell; vertical-align:middle; margin-left: 30px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000; text-transform: none; overflow-wrap: break-word;}
.tcs-chatbox-avatar-container {
	width: 45px;
	height: 45px;
	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: 15px;
    height: 15px;
}

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: 10px;
    left: 18px;
}
.chatList .status {
	top: 30px;
    left: 53px;
}
.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;
}

.chatHistory .msg-from {
	float: right !important; 
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    background-color: #3ea8f4;
    color: #fff;
    padding: 10px 10px !important;
    width: 80%;
	position:relative;
    border-radius: 10px;
	margin: 0px;
	margin-bottom:10px;
	text-align: right;
}

.chatHistory .msg-to {
	color: #4d4d4d;
    padding: 10px 10px !important;
    width: 80%;
	position:relative;
    background-color: #d0d1d3;
    border-radius: 10px;
/*     border-top-left-radius: 0px; */
/* 	margin-left: 20px;
 */	 margin: 0px;
	 margin-bottom:10px;
	float: left;
	text-align: justify;
}
.chatHistory .msg-date-from {
	text-align: right !important;
	font-size: 12px;
	text-align: justify;
	font-style:italic;
}
.chatHistory .msg-date-to {
	text-align: left !important;
	font-size: 12px;
	text-align: justify;
	font-style:italic;
}
.chatHistory li {
    color: #4d4d4d;
    width: 100%;
	position:relative;
    background-color: #d0d1d3;
	float: left;
	text-align: justify;
	border-width: 0px !important;
	padding: 0px !important;
}
.chatHistory li:hover {
background-color: #fff !important;
}

/* 
.chatHistory li.msg-from {
	float: right;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    background-color: #3ea8f4;
    color: #fff;
}
.chatHistory 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;
}
.chatHistory li.msg-from:before { border: 0px; }
.chatHistory li.msg-from: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.msg-to .msg-from {
	color: #666;
}
 */
/******************************** END CHAT  ************************************************************************/

/******************************** DYNAMIC SUBSHIPMENT  ************************************************************************/
.create-multiple-subshipment-template-details
{
	border-width: 2px;
	border-style: solid;
}

.create-multiple-subshipment-fill-data
{
	border-width: 2px;
	border-style: solid;
	margin-top: 10px;
}

.create-multiple-subshipment-grat-text
{
	color: gray;
	font-size: small;
}

.delivert-popup
{
	font-size: 12px;
}

.mx-name-container1 .mx-name-referenceSetSelector1
{
	padding-left: 0px;
}

.mx-name-container1 .mx-name-referenceSetSelector1 .mx-compound-control .form-control-static
{
	padding-left: 0px;
}

/******************************** END DYNAMIC SUBSHIPMENT  ************************************************************************/
/******************************** SESSION INFO **********************************************/

.session-info-container .groupbox-main .mx-groupbox-header {
	font-weight: bold !important;
	color: #17347B;
	font-size: 20px;
}
.session-info-container .groupbox-sub .mx-groupbox-header {
	font-weight: bold !important;
	color: #17347B;
	font-size: 16px;
}
.session-info-container .mx-groupbox-collapse-icon{
	font-size: 16px;
}
/******************************** END SESSION INFO ******************************************/
/******************************** POP-UP *************************************************/

.popup-noclose .close {
       display:none;
 }
/******************************** END POP-UP *************************************************/
.sim-request-template-sent td {color: #ee7f00 !important;}
.sim-request-template-sent div {color: #ee7f00 !important;}

/******************************** Select number of company *************************************************/
.hide-number-select-company {
    display:none;
    width: 0px;

}

.show-number-select-company {
    width: 240px;   
 }
 .show-number-select-company .selected-company-input-text input {
    min-width: 10px;
    width: 10px;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;    
 }
 .show-number-select-company .selected-company-input-text .col-sm-9 {
    width: 125px;
 }
 
 .show-number-select-company .selected-company-input-text label {
    width: inherit;
 }
/******************************** END Select number of company *************************************************/

/******************************** BEGIN Active Request *************************************************/
.mx-name-active-request-groupbox
{
	padding: 0px !important;
}

.modal-dialog.remove-popup-close > .modal-content > .modal-header > .close 
{
  display: none;
}
// Duc added this to allow height of popup page auto
.auto-height-popup .modal-content {
  max-height: 75vh;
  height: auto !important;
  overflow: hidden;
}

.auto-height-popup .modal-body {
  height: auto !important;
  overflow: hidden !important;
  display: block;
  margin-bottom: 20px !important;
}

.auto-height-popup .mx-dataview-content {
  height: auto !important;
  overflow: hidden !important;
}

.auto-height-popup.modal-dialog {
  height: auto !important;
  display: inline-block !important;
  top: 10% !important;
  max-height: 80vh;
}

.auto-height-popup {
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
}
// Duc end update

.mx-name-referenceSelectorCustomize .mx-compound-control button
{
	display: none !important;
}
.hidden {display: none !important;}
.sim-request-template-viaDC {background-color:ivory;}
.sim-request-template-viaDC td {background-color:transparent !important;}
.table .row-selected .td {background-color:#A1DAF8;}
.table .th .column-resizer .column-resizer-bar {width:1px !important;}
/******************************** END Active Request *************************************************/

.layout-atlas-responsive-default .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a .glyphicon {width: 67px;}
.mx-navigationtree .navbar-inner > ul > li > a img {margin-left: 15px; margin-right: 15px;}
.mx-groupbox > h2.mx-groupbox-header {font-size: 18px;}
.row-red {color: red;}
.row-mapping-disable { /*using for custom widget  -- please donot delete */
    background-color: #ffa5001c;
}
.feedback {
   padding: 10px 8px;
   font-size: 16px;
   display: inline-flex;
   align-content: center;
   border: none;
   border-radius: 4px 4px 0 0;
   background-color: #264ae5;
   z-index: 1000004;
   color: #ffffff;
   line-height: 12px;
   position: fixed;
   top: 50%;
   right: -28px;
   transform: rotate(-90deg);
   box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.3);
}

.overview_request .mx-grid-controlbar {
    position: relative;
    bottom: 22px;
}
.overview_request .table_title {
    position: relative;
    top: 53px;
}
.mx-groupbox-header{
  .mx-icon-add:before{
    content: "\e900";
  }
  .mx-icon-substract:before{
    content: "\ea32";
  }
}
.glyphicon {
    font-family: 'Glyphicons Halflings', 'Atlas_Core$Atlas_Filled';
}

.reportsession{
    button.btn.btn-default.btn-calendar {
        display: none;
    }
    .form-group .control-label {
        color: #004A7F;
        font-family: "Titillium Web", sans-serif;
    }
}
.mx-groupbox-header{
  .glyphicon-plus:before{
    content: "\e900";
  }
  .glyphicon-minus:before{
    content: "\ea32";
  }
}

// .SelectResources .mx-listview>ul>li:last-child {
// border: none;
// }
// .SelectResources .mx-listview>ul>li:first-child {
//     border: none;
// }
// .SelectResources .mx-listview > ul:nth-child(1) > li:first-child {
// 	border: none;
// }
.SelectResources .mx-listview-empty{
    display: none !important;
}

.SelectResources .mx-listview > ul:nth-child(1) > li:first-child ul:nth-child(1) > li:first-child .hidetext {
	display: none;
}
.showtext {
	display: none;
}
.SelectResources .mx-listview>ul>li {
    padding: 0px;
    border: none;
}
.SelectResources .mx-listview > ul>li.mx-name-index-0> div > div > span {
	margin-left: -78px;
}
.SelectResources .mx-templategrid .mx-templategrid-item.selected {
    background-color: #fff !important;
}

.customLabel .form-group .control-label {
    color: #004A7F;
    font-weight: normal;
}

.formblock .custom_margin .col-sm-offset-3 {
    margin-left: 0%;
}