.maincontainer{
	width:100%;
	
}
#ctl00_ContentPlaceHolder1_MSPDataGridPackages {
    width: 100% !important;
}
.uploadfilee{max-width:220px;}
td{padding-top:6px !important;padding-bottom:6px !important}
.nowrap{white-space: nowrap}
.DataTableClass tr:hover {
          background-color: #e2e2e2 !important;
        }
.validater{color:red; font-size:10px;height: 0px;}
.myvalidate{    line-height: 0px;
    padding: 0px;}
.DataTableClass thead tr:hover {
          background-color: #4f4f4f !important;
        }
.MSPHeaderStyle{
		background: #999 !important;
    color: white !important;
	}
.sorting_desc{color:#dedede !important;}
.sorting_asc{color:#dedede !important;}
.MSPHeaderStyleOrder{	background: #999 !important;
    color: white !important;}
.MSPAlternatingItemStyleOrder  {
    background: #f9f9f9 !important;
}
img {
    vertical-align: middle;
    margin-bottom: 4px;
}
#ctl00_ContentPlaceHolder1_MSPDataGridPackages td{    padding-top: 7px !important;}
.PanelStriped .MSPDataGrid td {
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.noopadd{padding:0px}
.noppad input {
    width: 100%;
    border: 1px solid #dcdbdb;
}
.MSPButtonSmall{    padding: 12px;
    background: rgba(0,0,102,0.85);
    color: #fff;
    padding-top: 4.5px;
    padding-bottom: 4.5px;
    font-size: 14px;}
input[type="radio"], input[type="checkbox"] {
	margin-right: 4px !important;
	margin-left: 3px;
}
.PanelStriped .MSPDataGrid {
    width: 100% !important;
}
    .showdiv{display:none;}
	.target{display:block;}
	.target div:first-child{/*overflow:hidden !important;*/ overflow-y:unset !important;}
	#table2 #ctl00_ContentPlaceHolder1_OrderSearch1_ImageOnlineBookingEmail{display:none;}
	.MSPHeaderStyle .MSPLabel{color: white;}

	.target1{display:block;}
	.myinput{margin-bottom:4px;}
.dataTables_paginate{
	 padding: 6px;
}
select{
    height: 26px;
    border: 1px solid #dedede;
}
/*Flaticns*/
.flatinfo1{
    color:#333333;
    font-size:22px;
}
.padding-right{
	padding-left:0px;
}
.table {
    width:100% !important;
    max-width: 100%;
    margin-bottom: 2px;
}
table.dataTable > tbody > tr.child ul li {
    border-bottom: 1px solid #efefef;
    padding: 2px 0 !important;
    width: 100%;
    font-size: 13px;
}
table.dataTable > tbody > tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.MSPPanelConfirmationDialog {
    background: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 10px;
    position: fixed;
    top: 50%;
    right: 27%;
    left: 27%;
}
.MSPPanelReceivingOrderLine {
    background: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 10px;
    position: fixed;
    top: 30%;
    right: 10%;
    left: 10%;
}
.MSPInput.w75w82 {
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 90px;
    padding-left: 2px;
    font-size: 12px;
}
.noppad .col-lg-3{padding:0px;}
.noppad .col-lg-12{padding:0px;}
.noppad .col-lg-6{padding:0px;}
.noppad .col-lg-4{padding:0px;padding-right:4px;}
.noppad .col-lg-7{padding:0px;}
.noppad .col-lg-6{padding:0px;}
.noppad .col-lg-2{padding:0px;}
.noppad .col-lg-1{padding:0px;}
.noppad input{    width: 90%;}
.autowidth input{width: auto;}
.noppad .w75w82{width:90% !important}
.dataTables_paginate a{
	color: #333;
	font-size:14px;
	padding: 0px 6px;
	background: #e8e8e8;

}
table {
    max-width: 100%;
    width: 100%;
    background-color: transparent;
}
.previous {display:none;}
.next {display:none;}
.flatinfo1:before{
margin-left:10px;
}

.flatinfo2{
    font-size: 16px;
    vertical-align: middle;
}

.inflaticon{
    text-decoration:none !important;
}

.DataTableClass thead tr {
	background:#4f4f4f;
    color: #fff !important;
	font-size: 13px;
}
.DataTableClass thead tr a{
	color: #fff !important;
	font-size: 13px;
}

#showhidlogi{
    margin-top:10px;
    margin-bottom:10px;
}

.MSPLabel{
	font-weight:600;
	font-size:13px;
}
.MSPLabelB{
	font-weight:600;
	font-size:13px;
}
.sorting{    cursor: pointer;}
.sorting_asc{
    background-image: url(../Images/sort-down.PNG);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}
.warning1{
    margin-left:10px;
}

#ButtonLogIn, #ButtonSendEMail, #ButtonChangePassword{
	margin-top:10px;
}

/*Sign in area*/
.container-SignIn{
    max-width:410px; 
    background:#ffffff;
	border:1px solid #ccc;
}

.card-container.card {
    padding-right:70px;
    padding-left: 70px;
}
.card-container.card table {
width:100%;
}

.card-container.card .MSPLabelBoldBlue{
    font-weight:600;
}
.card {
    padding: 20px 25px 0px;
    margin: 0 auto 25px;
    margin-top: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}


.profile-name-card {
    font-size: 22px;
    text-align: left;
    margin: 10px 0 0;
    min-height: 1em;
	padding-bottom:25px;
	font-weight:600;
}

.signintext{
	font-size:14px;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button a {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.btn-SignIn{
	box-shadow:0 2px 3px 0 rgba(0,0,0,0.15);
    margin-bottom:10px !important;
	border-radius:0px !important;
	width:150px !important;
	/*font-family: fordAntennaWGL-Regular;*/
	font-size:16px !important;
	background:#e2001a;
	color:#ffffff;
}
.btn-SignIn:hover{
	border:1px solid #af0014;
	color:#ffffff !important;
	background:#af0014;
}
.btn-SignIn2{
	box-shadow:0 2px 3px 0 rgba(0,0,0,0.15);
    margin-bottom:10px !important;
	border-radius:0px !important;
	/*font-family: fordAntennaWGL-Regular;*/
	font-size:16px !important;
	background:#e2001a;
	color:#ffffff;
}
.btn-SignIn2:hover{
	border:1px solid #af0014;
	color:#ffffff !important;
	background:#af0014;
}
.forgot-password {
   
    color: #404040;
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: #404040;
}
/*End sign in*/


#ConfirmationDialog1_PanelHeader, #OrderSearch1_ConfirmationDialog1_PanelHeader, .MSPPanelConfirmationDialog{
    background: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding:10px;
}

#OrderSearch1_ConfirmationDialog1_ButtonYes{
      display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;


        color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;

}

#OrderSearch1_ConfirmationDialog1_ButtonNo, #ctl00_ContentPlaceHolder1_OrderSearch1_ConfirmationDialog1_ButtonNo{
          display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;

    float:left;
    color: #ffffff;
    background-color: #d9534f;
border-color: #d43f3a;
}

