
/* CSS Document */


@font-face
{
	font-family: 'franklin';
	src: url('franklin.eot');
	src: local('☺'), url('franklin.woff') format('woff'), url('franklin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: franklin;
	src: url('franklin.ttf'), url('franklin.eot'), url('franklin.otf');
}

html{ height:100%;}
.all-font
{
	font-family: franklin;
	font-weight: bold;
}

*
{
	margin: 0 0 0 0;
	padding: 0;
}
#main
{
	width: 994px;   
	min-height:100%;
    margin:0 auto;

   
    
}

.header
{
	width: 100%;
	display: inline-block;
    position:relative;
}
h1.logo-top
{
	float: left;
	padding: 10px 0 10px 15px;
}
.log-out
{
	float: right;
	padding: 10px 10px 0 0;
}
.log-out a
{
	padding: 0 10px;
	background: url(../images/login-button-bg.jpg) repeat-x;
	font-size: 14px;
	color: #01017e;
	line-height: 25px;
	box-shadow: 0 0 2px #afaeac;
	border-radius: 8px;
	display: block;
}
.log-out a:hover
{
	color: #0000c6;
}
.main-container
{
	width: auto;
	margin: -58px 0 0;
	padding:38px;
	height:45px;
}
.border-shadow
{

	margin-left:0px;
	box-shadow: 0 0 2px #959393;
	border-radius: 10px 10px 0 0;
	float:left;
}

.remedy{position:relative; float:left; margin-left:32px; text-align:center; line-height:16px; padding-top:7px;}
.remedy .bulb_icon{ background:url(../images/bulb_icon.png); height:42px; width:34px; position:absolute; top:-42px; left:64px;}
.remedy .t2t_icon{ background:url(../images/t2t.png); height:42px; width:34px; position:absolute; top:-42px; left:64px;}

/*      Menu Control For Normal User     */

/*TEMP*/

.submenu {
position: absolute;
z-index: 2000;
width: 970px;
display: none;
}
.submenu-first {
position: absolute;
z-index: 2000;
display:none;
}

/*TEMP ENds*/
.navigation
{
	width: 100%;
	background: url(../images/menu-bg.png) repeat-x;
	border-radius: 10px 10px 0 0;
    height:44px;
}
.navigation ul
{
	list-style: none;
	display: inline-block;
    
}
.navigation li
{
	float: left;
	background: url(../images/devider.jpg) no-repeat 0 0;
	padding-left: 0px;
	position:relative;
    width:175px;
}
   .navigation ul li {
    width:150px !important}

    .navigation ul li.ordertpe {
 width:150px !important;
           }

    .navigation ul li.help {
 width:140px !important;
           }
     .navigation ul li.inventory {
 width:120px !important;
           }

    .navigation ul li.admin {
 width:130px !important;
           }
        .navigation ul li.query {
        width:120px !important;
        }
        .navigation ul li.rro {
        width:170px !important;
        }


.navigation li ul{ position:absolute; top:45px; left:1px; display:none; width:174px !important; background:url(../images/menu-bg.png); background-repeat:repeat-x; z-index:10000000;}
.navigation li ul li{ display:block; float:none;width: 174px !important;}
.navigation li ul li a{ padding-left:5px; text-align:left;line-height:28px; font-size:11px;}
    .navigation li ul.submenu-first liL:first-child {
        border-top:1px solid #ccc;
    }
 .navigation li ul.submenu-first li{
        background:url(../images/menu-bg.png) repeat!important; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; height:25px; width:138px;
    }
    .navigation li ul.submenu li {
         background:url(../images/menu-bg.png) repeat!important;
         border-bottom:1px solid #ccc;
        width:auto;
    }
       
    .navigation li ul.submenu li:first-child {
        padding-left:-1px;
    }
    .navigation li ul.submenu-first{
        left:0px;
          width: 140px;
    }
    .navigation li ul.submenu {
        width: 150px;
    }
        .navigation li ul.submenu-first li:first-child {
            width:174px !important;
        }

    .navigation .menudrop-first {
        width:175px;
    }
.main-container .a-c-hover { line-height:35px;
}
.navigation li:first-child
{
	background: none !important;
	padding-left: 0px;
}
.navigation li:first-child a
{
	border-radius: 10px 0 0 0;
}
.navigation a
{
	padding: 0 12px;
	font-size: 13px;
	color: #393833;
	line-height: 44px;
	display: block;
	font-family: franklin;
	text-align:center;
    font-weight:bold;
}
    .navigation a.big-txt {
        font-size:18px;
    }
.navigation a span{ line-height:16px; padding:6px 0; display:block; font-size:13px;}

.navigation a:hover
{
	color: #70706e;
}
.navigation a.active
{
	color: #000;
	background: url(../images/menu-bg-hover.png)repeat-x;
}
/*********End of Normal User*********/


/*      Menu Control For Admin User     */
.nav1 a
{
	padding: 0 8px;
}
/*.nav2 a
{
	padding: 0 18px;
}--*/
/*********End of Admin User*********/


.banner
{
	text-align: center;
	margin: 0 auto;
	padding: 110px 3px 3px;
	background: url(../images/banner.jpg) center center no-repeat;
	height: 156px;
	width: 978px;
	display: block;
	text-align: center;
    /*overflow: auto;*/
}
.bannerdashboard
{
	/*text-align: center;*/
	margin: 0 auto;
	padding: 8px;
	background: url(../images/banner.jpg) center center no-repeat;
	width: 978px;
	display: block;
    float: left;
    vertical-align :middle ;
	/*text-align: left;*/
    /*overflow: auto;*/
    border-radius: 0 0 15px 15px;
}
.bannerdashboard .left-text {
    float: left;
    padding-left: 5px;
}
.bannerdashboard .right-text {
    float: right;
    padding-right: 5px;
}

.t2tbanner
{
	text-align: center;
	margin: 0 auto;
	padding: 110px 3px 3px;
	background: url(../images/banner.jpg) center center no-repeat;
	height: 80px;/*156px;*/
	width: 978px;
	display: block;
	text-align: center;
    border-radius: 0 0 15px 15px;
    /*overflow: auto;*/
}
.banner h1
{
	display: inline;
	color: #fcba30;
	font-size: 40px !important;
	line-height: 50px;
	font-weight: lighter;
	background: url(../images/smile.png) 54px 48px no-repeat;
	padding-bottom: 23px;
}
.banner h1 span
{
	color: #ffffff;
	position: relative;
	font-size: 40px;
}


/*......... Login Page .........*/

.left-wrappe
{
	width: 555px;
	float: left;
	margin: 0 20px 0 0;
}

.login-content
{
}
.login-content h2
{
	font-size: 80px;
	color: #ffffff;
	line-height: 80px;
	font-weight:normal;
	text-align:center;
	font-family:Arial !important;
	padding-top:20px;
}
.box-1
{
	margin: 0 auto 100px;
	text-align:center;
	display:block;
	padding-top:30px;
}
.box-2
{
	height: 154px;
	margin: 5px;
}
.box-1 p {
    color: #fff;
    font-size: 22px;
    line-height: 43px;
    font-family: Arial, Lucida Grande, sans-serif !important;
    font-weight: normal;
}

.box-1 p span
{
font-size:30px;
}

h3.logo
{
	padding: 0 0 10px 15px;
}

.right-wrappe
{
	/*width: 350px;*/
    width: 414px;
	padding-top: 75px;
	float: left;
}

.login-main {
    font-family: Arial, Lucida Grande, sans-serif !important;
    background: #e3e3e3;
    border: 3px #fff solid;
    border-radius: 5px;
    display: inline-block;
}
    .login-main h2 {
        text-align: center;
        font-size: 18px;
        color: #00308e;
        line-height: 40px;
        font-family: Arial, Lucida Grande, sans-serif !important;
    }
label.login-id {
    width: 120px;
    float: left;
    font-size: 14px;
    color: #00308e;
    text-align: right;
    line-height: 25px;
    font-family: Arial, Lucida Grande, sans-serif !important;
}

.re-button
{
	width: 280px;
	padding: 0 0 15px 0;
	float: right;
}

/* -------- OrderInstaller -------- */
.panel-grid, .panel-details
{
	float: left;
	width: 98%;
	padding:10px;
	background: #fff; /*border:1px #ccc solid;*/
}
.panel-grid td{ vertical-align:middle; /*padding:5px;*/}
.panel-grid-left
{
	width: 175px;
	padding: 10px 0;
	float: left;
	margin-right: 10px;
	border: 1px #210210 solid;
}
.panel-grid-right
{
	width:100%;
	margin-top:20px;
}
.panel-details
{
	background: ##f1f1f1;
	border: none;
}
.text-message
{
	padding: 0 2px;
	float: left;
	width: 990px !important;
}
.select-template
{
	margin: 0 0 5px 0;
	position:relative;
}
.permit-template
{
	/*padding: 10px 10px;*/
    padding:10px 10px 13px;
	border: 1px solid #336699;
	width: 520px;
}
.release-button-main
{
	float: left;
	padding: 15px 0;
	width:100%;
}

.delete-btn
{
	/* background:url(../images/deletebtn.png) no-repeat;*/
	border: 0px;
	width: 53px;
	height: 21px;
	font-size: 13px;
	color: #565655;
	line-height: 20px;
}
/*.delete-btn:hover{background:url(../images/delete-hover.png) no-repeat; cursor:pointer;}*/


/*......Round courner......*/
.box-1, .box-1, .login-main, .login-butt
{
	behavior: url(PIE.htc);
}




/*      Added For Grid Paging Style      */
/*****************************************/
.GridPager table
{
width:auto;
 
}
.GridPager tbody td 
    {
     width :20px! important;
     padding-right:0px;
	}
 .GridPager a, .GridPager span
    {
        display: block;
        height: 20px;
        width: 20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
    }
    .GridPager span
    {
        background-color: #A1DCF2;
        color: #000;
        border: 1px solid #3AC0F2;
    }
     .GridPager a:hover
    {
        background-color: #02027a;
        color: #969696;
        border: 1px solid #969696;
    }
/******End Grid Paging Style*****/



#Panel1 {
    padding: 10px;
}
  /*height: 300px;
  border: solid thin #000;}
#Panel1 .leftarea { width:75%;
    }
    #Panel1 .leftarea .section1 { width:40%;
    }

     #Panel1 .leftarea .section2 { width:60%;
    }
        #Panel1 .leftarea .section1 td input{
         margin:5px}


        #Panel1 .rightarea { width:20%; background:#0000c6; height:200px;
    }*/

