*
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family: 'Open Sans', sans-serif, Arial;
	font-size:1em;
    line-height:1.3;
}

/* Basic Common Column structure */
body{background:#f1f1f1 url(../../images/App/sidebar.gif) repeat-y left top;}
.width100{width:100%}
.margin_auto{margin:0px auto}

h1,h2,h3,h4,h5,h6{font-weight:normal}

/* Float styles */
.float_left{float:left;display:inline}
.float_right{float:right;display:inline}
.float_clear{clear:both;height:0px;line-height:0px;visibility:hidden;}

/* Padding offset */
.pad_10{padding:0.6em}
.pad_14{padding:0.8em}
.pad_15{padding:0.9em}
.pad_20{padding:1.2em}
.pad_25{padding:1.5em}
.pad_40{padding:2.5em}
.pad_50{padding:3.1em}

.pad_LR_30{padding:0 1.8em;}
.pad_L_15{padding-left:0.9em}
.pad_R_15{padding-right:0.9em}

.pad_LR_15{padding:0em 0.9em;}
.pad_LR_20{padding-left:1.2em;padding-right:1.2em}
.pad_LR_25{padding:0em 1.5em;}
.pad_LR_30{padding:0em 1.8em;}
.pad_LR_40{padding:0em 2.5em;}
.pad_L_30{padding-left:1.8em}
.pad_L_40{padding-left:2.5em}
.pad_R_30{padding-right:1.8em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TB_30{padding-bottom:1.8em;padding-top:1.8em}
.pad_TB_15{padding-bottom:0.9em;padding-top:0.9em}

/* Display styles */
.dspBlk{display:block}

/* Margin styles */
.mrgBtm10{margin-bottom:0.6em}
.mrgRgt10{margin-right:0.6em}

/* ========= Font Specific ========= */
.tiny{font-size:0.6em !important }
.small{font-size:0.9em}
.regular{font-size:1em}
.medium{font-size:1.3em}
.large{font-size:2em}
.extra-large{font-size:3em}
.light_weight{font-weight:lighter}
.normal_weight{font-weight:normal}
.bold_weight{font-weight:bold}


/* Theme Colors */
.themeDarkBg{background-color:#006cb5}
.themeBlueBg{background-color:#0073aa}
.themeClrWhite{color:#fff}
.themeClrBlue{color:#0073aa}
.colorLightBlue{color:#0085ba}

/* Vertical Spacer */
.space5{height:0.3em;display:block}
.space10{height:0.6em;display:block}
.space15{height:0.9em;display:block}
.space20{height:1.2em;display:block}
.space25{height:1.5em;display:block}
.space30{height:1.8em;display:block}
.space40{height:2.5em;display:block}
.space50{height:3.1em;display:block}
.lineSpace{margin:1em 0;height:1px;background:#e0e0e0;display:block;width:100%}

/*
#header{position:fixed;width:100%;z-index:100}
.logout{font-size:1em;line-height:1.5;display:inline-block;text-decoration:none;background:url(../images/icons/logout.png) no-repeat right center;padding-right:32px}
.logout:hover{color:#e4e4e4}

#sidebar{width:180px;position:fixed}
#content{float:right;width: calc(100% - 180px);}

.sideNav{list-style:none; z-index:999}
.sideNav li{position:relative; border-bottom:1px solid #666 }
.sideNav li.sub{background-image:url(../images/icons/arrow-right.png);background-repeat:no-repeat;background-position:154px center;}
.sideNav li a{display:block;text-decoration:none;line-height:1.5;padding:0.5em 0 0.5em 2.8em; color:#fff;font-size:0.9em}
.sideNav li a:hover{background-color:#0073aa}
.sideNav li a.dash{background-image:url(../images/icons/dashboard.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.news{background-image:url(../images/icons/news.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.enq{background-image:url(../images/icons/enq.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.career{background-image:url(../images/icons/resume.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.portfol{background-image:url(../images/icons/portfolio.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.client{background-image:url(../images/icons/clients.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.awards{background-image:url(../images/icons/awards.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.leader{background-image:url(../images/icons/leader.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.fund{background-image:url(../images/icons/fund.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.motive{background-image:url(../images/icons/motive.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.video{background-image:url(../images/icons/video.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.photo{background-image:url(../images/icons/photo.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.services{background-image:url(../images/icons/services.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.banner{background-image:url(../images/icons/banner.png);background-repeat:no-repeat;background-position:10px center}
.sideNav li a.testimonials{background-image:url(../images/icons/testimonials.png);background-repeat:no-repeat;background-position:10px center}


.sideNav ul{position:absolute; display:none; top:0px; left:180px; z-index:999; }
.sideNav ul li{display:block; background-color:#32373c}
.sideNav ul li a{display:inline-block;text-decoration:none;color:#c6c6c6;padding:0.5em 0.8em; font-size:0.9em; width:150px;}
.sideNav ul li a:hover{color:#00a0d2;background-color:transparent}
.sideNav li:hover > ul{display:block; z-index:9999}
*/


/* Notification */
.info, .success, .warning, .error {
margin: 10px 0px;
padding:12px;
padding-left:36px !important;display:block
}
.info {
    color: #00529B;
    background: #BDE5F8 url(../images/icons/ico-info.png) no-repeat 12px center;
}
.success {
    color: #4F8A10;
    background: #DFF2BF url(../images/icons/ico-success.png) no-repeat 12px center;
}
.warning {
    color: #9F6000;
    background: #FEEFB3 url(../images/icons/ico-warn.png) no-repeat 12px center;
}
.error {
    color: #D8000C;
    background: #FFBABA url(../images/icons/ico-error.png) no-repeat 12px center;
}

/*===================================================================================================================================*/

.col_1140{width:1140px; margin:0 auto;}
.posRelative{position:relative;}
.txtCenter{text-align:center !important;}

.themeClrPrime{color:#00afef;}
.themeClrSec{color:#bae5fa;} 
.themeClrThr{color:#8BC73E;} 
.themeClrQtr{color:#91288F;}

.themeBgPrime{background:#00afef;}
.themeBgSec{background:#bae5fa;} 
.themeBgThr{background:#8BC73E;} 
.themeBgQtr{background:#91288F;}

.bgWhite{background:#fff;}

/* Header */
#header{}
.logo{float:left;}
#navBtn{background:url(../images/icons/nav-btn.png) no-repeat right center; cursor:pointer; width:32px; height:32px; position:absolute; top:45px; right:15px;}



/* Navigation */
#topNavPanel{display:none;float:none;position:absolute;right:15px; top:75px; margin-top:0;z-index:100; -webkit-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    -moz-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);}
#topNav{background:#fff; margin-top:0 !important; }
#topNav li{display:block;padding:6px 10px;border-bottom:solid 1px #e0e0e0; }
#topNav li a{display:block;padding:5px 15px; font-size:1em; text-decoration:none; color:#1d1d1d;}
#topNav li a:hover{color:#0063be;}
    
#topNav ul{position:relative; top:0px; left:0px;display:block; background-color:#fff; border:none !important; padding:0 !important;}
#topNav ul li{border:none !important ; margin:0 !important;}
#topNav ul li a{display:block;padding:0em 0em !important; font-size:0.9em; color:#777 !important;text-align:left; margin-left:18px;}
#topNav ul li a:hover{color:#BD1550 !important}
/*====================================================================================================================================*/


.pgTitle{color:#333;font-size:1.8em;line-height:1.5;}
.addNew{width:125px; text-align:center; background-color:#f7f7f7;border:solid 1px #cccccc;padding:0.6em 0.6em;font-size:0.9em;display:inline-block;text-decoration:none;cursor:pointer;}
.addNew:hover{border-color:#0085ba;color:#0063be;}

/* Form layout */
.formPanel{background-color:#fff;border:solid 1px #e5e5e5;width:99%; position:relative;}
.titleLine{margin-bottom:0.6em;height:1px;background:#e5e5e5;display:block;width:100%}
.formTitle{color:#ffffff;padding:0.7em;}
.buttonBlue{width:125px; text-align:center; background-color:#0063be;color:#fff !important;border:solid 1px #025aaa;border-bottom-width:2px;padding:0.6em 0.6em;display:inline-block;text-decoration:none;font-size:0.9em; cursor:pointer;}
.buttonBlue:hover{background-color:#0472d6}

.buttonOrange{width:125px; text-align:center; background-color:#f24f1d;color:#fff;border:solid 1px #f24f1d;border-bottom-width:2px;padding:0.6em 0.6em;display:inline-block;text-decoration:none;font-size:0.9em; cursor:pointer;}
.buttonOrange:hover{background-color:#fca286}

.buttonDel{background-color:#e86441;color:#fff;border-bottom-width:2px;padding:0.6em 0.6em;display:inline-block;text-decoration:none;font-size:0.9em; cursor:pointer; }
.buttonDel:hover{background-color:#ea3909}

.formLable{color:#484848;font-size:0.9em;}
.formLable span{ font-size:0.8em; display:block; color:#666666; line-height:1.2 }
.txtBox{border:solid 1px #cdcdcd;padding:0.4em;color:#333;font-size:0.9em; width:500px; resize:none; z-index:1 !important ;}
.subNotice{font-size:0.8em; color:#999999; font-style:italic; margin-bottom:15px; display:block}
.radio{font-size:0.9em;}

.gvApp{border-color:#e5e5e5;border-style:solid;border-width:1px;font-family: Arial;width:100%;}
.gvApp a { text-decoration:none; color:#0085ba }
.gvApp th{background-color:#006cb5;text-align:left;font-weight:bold;padding:0.8em; color:#ffffff;}
.gvApp td{padding:0.6em 0.8em;}
.row{background-color:#f8f8f8;}
.alt{background-color:#ffffff;}
.myColumn{font-weight:bold;color:#008dd2}
.HideCol{ display:none}

.gvPager{background-color:#fff;padding:2px;margin:2% auto; font-size:0.9em }
.gvPager a{margin:auto 1%;background-color:#23282d;padding:3px 8px;color:#fff;text-decoration:none;-o-box-shadow:1px 1px 1px #111;-moz-box-shadow:1px 1px 1px #111;-webkit-box-shadow:1px 1px 1px #111;box-shadow:1px 1px 1px #111;}
.gvPager span{background-color:#f8f8f8;color:#555;-o-box-shadow:1px 1px 1px #111;-moz-box-shadow:1px 1px 1px #111;-webkit-box-shadow:1px 1px 1px #111;box-shadow:1px 1px 1px #111;padding:3px 8px }

.button{ background:#00aeef;color:#fff;padding:0.3em 0.6em;cursor:pointer;font-size:0.9em; text-decoration:none}

.gView { text-decoration: none; background:url(../images/icons/view-ico.png) no-repeat center center; display:block; height:24px; width:24px}

.gPop{text-decoration: none; background:url(../../images/App/icons/pop_edit.png) no-repeat center center; display:block; height:24px; width:24px}

.gAnch { text-decoration: none; background:url(../images/icons/edit.png) no-repeat center center; display:block; height:24px; width:24px}
.gCareer { text-decoration: none; background:url(../images/icons/resume_blk.png) no-repeat center center; display:block; height:24px; width:24px}
.gDel{text-decoration: none; background:url(../images/icons/delete.png) no-repeat center center; display:block; height:24px; width:24px}
.gStatusGreen{text-decoration: none; background:url(../../images/icons/green.png) no-repeat center center; display:block; height:24px; width:24px}
.gNoDel{text-decoration: none; background:url(../../images/App/icons/no-delete.png) no-repeat center center; display:block; height:24px; width:24px}

.gDelete{text-decoration: none; background:url(../images/icons/false.png) no-repeat center center; display:block; height:24px; width:24px}

.gAddInward{ text-decoration: none; background:url(../images/icons/addInward1.png) no-repeat center center; display:block; height:24px; width:24px}
.anchor{text-decoration:none; color:#fff; background-color:#157efb; padding: 5px 10px; }
.gridImg{ width:150px }
.newId{background-color:#0085ba; color:#fff; padding:8px; font-size:0.9em; display:inline-block;}

.countBox{ float:left; display:inline-block; text-decoration:none }
.countBox .countText{ font-size:2em; float:left; width:100px; height:100px; text-align:center; color:#555; background-color:#ececec }


.form_table{ border:none; }
.form_table tr td{padding:5px 8px }

.pImage{position:absolute; top:60px;right:20px; border:1px solid #cccccc}

.closeAnch{background:url("../../images/App/icons/deleteIco.png") no-repeat center center; display:block; height:20px; width:20px; position:absolute; top:5px; right:5px  }
.imgBox{ float:left;position:relative }
.imgContainer{ height:200px !important; width:200px; overflow:hidden !important; }
.w100{ width:100% }
.pad-5{ padding:5px }
.border1{ border:1px solid #ececec }


.count{position:absolute; right:20px; top:10px;}



/* Franchisee */
.dashboard_Box{width:365px; display:inline-block;}
.fr_icons{width:64px; height:64px; display:block; margin:0 auto;}
.mrg_B_5{margin-bottom:5px;}
.dashboard_Box span{color:#dedfdf}
.textDeco{text-decoration:none;}


.border-table{border-collapse:collapse;width:100%; text-align:left !important }
.border-table th, .border-table td{padding:10px;font-family:"Lato Light",Arial, Helvetica, sans-serif;	font-size:14px;	vertical-align:top;text-align:left}
.border-table th, .border-table td{border:1px solid #D1D3D4;}
.border-table th{text-align:left;color:#27211F;font-weight:normal;}

.border-table .theme-bg-1{background:#f7f7f7; color:#555; font-weight:bold;}
.border-table .theme-bg-2{background:#555555; color:#ffffff; font-weight:bold;}




.open{ font-weight:bold; color:#fa7753 }
.answered{ font-weight:bold; color:#12971b;}
.replied{font-weight:bold; color:#0073aa}
.closed{ font-weight:bold; color:#555;}

.rTicket{ text-decoration:none; display:inline-block; color:#0073aa }

.bgChatGray{ background-color:#e9ecf1 }
.bgChatWhite{ background-color:#f9f9f9 }
.chatTime{ color:#777; font-size:0.8em }

.mrg_R_15{margin-right:15px;}

/* Sliding News */
.tickercontainer {width: 100%; background:#d8d8d8;font-size:1.2em;color:#fff;margin: 0; padding: 7px 0;overflow: hidden; text-align: center;line-height:2;}

.tickercontainer .mask {position: relative;	width: 100%;overflow: hidden;}
ul.newsticker { position: relative;list-style-type: none;margin: 0;padding: 0;}

ul.newsticker li {float: left; margin: 10px;padding: 0; color:#888787; text-align:left !important;}
ul.newsticker li a span{color:#00afef; margin-right:5px; text-decoration:none; display:block; text-align:left !important; font-size:1em; font-weight:normal;}
ul.newsticker li a{text-decoration:none; color:#3b3b3b;}
ul.newsticker li a:hover{color:#0063be;}
ul.er-controls{	list-style: none;	display: inline-block;	padding: 0;  height:50px; line-height:2;}
ul.er-controls > li{display: inline-block;padding: 0 10px;margin: 5px; }
ul.er-controls > li:hover{cursor: pointer;}

ul.er-controls li a{ font-size:0.9em; }
ul.er-controls li a span{ font-size:1.2em; }

ul.er-controlsFr{list-style: none;	display: inline-block;	padding: 0;  height:50px; line-height:2; color:#0073aa !important;}
ul.er-controlsFr > li{display: inline-block;padding: 0 10px;margin: 5px;}
ul.er-controlsFr > li:hover{cursor: pointer;}
ul.er-controlsFr li a{ color:#0063be; }
ul.er-controlsFr li a:hover{ color:#00afef; }

.franchTag{position:absolute; left:14px; top:14px; display:table; background:#0063be; color:#fff; z-index:5; font-size:1.2em; line-height:1.5;}

.pad_11{padding:12px; display:table-cell; vertical-align:middle;}
.newsTag{position:absolute; left:14px; top:14px; display:table; background:#0063be; color:#fff; z-index:5; font-size:1.2em; height:74px; line-height:1.5;}



.drugTable{width:100%;}
.drugTable tr td{padding:0 3px;}
.totalPrice{font-size:1.1em; font-weight:bold; text-align:right !important;}

.gConvo{ text-decoration: none; background:url(../../images/App/icons/chats.png) no-repeat center center; display:block; height:28px; width:32px}

.mrg_B_15{margin-bottom:15px;}
.mrg_B_25{margin-bottom:25px;}
.col_1_4{width:285px; float:left;}
.removePic{position:absolute; left:180px; bottom:5px;}

.denied{ font-weight:bold; color:#fe2020;}

.greenName{font-size:1.2em; font-weight:bold; color:green}

.greyCirle{width:15px; height:15px; border-radius:50%; background:#afafaf; display:inline-block;}
.orangeCirle{width:15px; height:15px; border-radius:50%; background:#fa7753; display:inline-block;}
.blueCirle{width:15px; height:15px; border-radius:50%; background:#0073aa; display:inline-block;}
.greenCirle{width:15px; height:15px; border-radius:50%; background:#12971b; display:inline-block;}
.redCirle{width:15px; height:15px; border-radius:50%; background:#fe2020; display:inline-block;}
.yellowCirle{width:15px; height:15px; border-radius:50%; background:#f4fe0c; display:inline-block;}

.col_1_3{width:380px; float:left;}
.cBox{ text-decoration:none; display:block; color:#fff; font-size:1.8em; padding:20px }
.cBox span{ display:block; color:#fff; font-size:1.2em }

.lastErr{text-decoration:none; border-bottom:1px solid #fff; color:#fff;}

/* footer */
.footer{background:#000; width:100%;}

#prList{ background-color:#f1f1f1 }
#prList li{ list-style:none }
#prList li a{ text-decoration:none; padding:5px 8px; color:#333; border-bottom:1px solid #cccccc; display:block; font-size:0.9em; }
#prList li a:hover{ font-weight:bold; }
#prList li a span{font-size:0.8em; display:block; margin-top:7px; color:#999; font-weight:normal}
.disNone{ display:none }
.disable{ pointer-events:none;}
.cartTotal{ float:right;font-size:1.2em; font-weight:bold; margin-right:100px } 

.dashBox{display:inline-block; float:left; width:130px; height:100px; color:#fff; text-decoration:none; line-height:1.5; font-size:1.1em;}
.bgOrange{background:#fa7753;}

.stPending{ display:inline-block; padding:3px 4px; background-color:#364640; border-radius:3px; color:#fff; font-size:0.8em }
.stSnooze{display:inline-block; padding:3px 4px; background-color:#E43E07; border-radius:3px; color:#fff; font-size:0.8em}
.stCompleted{display:inline-block; padding:3px 4px; background-color:#74B331; border-radius:3px; color:#fff; font-size:0.8em}
.stNotSent{display:inline-block; padding:3px 4px; background-color:#ff6e6e; border-radius:3px; color:#fff; font-size:0.8em}
.stOutStock{display:inline-block; padding:3px 4px; background-color:#BD1550; border-radius:3px; color:#fff; font-size:0.7em}


/* head info */
.headColor{color:#9F6000;}
.headInfo{background:#fcf1c6; border:1px solid #fcde66; position:absolute; right:10px; top:50px; width:300px;}

.tickmark{background: url(../images/icons/tickmark.png) no-repeat; width:24px; height:24px; display:block;}

.width50{width:50%; float:left;}
.width33{width:33%; float:left;}

.dis-tbl{display:table;}
.tbl-cell{display:table-cell; vertical-align:middle;}
.mrg_L_30{margin-left:30px;}

/* Tabs */
.proNavPanel{border-bottom:solid 1px #e0e0e0;height:56px;position:relative;margin-top:15px;}
.proNav{position:absolute;top:-1px;left:0;list-style:none;}
.proNav li{display:inline;}
.proNav li a{float:left;display:inline-block;text-decoration:none;padding:20px 28px; width:100px; margin-left:10px; text-align:center; line-height:16px;font-size:1.2em; font-weight:600 ;color:#0063be; background-color:#f3f3f3; border:1px solid #e3e3e3;}

.proNav li a.act{border:solid 1px #e0e0e0;border-bottom:solid 1px #fff; background-color:#fff}


.true{ background:url('../images/icons/true.png') no-repeat left top; display:block; padding-left:30px; line-height:1.5;}
.false{background:url('../images/icons/false.png') no-repeat left top; display:block;padding-left:30px; line-height:1.5;}

/*Order Inward Page*/

.btnDel{background:url(../images/icons/delete.png) no-repeat center center; display:block; height:24px; width:24px;}
.btnDel:hover{ cursor:pointer;}
.lblName{color:#333;font-size:1.1em; }
.lblTitle{ color:#54b782; font-weight:400; font-size:1.4em;} /*Used in dispatch*/


.gCount{text-decoration:none;}

.gvOrder{border-color:#e5e5e5;border-style:solid;border-width:1px;font-family: Arial;}
.gvOrder a { text-decoration:none; color:#0085ba }
.gvOrder th{background-color:#006cb5;text-align:left;font-weight:bold;padding:0.8em; color:#ffffff;}
.gvOrder td{padding:0.6em 0.8em;}

/*Width Class*/
.w70{width:70%;}
.w50{width:50%;}
.w30{width:30%;}

.dispatchDetail{ border-collapse:collapse;}
.dispatchDetail td{ padding-bottom:10px;}

.gDItem{text-decoration: none; background:url(../images/icons/addInward1.png) no-repeat center center; display:block; height:24px; width:24px}


/*Dispatch Items -Page*/
.formDetail{color:black; font-size:1em;}

.tblDispItem{ border-collapse:collapse; width:70%;}

.bgGray{ background:#ececec;}

.lblErr{ color:Red; font-size:0.8em;}



/*Out of Stock*/

.gStock{text-decoration: none; background:url(../images/icons/ostock.png) no-repeat center center; display:block; height:24px; width:24px}
.btnAdd{width:80px; text-align:center; background-color:#0063be;color:#fff !important;border:solid 1px #025aaa;border-bottom-width:2px;padding:0.5em 0.5em;display:inline-block;text-decoration:none;font-size:0.9em; cursor:pointer;}

/* New Order-page*/
.tblOrder{border-collapse:collapse; width:70%; }
.tblOrder td{ padding-bottom:10px;}

.tblInOrder{border-collapse:collapse; width:50%;}
.tblInOrder td{ border:1px solid #ccc; padding:5px; }

.gDisp{text-decoration: none; background:url(../images/icons/dispatch.png) no-repeat center center; display:block; height:24px; width:24px; }


.line-ht-5{ line-height:1.5;}
/*================================================== Media Queries ==================================================*/

@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1200px)
{
    .col_1140{width:95%}
}
@media screen and (max-width: 1140px)
{
	.col_1140{width:95%}
    
    #topNavPanel{display:none;float:none;position:absolute;right:15px; top:75px; margin-top:0;z-index:100; -webkit-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    -moz-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);}
    #topNav{background:#fff; margin-top:0; }
    #topNav li{display:block;padding:6px 10px;border-bottom:solid 1px #e0e0e0; }
    #topNav li a{display:block;padding:5px 15px; font-size:1em;}
    #topNav li a:hover{color:#0073aa;}
    
    #topNav ul{position:relative; top:0px; left:0px;display:block; background-color:#fff; border:none !important; padding:0 !important;}
    #topNav ul li{border:none !important}
    #topNav ul li a{display:block;padding:0em 0em !important; font-size:0.9em; color:#777 !important;text-align:left; margin-left:18px;}
    #topNav ul li a:hover{color:#BD1550 !important}
}
@media screen and (max-width: 1024px)
{
	.col_980{width:100%;}
}
@media screen and (max-width: 920px)
{
	.col_800{width:100%; float:none}
	.col_340{width:100%; float:none}
    .col_800_center{width:100%;}
}
@media screen and (max-width: 800px)
{
    .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_1_6, .col_2_3, .col_3_4{width:100%; float:none;}
    
    .width50{width:100%; float:none;}
    .width33{width:100%; float:none;}
    .tblInward td{display:block; padding-bottom:5px; width:50% !important;padding-top:10px; }
   

}
@media screen and (max-width: 768px)
{
 
}
@media screen and (max-width: 640px)
{
	.col_1_3{width:100%}
	.col_2_3{width:100% }

    .proNavPanel{border-bottom:solid 1px #e0e0e0;height:125px;position:relative;margin-top:15px}
    .proNav{top:10px;}
    .proNav li a{ width:80%; float:left;}
    .txtBox{width:95%; }
    
  
 
    .tblInward td:nth-child(1){width:100% !important;}
.tblInward td:nth-child(2){width:100% !important;}

.dispatchDetail{width:100%;}
.dispatchDetail td{display:block; width:100%;}

.tblDispItem{width:100%;}
.tblDispItem td{ display:block; padding-bottom:5px; width:50% !important;padding-top:10px;}
/*.tblDispItem td span{ display:inline-block; margin-right:40px;}*/

.tblOrder{ width:100%;}
.tblOrder td{display:block;}

.tblOrderRep{width:100%;}
.tblOrderRep td{display:block; margin-bottom:5px;}


}

@media screen and (max-width: 480px)
{
    .formContainer{width:100%;}
    .proNav li a{ width:60%;}
    .gvOrder{width:100%;}
  
}
@media screen and (max-width: 360px)
{
    #navBtn{right:0; padding:5px; top:50px;}
    #topNavPanel{right:5px; top:83px;}
}