#ConfirmationDialog1_PanelHeader #ConfirmationDialog1_ButtonOk ,
.MSPPanelConfirmationDialog #ctl00_ContentPlaceHolder1_ConfirmationDialog1_ButtonOk, #ctl00_ContentPlaceHolder1_OrderSearch1_ConfirmationDialog1_ButtonOk, #ctl00_ContentPlaceHolder1_OrderSearch1_ConfirmationDialog1_ButtonYes{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;


        color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    float:left;
}

.searchselect2{
	height:26px;
	width:85px;
	box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
}

.nopad{
    padding-left:0px;
    padding-right:0px;
}

.col-md-12.mxw{
    max-width:740px;
}

.w75w82{
	width:90px;
}
.w75w81{
	width:81px;
}

.floatleft{
    float:left;
}

.MSPInput.w110w82{
	width:110px;
}

.btn-search{
	width:175px;
	background:rgba(0,0,102,0.85);
	color:#fff;
	padding-top:2.5px;
	padding-bottom:2.5px;
	border-radius:0px !important;
}
.btn-search:hover{
	background:rgba(0,0,102,0.85);
	color:#fff;
}

.btn-primarysmall{
	
	color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
	padding-top:2.5px;
	padding-bottom:2.5px;
	border-radius:0px !important;
}
.btn-primarysmall:hover{
	color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.btn-arrived{
	width:175px;
	background:#e2001a;
	color:#fff;
	padding-top:2.5px;
	padding-bottom:2.5px;
	border-radius:0px !important;
}
.btn-arrived:hover{
background:#af0014;
	color:#fff;
}

.btn-primary2{
    background:rgba(0,0,102,0.85);
	color:#fff;
}

.mt10{
    margin-top:10px;
}
.mt15{
    margin-top:15px;
}
.mb10{
    margin-bottom:10px;
}
.mt-2{
    margin-top:-2px;
}
.mt-3{
    margin-top:-3px;
}
.mt-4{
    margin-top:-4px;
}
.max2{
    max-width:25px;
}
.mw315{
    max-width:315px !important;
}
.error-message {
    font-size:12px;
}

.MSPHeader {
    font-size: 16px !important;
    font-family: sans-serif;
    font-weight: 600;
}
.MSPHeader2{
	font-size:18px;
	font-family:sans-serif;
	font-weight:600;
}
.searchpanel{
	padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom:15px;
}
.panelA{
    padding-right:7px !important;
}
.panelB{
    padding-left:7px !important;
}

.noboxshadow{
    -webkit-box-shadow:none;
   box-shadow:none;
}

.MSPDropDownListAutoSize{
    	box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
}

.MSPInput{
	box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
	width:175px;
	    padding-left: 3px;
}
.timewidth{width:100% !important}
.MSPInputError{
box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width:175px;
}


.MSPInput.w75w82{

	box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
	width:90px;
}


.MSPInput.w75w81{
	box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
	width:81px;
}

.order1 .MSPInput {
    margin-bottom: 5px;
}
.order1 .MSPDropDownList {
    margin-bottom: 5px;
}
.order2 .MSPInput {
    margin-bottom: 5px;
}
.order2 .MSPDropDownList {
    margin-bottom: 5px;
}

.searchselect{
	width:175px;
	box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
}

.searchselect.nowidth{
    width:100%;
}

#Table1, #Table6, #Table8{
	margin-bottom:10px;
}