.tr_space  tr td{ padding:3px;}

.floatR { float:right;
}
.floatL { float:left;
}

.Maintenance-form td
{
    padding:3px 10px !important;
}
.Maintenance-form input[type="checkbox"]
{
    margin-right:7px;
}
.Maintenance-form input[type="text"],.Maintenance-form select
{
    width:100% !important;
  
}
.Maintenance-form width100px
{
    width:100px !important;
}
#Panel1 td.padding0
{
    padding:1px !important;
}
.marg-bottom input[type="text"].width100px
{
      width:83% !important;
}

#AutoCompleteUploadFileName_completionListElem {width:400px !important;
}

#AutoCompleteExtender2_completionListElem {width:250px !important;
}


/*Release order grid styles*/

.grid-release th {
    text-align:left;
}

.grid-release td 
{
  white-space:normal !important;
  word-wrap:break-word;
   text-align:left;
   vertical-align:top !important;
   
}

table.gridSection
{
  width:100%!important; border:1px solid #ccc!important;
} 

table.gridSection th, table.gridSection td
{
    padding: 6px 12px; white-space:nowrap;
}
table.gridSection th
{
background: Navy;
}

table.gridSection td input[type='text'],select{
    padding: 1px 5px 1px;
    line-height: 24px !important;
}
.outer-box
{

    padding: 5px;
    width: 984px;
}
table.gridSection td
{
    border:1px solid #ccc!important; 
}
    table.gridSection td a
    {
        color:blue!important;
    }
