/* 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%;
    }
}