.table2{
margin-bottom:0px;
}

#OrderSearch1_PanelOrderSearchHeader .table2{
margin-bottom:0px;
}

.table2 a{
color:#000000;
}

.table2 thead{
	background: #999;
    color: #fff;
	font-size:13px;
}
.table2 tbody{
	font-size:12px;
}

#MSPDataGridOrderFile td{
    padding:7px;
}

#ctl00_ContentPlaceHolder1_ClientDetails1_MSPDataGridClientLogo{
    padding:5px;
}

.PanelStriped .MSPDataGrid .MSPHeaderStyle{
        background: #999;
    color: #fff !important;
    font-size: 13px;
}

.PanelStriped  .MSPDataGrid .MSPHeaderStyle a{
    color: #fff !important;
    font-size: 13px;
}
.PanelStriped  .MSPDataGrid .MSPItemStyle{
    font-size: 12px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}
.headwidth{width:100px !important;}

.PanelStriped .MSPDataGrid .MSPAlternatingItemStyle {
    background-color: #ffffff;
    font-size: 12px;
    border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}
.target div{overflow:visible!important}
.ajax__calendar td{padding-top: 0px !important;
padding-bottom: 6px !important;
padding-bottom: 3px !important;}
.ajax__calendar_day {
	height: 17px;
	width: 13px;
}
.ajax__calendar_container {
	width: 179px;
}
.ajax__calendar td {
padding-top: 0px !important;
padding-bottom: 6px !important;
padding-bottom: 3px !important;
}
@media only screen and (max-width: 768px) and (min-width: 256px) {
	.ajax__calendar tr {
		width: 100%;
		display: table !important;
	}
}
.myspace{
	padding-left: 8px !important;
}
.even{background:#efeeee !important;}
.PanelStriped  .MSPDataGrid td{
    padding:5px 7px;
}
.PanelStriped  .MSPDataGrid tbody{
    border-bottom:1px solid #dddddd !important;
}
.PanelStriped  .MSPDataGrid{
    width:100%;
}
.PanelStriped .MSPDataGrid a {
    color: #333;
    padding: 0px 8px;
    width: 100% !important;
    max-width: 100%;
    display: block;
    min-height: 30px;
    padding-top: 6px;
	text-decoration: none;
}

.datediv{
	margin-top:10px;
}

.big-check, #CheckBoxNotReadyForCarriage, #CheckBoxInvoicePackinglistMissing, #CheckBoxTotalMeasurements, #MSPDataGridPackages_ctl01_CheckboxNewPackageHeaderStackable
, #ctl00_ContentPlaceHolder1_CheckBoxEnabled, #ctl00_ContentPlaceHolder1_UserDetails1_CheckBoxEnabled{
	height: 0.8em;
    width: 0.8em;
    font-size: 24px;
    vertical-align:sub;
}
#CheckBoxLimitedQuantity, #CheckBoxMarinePollutant, #CheckBoxCargoAircraftOnly {
    height: 0.8em;
    width: 0.8em;
    font-size: 24px;
    vertical-align: sub;
    margin-top: 5px;
}