.outer-box > div
{
   overflow:auto; border-left:1px solid #ccc!important; border-right:1px solid #ccc!important; height:auto;
}
*:first-child+html .small.iframe_box { height:164px;}
/*select.select-text
{
    width: 160px!important;
}
.select-text
{
    width: 157px!important;
}*/

select.select-item
{
    width:400px!important;
    float:left;
}

#Label3
{
float: left;
    margin-top: 4px;
    width: 94px;
}
#btnselitems
{
    position:relative;
    right:10px;
    top:-30px;
    float:right;
}
.rightBox
{
     background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #ccc;
    height: 60px;
    padding: 8px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 260px;
}
#ddl_SupervisorList
{
    width:115px!important;
}
.clrBoth
{
    clear:both; height:0;
}
#PanelTableDetails
{
    height:55px!important;
}

#uplMyGridDetails
{
    text-align:left!important;
}
#paneldetails
{
    float:left;
}
 .export
        {
            width: 176px!important;
        }

.navigation .second-menu-drop { top:75px;
}

.main-container .submenu-i{width: 152px;
}
.submenu-i li{background: url(../images/menu-bg.png);
background-repeat: repeat-x;border-bottom: solid 1px #ccc;
}

table.search-panel td{
    padding-bottom:8px;
}

/*.button-comon.export-btn {
    position: relative;
  right: -77px;
}*/

table.gridSectionTwo td {
    padding: 3px;
    word-break: break-all;

    word-wrap: normal;
}



table.gridSectionTwo th:nth-child(1)
 {width: 35px;/* padding: 0px !important; */}
table.gridSectionTwo th:nth-child(2)
 {width: 35px;}
table.gridSectionTwo th:nth-child(3)
 {width:55px}
table.gridSectionTwo th:nth-child(4)
 {width: 79px;}
table.gridSectionTwo th:nth-child(5),
table.gridSectionTwo th:nth-child(6)
 {width: 8px;padding-left: 0px !important;}
table.gridSectionTwo th:nth-child(7)
 {width:20px}
table.gridSectionTwo th:nth-child(8)
 {width:36px}
table.gridSectionTwo th:nth-child(9)
 {width:42px}
table.gridSectionTwo th:nth-child(10)
 {width:22px}
table.gridSectionTwo th:nth-child(11)
 {width:30px}
table.gridSectionTwo th:nth-child(12)
 {width:38px}
table.gridSectionTwo th:nth-child(13)
 {width:38px}
table.gridSectionTwo th:nth-child(14)
 {width:38px}
table.gridSectionTwo th:nth-child(15)
 {width:38px}
table.gridSectionTwo th:nth-child(16)
 {width:26px}
table.gridSectionTwo th:nth-child(17)
 {width:28px}
table.gridSectionTwo th:nth-child(18)
 {width:70px}


table.gridSectionTwo td:nth-child(1)
 {width: 23px;
  text-align: center;
}
table.gridSectionTwo td:nth-child(2)
 {width: 23.1px;/* text-align: center; */}
table.gridSectionTwo td:nth-child(3)
 {width: 39px;
  /*text-align: center;*/
}
table.gridSectionTwo td:nth-child(4)
 {width: 56px;word-break: break;}
table.gridSectionTwo td:nth-child(5),
table.gridSectionTwo td:nth-child(6)
 {width: 18px;padding-left: 0px !important;padding-right: 0px !important;}
table.gridSectionTwo td:nth-child(7)
 {width: 36px;}
table.gridSectionTwo td:nth-child(8)
 {width: 36px;}
table.gridSectionTwo td:nth-child(9)
 {
    width:42px;

}
table.gridSectionTwo td:nth-child(10)
 {width:22px !important;}
table.gridSectionTwo td:nth-child(11)
 {width:30px}
table.gridSectionTwo td:nth-child(12),
table.gridSectionTwo td:nth-child(13),
table.gridSectionTwo td:nth-child(15)
 {width:35px}
table.gridSectionTwo td:nth-child(14)
 {width:38px}
table.gridSectionTwo td:nth-child(16)
 {width:28px}
table.gridSectionTwo td:nth-child(17)
 {width:22px}
table.gridSectionTwo td:nth-child(18)
 {width:78px}

table.gridSectionTwo tr td > table.GridPager td {
width:auto;
border: 0px;
}
input[type="radio"], input[type="checkbox"] { margin-right:5px;}
/*===4-2-2015 Data grid by Ravi===*/

.gridSectionTwo tbody th {
   line-height: 28px;
  
   /* padding: 0px; */
}

 .ajax__calendar table tr td{ padding-bottom:0;
    
}

 table.gridSectionThree td {
    border: 1px solid #ccc !important;
    padding: 3px;
    word-break: break-all;
     word-wrap: normal;
}



table.gridSectionThree th:nth-child(1)
 {width:40px}
table.gridSectionThree th:nth-child(2)
 {width:60px}