/*booking*/
.tablefullw{
	width:100%;
}

.neworderpanel{
	padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ccc;
	margin-top:10px;
}

.textarea1{
	    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
	max-width: 465px;
    width: 100%;
	height:70px;
}

.textareaOnlineBooking {
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    border-radius: 0px;
    background: #ffffff;
    width: 100%;
}

.inpulg1{
	    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
	    max-width: 465px;
    width: 100%;
}

.inpulg2 {
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 100%;
}

.btngroup1{
	min-width: 90px;
}

.stackable{
	
}
.packages{
	padding-left:10px;
	padding-top:20px;
}

.wwh{
	    margin-top: 10px;
    margin-left: 25px;
	width:90%;
}
.wwh2{
	    margin-top: 10px;
		width:98%;
}

.MSPLabel.labellink{
    font-size:14px;
    color:#333333;
}
.MSPLabel.labellink:hover{
    cursor:pointer;
    text-decoration:none;
}

#Table45{
	display:none;
}	
#Table54 .MSPLabel{
	
    width: 140px;

}	

#Table55{
	display:none;
}	
#Table65{
	display:none;
}	

.datetable{
   width:100%;
   max-width:780px;

}

.addsf2{
	margin-top:20px;
}
.wwtd{
	width:340px;
}

.nghover{
	cursor: pointer;
}
.nghover > td{
	padding-top:10px !important;
}

.nghover > td:nth-child(10){
	padding-top:7px !important;
}


.glyphicon.glyphicon-time{
	font-size:16px;
}

#ctl00_ContentPlaceHolder1_MSPDataGridPackages{
    width:100%;
}
#ctl00_ContentPlaceHolder1_MSPDataGridPackages .MSPPagerStyle{
    background:#eee;
}
#ctl00_ContentPlaceHolder1_MSPDataGridPackages .MSPPagerStyle td{
    text-align:left !important;
}

.order3{
    margin-top:10px;
}



#orderlinepanel .MSPInputNumbersPackageGrid{
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 110px;
}
#orderlinepanel .MSPInput{
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 110px;
}
#orderlinepanel .MSInput{
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 110px;
}
#orderlinepanel .MSPInput.MSPInputL{
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 175px;
}

.hundredpercent{
    width:100%;
}
.mineight{
    min-width:800px;

}