table.gridSectionThree th:nth-child(3)
 {width:103px}
table.gridSectionThree th:nth-child(4)
 {width:124px}
table.gridSectionThree th:nth-child(5),
table.gridSectionThree th:nth-child(6)
 {width:42px}
table.gridSectionThree th:nth-child(7)
 {width:20px}
table.gridSectionThree th:nth-child(8)
 {width:36px}
table.gridSectionThree th:nth-child(9)
 {width:42px}
table.gridSectionThree th:nth-child(10)
 {width:22px}
table.gridSectionThree th:nth-child(11)
 {width:30px}
table.gridSectionThree th:nth-child(12)
 {width:38px}
table.gridSectionThree th:nth-child(13)
 {width:38px}
table.gridSectionThree th:nth-child(14)
 {width:38px}
table.gridSectionThree th:nth-child(15)
 {width:38px}
table.gridSectionThree th:nth-child(16)
 {width:26px}
table.gridSectionThree th:nth-child(17)
 {width:28px}
table.gridSectionThree th:nth-child(18)
 {width:70px}


table.gridSectionThree td:nth-child(1)
 {width:42px}
table.gridSectionThree td:nth-child(2)
 {width:60px}
table.gridSectionThree td:nth-child(3)
 {width:110px}
table.gridSectionThree td:nth-child(4)
 {width:142px}
table.gridSectionThree td:nth-child(5),
table.gridSectionThree td:nth-child(6)
 {width:42px}
table.gridSectionThree td:nth-child(7)
 {width:22px}
table.gridSectionThree td:nth-child(8)
 {width:30px}
table.gridSectionThree td:nth-child(9)
 {width:42px}
table.gridSectionThree td:nth-child(10)
 {width:22px !important;}
table.gridSectionThree td:nth-child(11)
 {width:30px}
table.gridSectionThree td:nth-child(12),
table.gridSectionThree td:nth-child(13),
table.gridSectionThree td:nth-child(15)
 {width:35px}
table.gridSectionThree td:nth-child(14)
 {width:38px}
table.gridSectionThree td:nth-child(16)
 {width:28px}
table.gridSectionThree td:nth-child(17)
 {width:22px}
table.gridSectionThree td:nth-child(18)
 {width:78px}

table.gridSectionThree tr td > table.GridPager td {
width:auto;
border: 0px;
}
input[type="radio"], input[type="checkbox"] { margin-right:5px;}

.divgrid.grid-box .grid-text td {width:90px;}
    



.divgrid.grid-box .grid-text td {
    width:90px;  
}


}
table.email-group {
    width:980px;  margin-left: 5px;
}

table.email-group td {
     white-space: normal;
}

.divgrid.mid-grid {
      width: 500px;
  height: 400px;
     margin-left: 200px
}
table.auto-style1.user-grid {
    width:700px; margin:40px 0 10px 150px;
}

    table.auto-style1.user-grid input[type="text"] {
        width:240px;
    }

.mgn-L-6 {
    margin-left:6px;
}
.email-msg {
    margin-left:6px;
}
.float-left {
    float:left;
}

.group-code {
  margin: 0 auto;
  border: 1px solid #000;
  padding: 10px; width:500px; 
}
table.gridSection.bdr-remove td table td{
    border:none!important;
}

.gridSection-box{
    width:800px;
    height :400px;
}

.gridSection-box > div > div + div + div {
    width:970px!important;
}

table.gridSection th + th + th + th + th + th div{ width:200px !important;}
table.gridSection th + th + th + th + th div{ width:105px !important;}
table.gridSection th + th + th + th div{ width:113px !important;}
table.gridSection th + th + th div{ width:121px !important;}
table.gridSection th + th div{ width:96px !important; }
table.gridSection th div{ width:135px !important;}

table.gridSection td + td + td + td + td + td div{ width:200px !important;}
table.gridSection td + td + td + td + td div{ width:105px !important;}
table.gridSection td + td + td + td div{ width:65px !important;}
table.gridSection td + td + td div{ width:100px !important;}
table.gridSection td + td div{ width:60px !important; }
table.gridSection td div{ width:68px !important;}

table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:117px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:76px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:85px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:80px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:105px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:88px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:55px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:70px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:70px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th + th div{ width:60px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th + th div{ width:45px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th + th div{ width:125px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th + th div{ width:115px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th + th div{ width:105px !important;}
table.order-lookup-records th + th + th + th + th + th + th + th div{ width:80px !important;}
table.order-lookup-records th + th + th + th + th + th + th div{ width:95px !important;}
table.order-lookup-records th + th + th + th + th + th div{ width:85px !important;}
table.order-lookup-records th + th + th + th + th div{ width:40px !important;}
table.order-lookup-records th + th + th + th div{ width:46px !important;}
table.order-lookup-records th + th + th div{ width:95px !important;}
table.order-lookup-records th + th div{ width:55px !important; }
table.order-lookup-records th div{ width:68px !important;}


table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:117px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:76px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:85px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:80px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:105px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:88px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:55px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:70px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:70px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td + td div{ width:60px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td + td div{ width:45px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td + td div{ width:125px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td + td div{ width:115px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td + td div{ width:105px !important;}
table.order-lookup-records td + td + td + td + td + td + td + td div{ width:80px !important;}
table.order-lookup-records td + td + td + td + td + td + td div{ width:95px !important;}
table.order-lookup-records td + td + td + td + td + td div{ width:85px !important;}
table.order-lookup-records td + td + td + td + td div{ width:40px !important;}
table.order-lookup-records td + td + td + td div{ width:46px !important;}
table.order-lookup-records td + td + td div{ width:95px !important;}
table.order-lookup-records td + td div{ width:55px !important; }
table.order-lookup-records td div{ width:68px !important;}




.divgrid.mid-grid table td, .divgrid.mid-grid table th{
    padding:6px;
   
}

.panel-query table.auto-style4 td{
    padding:3px;
}
.mgn-T-4 {
    margin-top:4px;
}

table.gridSection td span {
word-break: break-all;}

#ctl00_ContentPlaceHolder1_grvEmailGroupPanelItem {
    border-bottom:1px solid #ccc;
}

#ctl00_ContentPlaceHolder1_grvUserNameEmailPanelItem {
     border-bottom:1px solid #ccc;
}

#ctl00_ContentPlaceHolder1_grvEmailGroupPanelItemContent .gridSection td {width:196px!important;
}
#ctl00_ContentPlaceHolder1_grvEmailGroupPanelItemContent {
border-bottom:none;}

table.email-group {
    width:980px;  margin-left: 5px;
}

table.email-group td {
     white-space: normal;
}

#main .tech2tech {
    position: absolute;
    top: 43px;
    right: -10px;
}

table.new_grid_section th + th + th + th + th + th + th + th{ width:50px !important;}
table.new_grid_section th + th + th + th + th + th + th{ width:60px !important;}
table.new_grid_section th + th + th + th + th + th{ width:50px !important; text-align:left;}
table.new_grid_section th + th + th + th + th{ width:30px !important; text-align:left;}
table.new_grid_section th + th + th + th{ width:250px !important;}
table.new_grid_section th + th + th{ width:60px !important;}
table.new_grid_section th + th{ width:40px !important; }
table.new_grid_section th{ width:40px !important;}

table.new_grid_section td + td + td + td + td + td + td + td { width:50px !important;}
table.new_grid_section td + td + td + td + td + td + td{ width:60px !important;}
table.new_grid_section td + td + td + td + td + td{ width:50px !important;}
table.new_grid_section td + td + td + td + td{ width:30px !important;}
table.new_grid_section td + td + td + td { width:250px !important;}
table.new_grid_section td + td + td{ width:60px !important;}
table.new_grid_section td + td { width:40px !important;text-align:left;  }
table.new_grid_section td{ width:40px !important;}

    table.new_grid_section td + td a {
        padding-left:6px;
    }

    
table.new_grid_section th.new_grid_top1 {width:7px; padding:3px 1px; }
table.new_grid_section th.new_grid_top2 {width:48px; padding:3px 1px; text-align:left;}
table.new_grid_section th.new_grid_top3 {width:100px; padding:3px 1px; text-align:left;}
table.new_grid_section th.new_grid_top4 {width:270px; padding:3px 1px; text-align:left;}
table.new_grid_section th.new_grid_top5 {width:10px; padding:3px 1px; text-align:left;}
table.new_grid_section th.new_grid_top6{width:50px; padding:3px 1px; text-align:center;}
table.new_grid_section th.new_grid_top7{width:52px; padding:3px 1px; text-align:left;}
table.new_grid_section th.new_grid_top8{width:50px; padding:3px 1px; text-align:center;}




table.new_grid_section td.new_grid1{ width:11px; padding:3px 1px;}
table.new_grid_section td.new_grid2{width:22px; padding:3px 1px;}
table.new_grid_section td.new_grid3{width:45px; padding:3px 1px;}
table.new_grid_section td.new_grid4{width:175px; padding:3px 1px;}
table.new_grid_section td.new_grid5 {width:25px;}
table.new_grid_section td.new_grid6{width:25px;text-align: center;}
table.new_grid_section td.new_grid7{width:35px;}
table.new_grid_section td.new_grid8{width:20px;}


 /*Style for white background in form by Ravi*/
        #aspnetForm {
            width: 994px;
            margin: 0 auto;
            min-height: 100%;
            background: #fff;
        }
#ctl00_ContentPlaceHolder1_GrdLocationDetailsVerticalBar,
#ctl00_ContentPlaceHolder1_GrdLocationDetailsPanelItemContent,
#ctl00_ContentPlaceHolder1_GrdLocationDetailsPanelItem {
    height: auto !important;
    max-height: 230px;
    padding-bottom: 20px !important;
    overflow: auto;
    }
.grid-scrolling1 {
    padding-bottom: 20px;
}


.E-order {
    border: 1px solid #336699;
    padding:5px;
    position: absolute;
    right:113px;
    height: 40px;
    width:284px;
    top: 0;
}


#lblusername{display:none;}

#tableheader td {
    vertical-align: middle;
}