@media screen and (min-width: 768px) {
	
.space1{
	width:90px;
}	
	.PanelStriped .MSPDataGrid td {
	    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
	
#TableAgentConsignee .MSPLabel{
		    float: left;
    width: 140px;
    padding-top: 5px;
	
}	

.order1	.MSPLabel{
	    float: left;
    width: 140px;
    padding-top: 5px;
}	

.order2 .MSPLabel {
    float: left;
    width: 140px;
    padding-top: 5px;
}

#Table44 .MSPLabel{
	    float: left;
    width: 140px;
    padding-top: 5px;
}		
	
#Table54 .MSPLabel{
	    float: left;
    width: 140px;
    padding-top: 5px;
}	

#Table64 .MSPLabel{
	    float: left;
    width: 140px;
    padding-top: 5px;
}		
	
.hidden-sm{
	 display:none !important;
}

.hidbr{
	display:none;
}
	


}

@media screen and (max-width: 991px) {

    #MSPDataGridOrderLine td:nth-child(6) {
        display: block;
        clear: left;
    }

    #MSPDataGridOrderLine tr {
        float: left;
    }

    #MSPDataGridOrderLine td {
        float: left;
        min-width: 110px;
        text-align: left !important;
    }

        #MSPDataGridOrderLine td:nth-child(8) {
            min-width: 125px;
        }

       #MSPDataGridOrderLine .MSPItemStyle td:nth-child(8) {
            min-width: 125px;
        }
       #MSPDataGridOrderLine .MSPItemStyle td:nth-child(3) {
            min-width: 125px;
        }
}
@media screen and (max-width: 768px) {
	table {
    width: 100% !important;
	}
	#Table1, #Table6, #Table8 {
    width: 100%;
	}
	.MSPInput {
    width: 100%;
	}
	.searchselect {
		width: 100%;
	}
.navbar-header{
    margin-right:-10px;
	}

.navbar-collapse.collapse.in > .nav.navbar-nav{
    margin-right:10px;
    margin-left:0px;
	}
	
.space1{
	width:15px;
}		
	
.wwtd{
	width:295px;
}	
	
.wwh{
	margin-left: -5px;
    margin-top: -20px;
}	

.wwh2{
	margin-left: 5px;
    margin-top: -20px;
}	
	
.packages{	
	display: inline-flex !important;
    margin-top: 5px !important;
    padding-left: 5px !important;
}	
.stackable{
	display: inline-flex !important;
}
	
.container-SignIn{
    max-width:320px; 
}	
	
.MSPInput.w75w82 {
    width:100% !important;
}	
.w75w82{
	width:90px;
}	


	
.firstcol{
	float:none;
	
}	

.secondcol{
	float: none;
    margin-left: 0px;
}

.btn-search, .btn-arrived{
	/* margin-top:20px; */
}

.card-container.card {
    padding-right: 25px;
    padding-left: 25px;
}

.hidden-xs{
	display:inline;
}


.tabletr{
	/* display:grid;
	display: -ms-grid; */
}


#TeblePending1 td{
	 display:grid;
	display: -ms-grid;
	margin-top:20px;
}

.tabletr td{
	 display:grid;
	display: -ms-grid;
	margin-top:20px;
}
.tabletr td > .MSPLabel{
	position:absolute;
	margin-top:-24px;
}

.MSPLabelfirst{
    font-size:15px;
}


.orderline1 td{
	 display:grid;
	display: -ms-grid;
	margin-top:20px;
}

.orderline2 td{
	 display:grid;
	display: -ms-grid;
	margin-top:20px;
}
#MSPDataGridOrderLine td{
	 display:grid;
	display: -ms-grid;
	margin-top:20px;
    float:none;
}
.MSPHeaderStyleOrder{background: #999 !important;
    color: white !important;
}
#OrderLine1{
    float:left;
}