.main-container .menu-sub-list { position:absolute; width:800px;
}
.main-container .menu-sub-list ul { float:left; position:relative; left:auto; top:1px;}
select {
    height:22px!important;
}

input[type="text"] {
    height:18px!important;
}

_:-ms-fullscreen, :root .ie11up input[type="text"] { height:20px!important; }

.item_style1 { width:63px !impotant;
}

.item_style1>div.GridCellDiv { width:63px !impotant;
}




@media only screen and (min-width: 768px) and (max-width: 959px) {
    #main { width:800px; }
    .main-container { padding:20px;}
    .left-wrappe {width: 300px; }
    .login-content h2 { font-size: 50px;font-weight: bold; width: 100px; line-height: 58px; }
    #Form1 {margin-top: -50px;    }
    .box-1 {  padding-top: 0;margin-bottom:0; }
    
    .box-1 p {font-size: 18px;line-height: 42px;}
    .right-wrappe { width:300px; }
    .login-content span { top: 25px!important;    }

    #lbltitle { width:210px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
        #main { width:320px; }
    .main-container { padding:20px;}
    .left-wrappe {width: 300px; }
    .login-content h2 { font-size: 50px;font-weight: bold; width: 100px; line-height: 58px; }
    #Form1 {margin-top: -50px;    }
    .box-1 {  padding-top: 0;margin-bottom:0; }
    #MessageText img { left: 50% !important; margin-left:-30px; right: auto;top: 259px; height: auto!important;width: 60px!important; top: 252px!important;   }
    .box-1 p {font-size: 18px;line-height: 42px;}
    .right-wrappe { width:300px; }
    .login-content span { top: 25px!important;    }
    .login-main { width: 100%;}

   
}

@media only screen and (max-width: 479px) {

    #main { width:320px; }
    .main-container { padding: 20px 0px 0px 9px;}
    .left-wrappe {width: 300px; }
    .login-content h2 { font-size: 50px;font-weight: bold; width: 100px; line-height: 58px; }
    #Form1 {margin-top: -50px;    }
    .box-1 {  padding-top: 0;margin-bottom:0; }
    #MessageText img { left: 50% !important; margin-left:-30px; right: auto;top: 259px; height: auto!important;width: 60px!important; top: 252px!important;   }
    .box-1 p {font-size: 18px;line-height: 42px;}
    .right-wrappe { width:300px; }
    .login-content span { top: 14px!important;    }

    .right-wrappe{padding-top: 0px;}
    label.login-id {  width: 72px;  }
    .login-main {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    .main-container { padding: 20px 0px 0px 10px;}
    .login-main {
        width: 100%;
    }
}