#orderlinepanel .MSPHeaderStyleOrder td{
	 display:grid;
	display: -ms-grid;
	margin-top:20px;
}
#orderlinepanel .orderline1 td > .MSPLabel{
	margin-top:-20px;
}
#orderlinepanel .orderline2 td > .MSPLabel{
	margin-top:-20px;
}
#MSPDataGridOrderLine .MSPItemStyle td:nth-last-child(1){
    display:inline;
}
.orderline2 td:nth-last-child(1){
    display:inline;
}





.btn-search, .btn-arrived{
	width:100%;
}

}

@media screen and (max-width: 465px) {

.panelA{
    padding-right:15px !important;
}
.panelB{
    padding-left:15px !important;
}

.col-xxs-12{
    width:100% !important;
}
	
#hidete{
	display:none;
}	
	
#Table44 td:nth-child(2){
	display:none;
}	

#Table45{
	display:inline;
}
#Table45 td:nth-child(1){
	display:none;
}	

#Table54 td:nth-child(2){
	display:none;
}	

#Table55{
	display:inline;
}
#Table55 td:nth-child(1){
	display:none;
}	

#Table64 td:nth-child(2){
	display:none;
}	

#Table65{
	display:inline;
}
#Table65 td:nth-child(1){
	display:none;
}		
	
.firstcol{
	float:none;
	
}	

.secondcol{
	float:none;
	margin-left:0px;
}

}
@media only screen and (min-width: 256px) and (max-width: 768px){
	.container {
    max-width: 100% !important;
}
	.maincontainer {
    max-width: 100%;
}select {
    height: 26px;
    border: 1px solid #dedede;
    width: 100%;
}
 .Mainpanel .MSPPanel{width:100% !important;margin-left: 0px !important;}
 .showdiv{display:block;}
.target{display:none;}
.target1{display:none;}
.mytable{width:100%;}
.mytable tr {width: 100%;display: grid;}
	.MSPLabel {
    font-weight: 600;
    font-size: 14px;
    padding-top: 7px;
}
	.mynewinput .MSPInput{width:100% !important;}
	.mytable .MSPInput{width:47% !important;}
	#orderlinepanel .MSPInput {
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 100%;
}
	.noppad input {
        width: 100%;
}
	.autowidth input{width:auto !important;}
	#orderlinepanel .MSPInput.MSPInputL {
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 100%;
}
	#orderlinepanel .MSPInputNumbersPackageGrid {
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 100%;
}
	#orderlinepanel .MSInput {
    box-shadow: none;
    transition: all 0.2s ease-out;
    border: 1px solid #dedede;
    height: 27px;
    border-radius: 0px;
    background: #ffffff;
    width: 100%;
}
	.MSPPanelConfirmationDialog {
    background: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 10px;
    width: 80%;
    left: 11%;
	    top: 30%;
}
	.onmob{display:none;}
	.MSPHeaderStyleOrder{background: #999 !important;
    color: white !important;
}
	.MSPHeaderStyle{
		background: #999 !important;
    color: white !important;
	}
	.MSPInput {
    width: 100%;
}
	.searchselect {
    width: 100%;
}
	.MSPPanel{width:100%}
	 .hidden-sm{display:none !important;}
	 .uploadfilee{max-width:100%;}
	 .searchselect.nowidth {
width: 65%;
}
	.textarea1 {
		width: 65%;
	}
	.uploadfilee {
max-width: 64%;
}
	body{overflow-x: hidden;}
}
.dataTables_paginate .current{background: #c1c1c1;}

.table-fix-text {
    white-space:inherit;
}
.table-scroll-view {
    overflow-y: scroll;
    height: 28vh;
    overflow-x: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 52000px) {
    .popup-screen-width {
        position: fixed !important;
        width: 959px !important;
        left: 50% !important;
        margin-left: -480px !important;
    }
}
@media only screen and (min-width: 200px) and (max-width: 800px) {
    .popup-responsive {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        overflow: scroll;
    }
    .popup-btn-responsive{
        width:100% !important;
    }
    .bottom-responsive {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }
    }