iframe {
    width: 100%;
    height: 100vh;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    Font-size: 14px;
    color: #666;
    min-width: 1240px;
    height: 100%;
}

input-type {
    outline: none;
}

.Header {
    width: 100%;
    height: 68px; /*110px;*/
    float: left;
    min-width: 1200px;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(99%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

.Header-Left {
    width: 165px; /*30%;*/
    height: 58px;
    background-image: url('/Content/themes/base/Site-images/Logo.png');
    background-repeat: no-repeat;
    /*background-position:left center;background-size: 90%;*/
    margin-right: 20px; /* onld code margin-left:20px;*/
    float: right; /*Old code float:left;*/
    display: none; /*Added by sumedha 02-03-2016*/
    margin-top: 10px;
}

.ui-autocomplete-loading {
    background: white url('/../../Content/themes/base/Site-images/loading.gif') right center no-repeat;
}

.Header-Right {
    float: right;
    height: 90%;
    margin-bottom: 1px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    width: 615px;
}

.Username {
    float: left;
    height: 30px;
    margin-right: 10px;
    margin-top: 5px;
    width: 250px;
}

.Usernamelabel {
    width: 100px;
    padding-left: 2px;
}

.Password {
    float: left;
    height: 30px;
    margin-right: 10px;
    margin-top: 5px;
    width: 250px;
}

.Passwordlabel {
    width: 100px;
    padding-left: 2px;
}

.LoginButton {
    width: 75px;
    height: 25px;
    float: right;
    margin: 5px 17px 0px 0px;
    cursor: pointer;
}

.button {
    width: 100%;
    height: 25px;
    border: none;
    float: right;
    cursor: pointer;
    padding: 0;
    background: rgb(204,0,0); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(204,0,0,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    color: #fff;
    font-weight: bold;
}

.Footer {
    width: 100%;
    height: 120px;
    clear: both;
    background-color: #dddddd;
}

.Footer-Left {
    width: 60%;
    float: left;
}

.Left-top {
    width: 100%;
}

.Address {
    font-family: arial;
    font-size: 12px;
    width: 30%;
    margin-left: 2%;
    padding-top: 30px;
    float: left;
}

    .Address p {
        margin: 0px;
    }

.Follow {
    font-family: arial;
    font-size: 12px;
    width: 26%;
    padding-top: 30px;
    float: left;
}

    .Follow p {
        margin: 0px;
    }

.Social-icons {
    width: 68%;
    height: 30px;
    margin-top: 10px;
}

.Facbook {
    width: 40px; /*text-align: center;*/
    display: inline-block;
}

.Twitter {
    width: 40px; /*text-align: center;*/
    display: inline-block;
}

.Linkedin {
    width: 40px; /*text-align: center;*/
    display: inline-block;
}

.Left-bottom {
    width: 100%;
    text-align: right;
    color: #000000;
    font-family: arial;
    font-size: 11px;
}

.Footer-right {
    width: 30%;
    float: right;
}

.contact-p {
    font-family: arial;
    font-size: 12px;
    padding-left: 16%;
}

.contact-info {
    width: 100%;
    float: left;
}

.Email {
    float: left;
    font-size: 12px;
    width: 230px;
}

.Emaillabel {
    float: left;
    height: 30px;
    width: 60px;
}

.Message {
    font-size: 12px;
    height: 20px;
    width: 68%;
    float: left;
}

.Messagelabel {
    width: 50px;
    float: left;
}

.Meassge-box {
    border: none;
    box-shadow: inset 1px 2px 1px #999;
    width: 66%;
    height: 40px;
    float: left;
    margin-left: 17px;
}

.SubmitButton {
    float: left;
    height: 30px;
    margin: 17px 0 0;
    width: 75px;
}

/*--------Loggin Page-----*/
.Header_right {
    width: 45%;
    height: 90%;
    margin: 5px 0px 1px 0px;
    float: right;
}

.HeaderR-Top { /*margin-top: 25px;*/
    float: left;
    width: 100%;
}

.UsernameId {
    width: 84%;
    float: left;
}

.HeaderR-Top p {
    font-family: arial;
    font-size: 14px;
    color: #333;
    margin: 10px 0 0 0;
    text-align: right;
    float: right;
}

    .HeaderR-Top p span {
        color: #666;
        padding-right: 5px;
    }

span.changeP {
    cursor: pointer;
    float: right;
    padding-left: 5px;
    text-decoration: none;
    margin-right: 12px;
}

div.changePwd {
    float: right;
    margin-top: 13px;
    width: 25%;
    color: #333333;
}

.Logout_button {
    width: 14%;
    float: right;
}

    .Logout_button a {
        color: #333;
        text-decoration: none;
        font-family: arial;
        width: 20px;
        float: left;
        padding-top: 10px;
    }

.HeaderR-Bottom {
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 20px;
    /*margin-left: 330px;*/ /*Change Made By pratima*/
    margin-top: 5px;
    width: 20%;
    background-position: center center;
}
/*Akshay*/
.Border { /*width:100%;background-color:#d71a25;height:5px;float:left;*/
}

#NAV {
    width: 100%;
    height: 30px;
    float: left;
    background-color: #ccc;
    min-width: 1200px;
}

    #NAV ul {
        margin: 0px;
        padding: 0px;
        padding-left: 20px
    }

        #NAV ul li {
            margin: 0px 40px;
            list-style-type: none;
            float: left;
            line-height: 2.1em
        }

            #NAV ul li a {
                text-decoration: none;
                color: #666;
                font-family: arial;
                font-size: 14px;
            }

                #NAV ul li a:hover {
                    text-decoration: none;
                    color: #333
                }

.Footer-small {
    width: 100%;
    height: 80px;
    clear: both;
    background-color: #dddddd;
    min-width: 1200px;
}

.Address_small {
    font-family: arial;
    font-size: 12px;
    width: 100%;
    margin-left: 20px;
    padding-top: 3%;
    float: left;
}

    .Address_small p {
        margin: 0px;
    }

.follow {
    width: 47%;
    float: left;
    text-align: right;
    margin: 0px;
}

.Right-bottom {
    width: 100%;
    text-align: right;
    color: #000000;
    font-family: arial;
    font-size: 11px;
    float: left;
}

    .Right-bottom p {
        margin: 0px;
    }

.Social_Icons {
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
}

.footer-social {
    width: 100%;
    float: left;
}

.FollowUs {
    font-family: arial;
    font-size: 12px;
    width: 58%;
    padding-top: 20px;
    float: right;
}

.Footer_left {
    width: 28%;
    float: left;
}

.Footer-Right {
    width: 25%;
    float: right;
    margin-right: 1%;
}

.Footer-Links {
    width: 45%; /*40% */
    height: 40px;
    float: left;
}

#FooterMenu {
    width: 600PX;
    height: 40px;
    float: left;
}

    #FooterMenu ul {
        margin: 0px;
        padding: 0px;
    }

        #FooterMenu ul li {
            margin: 0px 3%;
            list-style-type: none;
            float: left;
            line-height: 4em
        }

            #FooterMenu ul li a {
                text-decoration: none;
                color: #666;
                font-family: arial;
                font-size: 12px;
            }

                #FooterMenu ul li a:hover {
                    text-decoration: none;
                    color: #333
                }


.userTextBoxDiv {
    float: left;
    height: 70px;
    position: relative;
    width: 160px;
}

.userLabelDiv {
    float: left;
    position: relative;
    width: 100px;
}

.Inner-pagelayoutBody {
    height: 500px;
    width: 1000px;
    position: relative;
    margin: 0px auto;
}

.userFieldSet-UserAccount {
    display: inline-block;
    float: left;
    margin-left: 1%;
    margin-top: 1%;
    width: 24%;
}

.userFieldSet-User-personal {
    display: inline-block;
    float: left;
    margin-left: 1%;
    margin-top: 1%;
    width: 69%;
}

.userButton {
    float: left;
    height: 40px;
    margin-right: 2%;
    width: 70px;
}

.textArea {
    height: 35px;
    width: 135px;
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    margin-left: 5%;
    resize: none;
    font-family: Arial;
}

.field-validation-error {
    color: #D71A25;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-left: 15px;
    width: 70%;
}

.ADVSearch {
    width: 20%;
    float: left;
    height: 40px;
    margin: 10px 0px;
}

/*********Swapnil*********/
#SettingLeftPanel {
    width: 350px;
    left: 0;
}

#SettingsCenterPanel {
    width: 650px;
}

#SettingRightPanel {
    width: 300px;
    right: 0;
}

.DivSetting {
    width: 99%;
    height: auto;
}

#DivInnerSetting {
    width: 700px;
}

.LabelField {
    width: 100px;
    font-family: arial;
    float: left;
    padding: 6px 2px 3px 0;
}

.ValueField {
    padding: 0 4px 6px 0;
    width: 400px;
    float: right;
}

.text-box-setting {
    border: none;
    box-shadow: inset 1px 2px 1px #999;
    width: 70%;
    height: 20px;
}
/*****************/

.summary {
    color: Green;
    font-weight: bold;
    height: 20px;
    width: 100%;
}

/*-----Added By Pratima12feb--------*/
.HRight-Top {
    width: 100%;
    height: 40px; /* 55px;*/
    float: right;
}

.HRBottom {
    margin-right: 18px;
    width: 39%;
    float: right;
}

.Remember {
    height: 25px;
    float: left;
}

.ForgotPassword {
    cursor: pointer;
    float: right;
    height: 25px;
    padding-top: 4px;
    text-decoration: none;
    font-size: 12px;
}

    .ForgotPassword a {
        color: #333;
    }



/*---------Client page--------*/

.Content-mid {
    width: 98%;
    min-height: 461px;
    float: left;
    margin: 10px 12px;
}

.Content-mid1 {
    margin: 0 auto;
    min-height: 461px;
    width: 75%;
}

.content-header {
    width: 100%;
    height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    background-color: #999999;
    border: 1px solid #666666;
}

.content-grid {
    width: 100%;
    height: auto;
    border: 1px solid #666666;
    background-color: #f4f4f4;
    float: left;
}

.Content-heading {
    Font-family: arial;
    font-size: 18px;
    color: #fff;
    line-height: 2.2em;
    padding-left: 10px;
    margin: 0px;
    float: left;
}

.Searchbar {
    width: 99%;
    float: left;
    height: 40px;
    margin: 10px;
}

.SearchButton {
    width: 57px;
    /*height:17px;*/
    background-color: #cccccc;
    border: 1px solid #999999;
    font-size: 12px;
    text-align: center;
    margin-left: 5px;
}

.ADV-link {
    float: left;
    font-size: 12px;
    color: #333333;
    line-height: 2em;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5%;
    padding-top: 8px;
    font-size: 14px;
}

.Historical-link {
    float: left;
    font-size: 12px;
    color: #333333;
    line-height: 2em;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5%;
    padding-top: 8px;
    font-size: 14px;
}

.Headings {
    width: 100%;
    float: left;
    height: 30px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 2.5em;
}

.check {
    width: 2.5%;
    height: 30px;
    border-right: 1px solid #999;
    float: left;
}

.check1 {
    width: 2.5%;
    height: 50px;
    border-right: 1px solid #999;
    float: left;
}

.CHK {
    margin-left: 8px;
    margin-top: 8px;
}

.FeildH1 {
    width: 20%;
    height: 30px;
    border-right: 1px solid #999;
    float: left;
}

.FeildH2 {
    width: 10%;
    height: 30px;
    border-right: 1px solid #999;
    float: left;
}

.FeildH3 {
    width: 10%;
    height: 30px;
    border-right: 1px solid #999;
    float: left;
}

.FeildH4 {
    width: 9%;
    height: 30px;
    border-right: 1px solid #999;
    float: left;
}

.FeildH5 {
    width: 9%;
    height: 30px;
    border-right: 1px solid #999;
    float: left;
}

.FeildH6 {
    width: 15%;
    height: 30px;
    border-right: 1px solid #999;
    float: left;
}

.FeildH7 {
    width: 15%;
    height: 30px;
    border-right: 1px solid #999;
    float: left;
}

.FeildH8 {
    width: 8%;
    height: 30px;
    padding-left: 7px;
    float: left;
}

.Row-White {
    width: 100%;
    float: left;
    height: 50px;
    border-bottom: 1px solid #999;
    background-color: #fff;
}

.Row-Grey {
    width: 100%;
    float: left;
    height: 50px;
    border-bottom: 1px solid #999;
}

.CHK1 {
    margin-left: 11px;
    margin-top: 19px;
}

.Feild-1 {
    width: 20%;
    height: 50px;
    border-right: 1px solid #999;
    float: left;
}

.Feild-2 {
    width: 10%;
    height: 50px;
    border-right: 1px solid #999;
    float: left;
}

.Feild-3 {
    width: 10%;
    height: 50px;
    border-right: 1px solid #999;
    float: left;
}

.Feild-4 {
    width: 9%;
    height: 50px;
    border-right: 1px solid #999;
    float: left;
}

.Feild-5 {
    width: 9%;
    height: 50px;
    border-right: 1px solid #999;
    float: left;
}

.Feild-6 {
    width: 15%;
    height: 50px;
    border-right: 1px solid #999;
    float: left;
}

.Feild-7 {
    width: 15%;
    height: 50px;
    border-right: 1px solid #999;
    float: left;
}

.Feild-8 {
    width: 8%;
    height: 50px;
    padding-left: 7px;
    float: left;
}

/*---------ADD Client------*/

.fieldsetBoxL {
    width: 47%;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.fieldsetBoxR {
    width: 46%;
    float: left;
    margin-left: 1%;
    margin-top: 10px;
    padding-left: 1.5%;
}

.editor-label {
    width: 130px;
    float: left;
    margin-top: 4px;
}
/*---Added -sumedha - Unable to see complete lable on system config ---*/
.editor-label-systemConfig {
    width: 310px;
    float: left;
    margin-top: 4px;
    word-break: break-all;
    margin-right: 10Px;
}

.editor-textbox {
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    height: 20px;
    padding-left: 2px;
    width: 130px;
    font-family: Arial;
}

.changePButton {
    float: left;
    height: 40px;
    margin-right: 2%;
    width: 135px;
}

.changePMid {
    height: 240px;
    margin: 0 auto;
    width: 28%;
}

.changePH2 {
    margin: 0 auto;
    text-align: center;
}

/**swapnil**/
.SysSettings {
    padding: 0 0 8px 0;
}
/****/ .editor-field {
    margin: 4px 0px;
    width: 77%;
}
/*-----------By Sagar--------*/
/**Sumedha p**/
.pop-up-backgroundForInvoice {
    height: 100%;
    width: 100%;
    background-color: transparent;
    opacity: 0.8;
    position: fixed;
    top: 0pt;
    left: 0pt;
    float: left;
    z-index: 9900;
}

.pop-up-background {
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
    position: fixed;
    top: 0pt;
    left: 0pt;
    float: left;
    z-index: 9900;
}

.Carrier-pop-up {
    position: absolute;
    top: 125px;
    left: 5%;
    width: 1200px; /* height: 21%;*/
    -khtml-border-radius: 8px;
    z-index: 10000;
    background-color: rgb(255, 255, 255);
    color: #666;
    border: 1px solid #eee;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}

.add_moreCarrier { /*color:#666;font-weight:bold;border:1px solid #ccc;padding:0px 10px;height: 27px;*/
    cursor: pointer;
    width: 100px;
    height: 20px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #d3d3d3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
    background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
    background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
    background-image: -o-linear-gradient(top, #d3d3d3, #707070);
    background-image: linear-gradient(top, #d3d3d3, #707070);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

.carrier-pop-up-head {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 91%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(91%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 91%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 91%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 91%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#f2f2f2 91%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    border-top-width: 0;
    color: #999999;
    height: 40px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    -border-raius: 10px 0 10px 0;
    border-top-left-radius: 10px 5px;
    border-top-right-radius: 10px 5px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
}

.carrier-pop-up-close {
    /*background-image: url("images/close.png");
    background-image: url("../../../Content/Images/closeButton.jpg");*/
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 41px;
    position: relative;
    width: 31px;
    margin-right: 10px;
    /*margin-top:7px;*/
}

.carrier-pop-up-Title-text {
    border-top-width: 0;
    color: #666;
    height: 30px;
    padding-left: 15px;
    margin-top: 10px;
    text-align: center;
    width: 11%;
    font-weight: bold;
    float: left;
    line-height: 1.5em;
    font-size: 16px;
}

.carrier-pop-up-contents {
    margin-top: 0px;
    float: left;
    width: 100%;
    height: 440px;
}

.carrier-label {
    float: left;
    width: 27%;
    height: 20px;
    padding-top: 8px;
}

.lbl_cls {
    margin-left: 1%;
}

.carrier-input {
    float: left;
    width: 70%;
    height: 30px;
    color: #8a8a8a;
    -border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px;
}

/* ::::::::::::::::::::::::::::::::::: collapse panel ::::::::::::::::::::::::::::::::::::::: */

.accordion {
    margin-bottom: 10px 0px 20px 0px;
    width: 100%;
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion-heading {
    width: 100%;
    height: 35px;
    border-bottom: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    /*background-color:#dadada;*/
    background: rgb(226,226,226); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
}

    .accordion-heading .accordion-toggle {
        display: block;
        padding: 8px 15px;
    }

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    padding: 9px 0px 0px 15px;
    border-top: 1px solid #e5e5e5;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

    .collapse.in {
        height: auto;
    }

.AddButton {
    float: left;
    height: 40px;
    margin-left: 10px;
    margin-top: 10px;
    width: 80%;
}

.GreyButton {
    color: #666;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 0px 10px;
    height: 27px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px;
    background: rgb(226,226,226); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
}

/* ##################### End collapse panel ############################### */
.HeaderICONS {
    width: 15%;
    float: right;
    font-size: 12px;
    color: #000;
}

.Add {
    width: 18%;
    float: left;
}

.Edit {
    width: 15%;
    float: left;
}

.Delete {
    float: left;
    display: inline-block
}

.HeaderICONSUSer {
    width: 26%;
    float: right;
    font-size: 12px;
    color: #000;
}

.Save {
    margin-right: 10px;
    float: left;
    display: inline-block
}

.CarrierHeader {
    width: 100%;
    height: 20px;
    float: left;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}

.carrierInputs {
    width: 100%;
    height: 40px;
    float: left;
}

.carrierLabel-1 {
    width: 3%;
    float: left;
}

.carrierLabel-2 {
    width: 5%;
    float: left;
}

.carrierLabel-3 {
    width: 8%;
    float: left;
}

.carrierLabel-4 {
    width: 7%;
    float: left;
}

.carrierLabel-5 {
    width: 9%;
    float: left;
}

.carrierLabel-6 {
    width: 9%;
    float: left;
}

.carrierLabel-7 {
    width: 8%;
    float: left;
}

.carrierLabel-8 {
    width: 8%;
    float: left;
}

.carrierLabel-9 {
    width: 8%;
    float: left;
}

.carrierLabel-10 {
    width: 6%;
    float: left;
}

.carrierLabel-11 {
    width: 6%;
    float: left;
}

.carrierLabel-12 {
    width: 5%;
    float: left;
}

.carrierLabel-13 {
    width: 7%;
    float: left;
}

.carrierLabel-14 {
    width: 4%;
    float: left;
}

.carrierLabel-15 {
    width: 7%;
    float: left;
}

.carrier-value {
    width: 25%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center
}

.carrier-value-edit {
    width: 4%;
    float: left;
}

.carrier-value-delete {
    width: 2%;
    float: left;
}

.edit_Vendor {
    float: left;
    margin-top: 5px;
}

.remove_Vendor {
    float: left;
    margin-top: 5px;
}

.carrier-value-1 {
    width: 8%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-2 {
    width: 7%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-3 {
    width: 9%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-4 {
    width: 9%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-5 {
    width: 8%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-6 {
    width: 8%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-7 {
    width: 8%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-8 {
    width: 6%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-9 {
    width: 6%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-10 {
    width: 5%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-11 {
    width: 7%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-12 {
    width: 4%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.carrier-value-13 {
    width: 7%;
    float: left;
    background-color: #eee;
    color: #000;
    text-align: center;
    height: 100%;
}

.fieldsetBoxL-setting {
    width: 99%;
    float: left;
    margin-top: 10px;
    margin-left: 2px;
}

Div .DashboardPage a {
    text-decoration: none;
}

/*------------Dashboard style---------*/

.DBoxoute {
    width: 92%;
    float: left;
    margin-left: 9%;
}

.DBox {
    width: 29%;
    height: 145px;
    background-color: #d6d6d6;
    margin: 2% 2%;
    float: left;
    box-shadow: 1px 1px 2px 0px #999;
}

.DBImg {
    Width: 24%;
    margin: 10px auto;
    height: 75px
}

.Dashboard-Heading {
    font-size: 18px;
    color: #666;
    text-align: center;
    margin: 0px;
}

.DashboardPage {
    height: 571px;
    margin: 0 auto;
    width: 79%;
    max-width: 1200px;
}
/************************************/


.MessageAlert_Invoice {
    /*background-image: url('/Content/themes/base/images/messagebox.png');*/
    background-position: right;
    background-repeat: no-repeat;
    height: 23px;
    width: 34px;
    position: absolute;
    z-index: 10000;
    float: right;
    left: 50;
    left: 102px;
    top: 106px;
}

.MessageAlert_Rules {
    /*background-image: url('/Content/themes/base/images/messagebox.png');*/
    background-position: right;
    background-repeat: no-repeat;
    height: 23px;
    width: 34px;
    position: absolute;
    /*z-index: 10000;*/
    float: right;
    left: 50;
    left: 181px;
    top: 106px;
}

.SaveBtnSetting {
    background-image: url('/Content/themes/base/Site-images/SaveIcon.png');
    background-position: right;
    background-repeat: no-repeat;
    color: #666;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 0px 10px;
    height: 27px;
    cursor: pointer;
}

.validFielNotation {
    color: #D71A25;
    display: inline-block;
    margin: 0;
    float: left;
    padding-top: 3px;
    padding-right: 2px;
}

.fieldsetBoxL-Agreements {
    width: 98%;
    float: left;
    margin-top: 10px;
    margin-left: 2px;
    padding-top: 10px;
}

.button_example {
    /* _________________________________________ */
    background-image: url("/Content/themes/base/Site-images/SaveIcon.png");
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #d3d3d3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
    background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
    background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
    background-image: -o-linear-gradient(top, #d3d3d3, #707070);
    background-image: linear-gradient(top, #d3d3d3, #707070);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

    .button_example:hover {
        border: 1px solid #a0a0a0;
        background-color: #bababa;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
        background-image: -webkit-linear-gradient(top, #bababa, #575757);
        background-image: -moz-linear-gradient(top, #bababa, #575757);
        background-image: -ms-linear-gradient(top, #bababa, #575757);
        background-image: -o-linear-gradient(top, #bababa, #575757);
        background-image: linear-gradient(top, #bababa, #575757);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
    }
/*__________________________________________*/
.add_moreCarrier:hover {
    border: 1px solid #a0a0a0;
    background-color: #bababa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
    background-image: -webkit-linear-gradient(top, #bababa, #575757);
    background-image: -moz-linear-gradient(top, #bababa, #575757);
    background-image: -ms-linear-gradient(top, #bababa, #575757);
    background-image: -o-linear-gradient(top, #bababa, #575757);
    background-image: linear-gradient(top, #bababa, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
}

.buttonDivOut {
    width: 88%;
    cursor: pointer;
}

fieldset#userRoles {
    border: medium none;
    float: left;
    margin-top: 3%;
    width: 100%;
    height: 100px;
}

fieldset#userTypes {
    border: medium none;
    float: left;
    margin-top: 3%;
    width: 100%;
    height: 80px;
}

.UserFields {
    display: inline;
    float: left;
    width: 210px;
}

.userTextLabel {
    float: left;
    height: 20px;
    width: 90px;
    padding-left: 10px;
}

.userTextFields {
    float: left;
    margin: 0;
    padding: 0;
    width: 178px;
    height: 50px;
}

.SearchbarParent {
    width: 35%;
    height: 50px;
    float: left;
}

.DBoxouter {
    width: 100%;
    float: left;
}

.validation-summary-errors {
    color: #CC0000;
    margin-top: 5%;
    position: absolute;
}

    .validation-summary-errors ul li {
        list-style: none outside none;
    }

div.Header-Right > form > div.validation-summary-errors {
    left: 47%;
}

#CancelUserC img {
    margin-top: 3px;
    padding-left: 8px;
}

#AddNewUserC img {
    margin-top: 4px;
    padding-left: 8px;
}

img#AddRecordsButton {
    margin-left: 1px;
}


img#DeleteUser, img#DeleteRecordsButton {
    margin-left: 8px;
}


img#EditRecordsButton, img#EditUser {
}

.changePwdFields {
    display: inline;
    float: left;
    width: 100%;
}

.divSearchSubContent {
    float: left;
    width: 30%;
}

.divAdvSearchSubContent {
    float: left;
    width: 100%;
    height: 40px;
}

.AdvSearchHeadDiv {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 40px;
    padding-left: 1%;
    padding-top: 15px;
    text-decoration: underline;
    width: 50%;
}

.AdvSearchShow {
    display: block;
    float: left;
    padding-left: 1%;
    width: 100%;
}

.AdvSearchHeadDiv h3 {
    margin: 0px;
    float: left;
}

.AdvSearchHeadDiv {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 40px;
    padding-left: 1%;
    padding-top: 15px;
    text-decoration: underline;
    width: 120px;
}

.AdvAgreementSearchHeadDiv {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 40px;
    padding-left: 19%;
    padding-top: 5px;
    text-decoration: underline;
    width: 52%;
}


.divAdvSearchSubContent {
    float: left;
    width: 100%;
    height: 40px;
}

.SearchHeadDiv {
    display: inline-block;
    float: left;
    padding-left: 1%;
    padding-top: 1%;
    width: 15%;
}

    .SearchHeadDiv h3 {
        margin: 0px;
        float: left;
    }

.searchMainContent {
    float: left;
    width: 100%;
    margin-bottom: 18px;
    margin-top: 2%;
}

#Menu a img, a:hover img, a:visited img, a:active img {
    border: none;
    outline: none;
    border: 0px;
}

.Content-mid .DBox a img, a:hover img, a:visited img, a:active img {
    border: none;
    outline: none;
    border: 0px;
}

.textArea1 {
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    height: 40px;
    overflow: auto;
    resize: none;
    width: 132px;
}

.loader {
    display: none;
    background-image: url('/Content/Images/loader.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    position: relative;
    top: -24px;
    left: 4px;
}


.cam_addImage {
    margin-top: 3px;
    width: 18px;
    margin-left: 2px;
}

.cam_editImage {
    margin-top: 3px;
    width: 18px;
    margin-left: 2px;
}

.cam_deleteImage {
    margin-top: 1px;
    width: 18px;
}

/**/
.carrier-pop-up-contents-row {
    margin-top: 0px;
    float: left;
    width: 100%;
    height: 40px;
}

.vendor-panel-contents {
    margin-top: 0px;
    width: 98%;
    height: 430px;
    float: left;
    border: 1px solid black;
}

.vendor-left-panel-contents {
    width: 100%;
    height: 160px;
    float: left; /*margin-left:2%; margin-top:10px;border:1px solid red;*/
    color: Black;
}

.vendor-right-panel-contents {
    width: 100%;
    height: 380px;
    float: left; /*margin-left:2%; margin-top:10px;border:1px solid blue;*/
    color: Black;
}

.vendor-left-panel-contents-row-1 {
    height: 40px;
    width: 100%;
    margin-top: 0px;
    float: left;
    margin-left: 5px;
}

.vendor-left-panel-contents-row-Label {
    float: left;
    width: 22%;
    height: 20px;
    padding-top: 8px;
}

.vendor-left-panel-contents-row-Data {
    float: left;
    width: 75%;
    height: 30px;
    padding-top: 8px;
}

.validFielNotationLogin {
    color: #D71A25;
    display: inline-block;
    margin: 0;
    float: left;
    padding-top: 6px;
}


.textArea-client {
    height: 43px;
    width: 189px;
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    resize: none;
}


/*________________________________________________________ Gl Code Maintaince Related CSS ________________________________________________________*/

.GLCodeOpration {
    width: 60%;
    cursor: pointer;
    margin-top: 2px;
}

.SaveGLCode {
    background: url("/Content/themes/base/Site-images/SaveIcon.png") no-repeat;
    height: 24px;
    cursor: pointer
}

.AddGLCode {
    background: url("/Content/themes/base/Site-images/ADDIcon.png") no-repeat;
    height: 24px;
    cursor: pointer
}

.EditGLCode {
    background: url("/Content/themes/base/Site-images/EditIcon.png") no-repeat;
    height: 24px;
    cursor: pointer
}

.CancelGLCode {
    background: url("/Content/Images/Cancel-icon.png") no-repeat;
    height: 24px;
    cursor: pointer
}

.DeleteGLCode {
    background: url("/Content/themes/base/Site-images/DeleteIcon.png") no-repeat;
    height: 24px;
    cursor: pointer
}

.addSearchdiv {
    float: left;
    width: 35%;
    height: 30px;
}

.jtableGLCode {
    float: left;
    width: 100%;
}

.dropdownlst {
    padding: 4px;
    vertical-align: middle;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border: 1px solid #E3E3E3;
    background-color: none;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0 12px 14px -16px #000000 inset;
    -moz-box-shadow: 0 12px 14px -16px #000000 inset;
    -o-box-shadow: 0 12px 14px -16px #000000 inset;
    -ms-box-shadow: 0 12px 14px -16px #000000 inset;
    box-shadow: 0 12px 14px -16px #000000 inset;
    -webkit-column-count:;
    -moz-column-count:;
    -o-column-count:;
    -ms-column-count:;
    column-count:;
    -webkit-column-count: 10px;
    -moz-column-width: 10px;
    -o-column-width: 10px;
    -ms-column-width: 10px;
    column-width: 10px;
    -webkit-column-count: 2px;
    -moz-column-gap: 2px;
    -o-column-gap: 2px;
    -ms-column-gap: 2px;
    column-gap: 2px;
    outline: none;
    border: 1px solid #eee;
    box-shadow: inset 0px 2px 2px #999;
}

.glcodepanel {
    display: inline-block;
    float: left;
    margin: 2%;
    width: 91.5%;
    padding: 2%
}

    .glcodepanel .editor-label {
        width: 9%
    }

    .glcodepanel .editor-field .dropdownlst {
        width: 35%
    }

    .glcodepanel .editor-field .editor-textbox {
        width: 34%;
        height: 25px;
    }

    .glcodepanel .editor-field .textArea {
        width: 34%;
        height: 65px;
        margin-left: 0px;
        font-family: Arial;
    }

    .glcodepanel .addGLTypeBUbtn { /*color:#666;font-weight:bold;border:1px solid #ccc;padding:0px 10px;height: 27px;*/
        cursor: pointer;
        border: 1px solid #b7b7b7;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-family: arial, helvetica, sans-serif;
        padding: 10px 10px 10px 10px;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
        background-color: #d3d3d3;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
        background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
        background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
        background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
        background-image: -o-linear-gradient(top, #d3d3d3, #707070);
        background-image: linear-gradient(top, #d3d3d3, #707070);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
    }

.bUvalidationmsg {
    float: left;
    margin-left: 16%;
    width: 78%
}

.glcodevalidationmsg {
    float: left;
    margin-left: 8%;
    width: 90%
}

#GLCodeSearch {
    margin: 1% 2%;
    float: left;
    width: 1200px;
}
/*Added width-change made by Pratima*/
.btnAdvancedSearchGLCode {
    background-color: #A7A1A1;
    background-image: -moz-linear-gradient(center top, #D3D3D3, #707070);
    border: 1px solid #B7B7B7;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    font-size: 12px;
    text-align: center;
    float: none;
    line-height: 15px;
    margin: 0;
    padding: 5px 10px;
    width: 118px;
}

    .btnAdvancedSearchGLCode:hover {
        border: 1px solid #a0a0a0;
        background-color: #bababa;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
        background-image: -webkit-linear-gradient(top, #bababa, #575757);
        background-image: -moz-linear-gradient(top, #bababa, #575757);
        background-image: -ms-linear-gradient(top, #bababa, #575757);
        background-image: -o-linear-gradient(top, #bababa, #575757);
        background-image: linear-gradient(top, #bababa, #575757);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
    }

.addSearchdiv h3 {
    margin-bottom: 15px;
}

#divGlCodeAdd {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    width: 100%;
    float: left;
}

#divHeadGLTypeAdd {
    height: 60px;
}

    #divHeadGLTypeAdd .carrier-pop-up-Title-text {
        width: 24%;
        font-size: 19px;
        margin-top: 20px
    }

    #divHeadGLTypeAdd .HeaderICONS {
        width: 27%;
        margin-top: 5px
    }

.HeaderICONS .addgltypeOp {
    cursor: pointer;
    width: 25%;
    float: left;
    margin-right: 1%;
    text-align: center
}

#addGLTypePanel {
    width: 91%;
    padding: 2%
}

    #addGLTypePanel .editor-label {
        width: 15%
    }

    #addGLTypePanel .editor-field .editor-textbox {
        width: 46%;
    }

    #addGLTypePanel .editor-field .textArea {
        width: 46%;
    }

#addBUPanel {
    width: 91%;
    padding: 2%
}

    #addBUPanel .editor-label {
        width: 18%
    }

    #addBUPanel .editor-field .editor-textbox {
        width: 46%;
    }

    #addBUPanel .editor-field .textArea {
        width: 46%;
    }

#divHeadBUAdd {
    height: 60px;
}

    #divHeadBUAdd .carrier-pop-up-Title-text {
        width: 30%;
        font-size: 19px;
        margin-top: 20px
    }

    #divHeadBUAdd .HeaderICONS {
        width: 30%;
        margin-top: 5px
    }

#glCodeHeader {
    height: 56px
}

    #glCodeHeader .Content-heading {
        padding-left: 23px;
        padding-top: 10px;
        margin: 0px
    }

    #glCodeHeader .HeaderICONS {
        width: 27%;
        margin-top: 3px
    }

/*.HeaderICONS .addglcodeOp{cursor: pointer;width: 17%;float: left;margin-right: 3%;text-align:center}*/
#divBusinessUnitAdd .Carrier-pop-up {
    width: 925px;
    left: 16%;
    top: 19%
}

#divGLTypeAdd .Carrier-pop-up {
    width: 925px;
    left: 16%;
    top: 19%
}

.helpText {
    color: brown;
}





/***** #region Approver Management *****/
.addApproverFormContent {
    width: 88%;
    float: left;
    margin: 15px;
}

.addApproverFormRow_Content {
    width: 75%;
    float: left;
    height: 35px;
}

.addApproverFormColumn_Content {
    width: 47%;
    float: left;
}

.approver_editor_label {
    width: 28%;
    float: left;
    margin-top: 8px;
}

a img {
    border: none;
}

/***** #endregion *****/

.changePLabelDiv {
    float: left;
    position: relative;
    width: 140px;
}

.lbl_pop_up_error {
    font-size: 12px;
    color: #D71A25;
}

.accordion_heading_VendorName {
    text-align: center;
    float: left;
    line-height: 2em;
    width: 30%;
}

.accordion_heading_VendorShortName {
    width: 60%;
    text-align: left;
    line-height: 2em;
    float: left;
}

.Heading {
    color: #d71a25;
    font-weight: bold;
    font-size: 20px;
}

.Banner {
    background-image: url('/Content/Images/Banner.png'); /*background-position: right;*/
    background-repeat: no-repeat;
    height: 384px;
    width: 100%;
    ;
    background-size: cover;
    -o-background-size: cover;
}

.AboutHeading {
    font-size: 16px;
    color: #000;
    font-family: Arial;
    font-weight: bold;
    padding-bottom: 2px;
}

.contentText {
    font-size: 12px;
    font-family: Arial;
}

.Home-mid {
    width: 98%;
    min-height: 400px;
    float: left;
    margin: 0 1%;
}

.Hometext {
    color: #333;
}

.arrow-image-default {
    height: 10px;
    width: 9px;
    background-image: url('/../../Content/themes/base/Site-images/collapsePanelImages/Arrow-Left.png');
    background-repeat: no-repeat;
}

.arrow-image-down {
    height: 10px;
    width: 9px;
    background-image: url('/../../Content/themes/base/Site-images/collapsePanelImages/Arrow-Down.png');
    background-repeat: no-repeat;
}

.advanced_Search {
    height: 40px;
    float: left;
    width: 100%;
    margin-left: 10px;
    display: none;
}
/*width: 90%; Client accnt mgmt(Pradeep)*/

a {
    outline: none;
    border: none;
}

    a img {
        outline: none;
        border: none;
    }

.fieldsetBoxRight_row {
    height: 30px;
    margin-top: 4px;
    margin-left: -10px;
}

.userFieldSetRow {
    float: left;
    width: 100%;
}


/*Rating type maintainence*/
.AddRatingType {
    background: url("/Content/themes/base/Site-images/ADDIcon.png") no-repeat;
    height: 24px;
    cursor: pointer;
}

.RatingTypeAdd {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    width: 100%;
    float: left;
}

.RatingTypePanel {
    display: inline-block;
    float: left;
    margin: 4px;
    width: 97.5%;
    padding-top: 1%;
}

.select-field {
    width: 190px;
    height: 23px;
}
/*border: 1px solid #EEEEEE;border-radius: 4px 4px 4px 4px;box-shadow: 0 2px 2px #999999 inset; */
.editor-textbox-ratingtype {
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    height: 20px;
    padding-left: 2px;
    width: 173px;
}

.textArea-ratingtype {
    height: 35px;
    width: 174px;
    font-family: Arial;
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    resize: none;
}

.RatingTypeAddButton {
    cursor: pointer;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #d3d3d3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
    background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
    background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
    background-image: -o-linear-gradient(top, #d3d3d3, #707070);
    background-image: linear-gradient(top, #d3d3d3, #707070);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}


/***** #region Approver Management *****/
.approver_advanced_Search {
    height: 140px;
    float: left;
    width: 95%;
    margin-left: 10px;
    display: none;
}
/*Width:90% change by Pratima*/
.approver_editor_field {
    margin: 4px 0px;
}

.Approver_Cancel {
    width: 12%;
    float: left;
}

.add_approver_HeaderICONS {
    width: 25%;
    float: right;
    font-size: 12px;
    color: #000;
}
/*.add_approver_Save{width:9%;margin-right: 10px;float:left; display:inline-block  }
.add_approver_SaveAndClose{width:23%;margin-right: 10px;float:left; display:inline-block  }
.add_approver_ResetApprover{width:11%;margin-right: 10px;float:left; display:inline-block  }
.add_approver_SaveAndAddNew{width:28%;margin-right: 10px;float:left; display:inline-block  }
.add_Approver_Delete{width:11%;margin-right: 10px;float:left; display:inline-block  }*/

.approver_advanced_Search_content_element {
    float: left;
    width: 260px;
    height: 30px;
}
/***** #endregion *****/


.fieldsetBoxL-agree {
    width: 47%;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    height: 226px;
}

.editor-agreefield {
    margin: 6px 0px;
    width: 77%;
}

.RatingTypeAddButton:hover {
    border: 1px solid #a0a0a0;
    background-color: #bababa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
    background-image: -webkit-linear-gradient(top, #bababa, #575757);
    background-image: -moz-linear-gradient(top, #bababa, #575757);
    background-image: -ms-linear-gradient(top, #bababa, #575757);
    background-image: -o-linear-gradient(top, #bababa, #575757);
    background-image: linear-gradient(top, #bababa, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
}

.TransportModeCarrier-pop-up {
    position: absolute;
    top: 110px;
    left: 24%;
    width: 818px; /* height: 21%;*/
    -khtml-border-radius: 8px;
    z-index: 10000;
    background-color: rgb(255, 255, 255);
    color: #666;
    border: 1px solid #eee;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}

.TransportModeCarrier-pop-up-Title-text {
    color: #666;
    text-align: center;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 16px;
}

#EditRating:hover {
    cursor: pointer;
}

#RatingType {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    width: 100%;
    float: left;
    height: 338px;
}

/* ********** client add form ************** */
.add_client_Save {
    margin-right: 10px;
    float: left;
    display: inline-block
}

.client_Cancel {
    float: left;
    display: inline-block;
    width: 12%;
}

.add_client_HeaderICONS {
    width: 25%;
    float: right;
    font-size: 12px;
    color: #000;
}

.add_client_Save {
    width: 9%;
    margin-right: 10px;
    float: left;
    display: inline-block
}

.add_client_SaveAndAddNew {
    width: 28%;
    margin-right: 10px;
    float: left;
    display: inline-block
}

.add_client_SaveAndClose {
    width: 23%;
    margin-right: 10px;
    float: left;
    display: inline-block
}

.add_client_ResetApprover {
    width: 11%;
    margin-right: 10px;
    float: left;
    display: inline-block
}

.add_client_Delete {
    width: 11%;
    margin-right: 10px;
    float: left;
    display: inline-block
}
/* ********** client add form ************** */

/* ********** Vendor add form ************** */
.add_vendor_HeaderICONS {
    width: 27%;
    float: right;
    font-size: 12px;
    color: #000;
}

.add_vendor_Save {
    width: 9%;
    margin-right: 10px;
    float: left;
    display: inline-block
}

.add_vendor_SaveAndAddNew {
    width: 28%;
    margin-right: 10px;
    float: left;
    display: inline-block
}

.add_vendor_SaveAndClose {
    width: 23%;
    margin-right: 10px;
    float: left;
    display: inline-block
}

.add_vendor_ResetVendor {
    width: 11%;
    margin-right: 10px;
    float: left;
    display: inline-block
}

.add_vendor_Delete {
    width: 11%;
    margin-right: 10px;
    float: left;
    display: inline-block
}
/* ********** vendor add form ************** */


/*__________________________________Add and Edit Screen _____________________________________*/
.content-header {
    width: 100%;
    height: 56px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    background-color: #999999;
    border: 1px solid #666666;
}

.Content-heading {
    Font-family: arial;
    font-size: 18px;
    color: #fff;
    line-height: 2.2em;
    padding-left: 23px;
    padding-top: 10px;
    margin: 0px;
    float: left;
}

.HeaderICONS {
    width: 27%;
    margin-top: 3px;
    float: right;
    font-size: 12px;
    color: #000;
}

    .HeaderICONS .AddUpdateDeleteOp {
        cursor: pointer;
        width: 15%;
        float: left;
        margin-right: 3%;
        text-align: center
    }
/* width:17% chnaged by pratima*/

/*__________________________________Listing Page _____________________________________*/
.content-headerLstPage {
    width: 100%;
    height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    background-color: #999999;
    border: 1px solid #666666;
}

.HeaderICONSLstPage {
    width: 15%;
    float: right;
    font-size: 12px;
    color: #000;
    margin-top: 2px
}

.Add {
    width: 18%;
    float: left;
}

.AddImg {
    background: url("/Content/themes/base/Site-images/ADDIcon.png") no-repeat;
    height: 24px;
    cursor: pointer;
}

.Edit {
    width: 16%;
    float: left;
}

.EditImg {
    background: url("/Content/themes/base/Site-images/EditIcon.png") no-repeat;
    height: 24px;
    cursor: pointer;
}

.Copy {
    width: 19%;
    float: left;
}

.CopyImg {
    background: url("/Content/themes/base/Site-images/copy.png") no-repeat;
    height: 24px;
    cursor: pointer;
}

.Delete {
    float: left;
    display: block;
}

.DeleteImg {
    background: url("/Content/themes/base/Site-images/DeleteIcon.png") no-repeat;
    height: 24px;
    cursor: pointer;
    width: 30px;
}


/*__________________________________Popup Screen _____________________________________*/
.carrier-pop-up-head {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 91%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(91%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 91%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 91%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 91%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#f2f2f2 91%,#f2f2f2 100%); /* W3C */
    -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    border-top-width: 0;
    color: #999999;
    height: 60px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    -border-raius: 10px 0 10px 0;
    border-top-left-radius: 10px 5px;
    border-top-right-radius: 10px 5px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
}

.carrier-pop-up-Title-text {
    border-top-width: 0;
    color: #666;
    height: 30px;
    padding-left: 15px;
    text-align: center;
    font-weight: bold;
    float: left;
    line-height: 1.5em;
    width: 11%;
    font-size: 19px;
    margin-top: 20px;
}

.HeaderICONSPopup {
    width: 42%;
    margin-top: 5px;
    float: right;
    font-size: 12px;
    color: #000;
}

    .HeaderICONSPopup .popupOperation {
        cursor: pointer;
        width: 20%;
        float: left;
        margin-right: 1%;
        text-align: center;
    }

.carrier-pop-up-close {
    background-position: right top;
    background-repeat: no-repeat;
    height: 41px;
    position: relative;
    width: 31px;
    margin-right: 10px;
    cursor: pointer;
    float: left;
    text-align: center
}

.hide {
    display: none;
    height: 0%;
    width: 0%;
    cursor: none;
}

.approver-editor-textbox {
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    height: 20px;
    padding-left: 2px;
    width: 160px;
    font-family: Arial;
}

/***** #region Process Mapping Management *****/
.addProcessMapFormContent {
    width: 98%;
    float: left;
    margin: 15px;
}

.addProcessMapFormRow_Content {
    width: 100%;
    float: left;
    height: 35px;
}

.addProcessMapFormColumn_Content {
    width: 50%;
    float: left;
}

.processMap_editor_label {
    width: 28%;
    float: left;
    margin-top: 8px;
}

.processMap_editor_field {
    margin: 4px 0px;
}

a img {
    border: none;
}

.processMap-editor-textbox {
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    height: 20px;
    padding-left: 2px;
    width: 190px;
    font-family: Arial;
}
/***** #endregion Process Mapping Management *****/
.divSearchSubContentRate {
    float: left;
    width: 1030px;
}

.rowRateSearch {
    width: 1000px;
    float: left;
    height: 45px;
}

.labelRate {
    margin: 0 15px 0 0;
    width: 135px;
    float: left;
}

.lableclaims {
    width: 112px;
}

.txtclaims {
    width: 121px;
    margin-left: -12px;
}

.uploadRatesBox {
    float: left;
    width: 430px; /*500px CMB Pratima*/
    height: auto;
    margin: 0 0 10px 0;
}

.rowUploadRateBox {
    width: 345px;
    height: 50px;
    margin: 10px 0 0 10px;
}

.ShowRateListing { /*Changes made by Pratima*/
    margin: 0 20px 10px 19px;
    float: left;
    text-decoration: underline;
    cursor: pointer;
    width: 50%;
}

.head-ext {
    height: 25px;
    border-bottom: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    background-color: #bababa;
}

label.error {
    color: #D71A25;
    display: inline-block;
    float: left;
    font-size: 12px;
    width: 100%;
    margin: 0 0 0 5px;
}

.errorLogFileListing {
    float: left;
    height: auto;
    width: 620px;
}

.headerrorList {
    width: 725px;
    float: left;
    margin: 0 0 0 10px;
    font-size: 18px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    font-weight: bold;
}

.headUploadFile {
    width: 490px;
    float: left;
    margin: 0 0 0 10px;
    font-size: 18px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    font-weight: bold;
}

.textRate {
    margin: 0 15px 0 0;
    width: 180px;
    float: left;
}

.ext-rateButton {
    float: left !important;
    margin: 0 0 0 660px !important
}

.label-row-ext-rate {
    margin: 0 0 0 0;
    width: 128px;
}

.label-row-ext-rate1 {
    width: 110px;
    margin: 0 0 0 0;
}

.label-row-ext-rate2 {
    margin: 0 0 0 0;
    width: 120px;
}

#DivRuleConfig {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    width: 100%;
    float: left;
}

.RuleConfigPanel {
    display: inline-block;
    float: left;
    margin: 2%;
    width: 91.5%;
    padding: 2%;
}
/************************* #region ProcessMapping Send for Approve Pop Up********************************/
.sendforApprove-pop-up-Title-text {
    border-top-width: 0;
    color: #666;
    height: 30px;
    padding-left: 15px;
    margin-top: 10px;
    text-align: center;
    width: 25%;
    font-weight: bold;
    float: left;
    line-height: 1.5em;
    font-size: 16px;
}

.sendforApprove-pop-up {
    position: absolute;
    top: 225px;
    left: 25%;
    width: 600px;
    -khtml-border-radius: 8px;
    z-index: 10000;
    background-color: rgb(255, 255, 255);
    color: #666;
    border: 1px solid #eee;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}

.sendforApprovebtn { /*color:#666;font-weight:bold;border:1px solid #ccc;padding:0px 10px;height: 27px;*/
    cursor: pointer;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #d3d3d3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
    background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
    background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
    background-image: -o-linear-gradient(top, #d3d3d3, #707070);
    background-image: linear-gradient(top, #d3d3d3, #707070);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

input[type='text'].input-validation-error, input[type='text'].error, .Error {
    border: 1px solid #D71A25;
}

.lstSendforApproval {
    width: 28%;
    float: left;
}

.ApprovalImg {
    background: url("/Content/themes/base/Site-images/approve.png") no-repeat;
    height: 24px;
    cursor: pointer;
    margin-left: 10px;
}

.RejectImg {
    background: url("/Content/themes/base/Site-images/Reject.png") no-repeat;
    height: 24px;
    cursor: pointer;
    margin-left: 6px;
}

.CancelImg {
    background: url("/Content/Images/Cancel-icon.png") no-repeat;
    height: 24px;
    cursor: pointer;
    margin-left: 6px;
}

.ApproveProcessMapping {
    width: 30%;
    float: left;
}

.RejectProcessMapping {
    width: 25%;
    float: left;
}

.cancelImg {
    background: url("/Content/Images/Cancel-icon.png") no-repeat;
    height: 24px;
    cursor: pointer;
    margin-left: 6px;
}

.Cancel {
    float: left;
    display: block;
    width: 20%;
    cursor: pointer;
    float: left;
    text-align: center
}
/************************* #endregion ProcessMapping Send for Approve Pop Up *******************************/

#mercurymessagesCountValue {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F03D25;
    border-color: #E23923 #D83722 #C0311E;
    border-image: none;
    border-left: 1px solid #D83722;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #D83722;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 39, 121, 0.77);
    display: block;
    padding: 0 1px;
    direction: ltr;
    line-height: 1.28;
    text-align: center;
}

#mercurymessagesCountWrapper {
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    overflow: hidden;
    padding-bottom: 1px;
    position: absolute;
    right: -6px;
    top: 11px;
    z-index: 101;
}
/************************* #endregion ProcessMapping Send for Approve Pop Up *******************************/
#DivRuleConfig {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    width: 100%;
    float: left;
}

.RuleConfigPanel {
    display: inline-block;
    float: left;
    margin: 2%;
    width: 91.5%;
    padding: 2%;
}



/************************* #endregion ProcessMapping Send for Approve Pop Up *******************************/
input[readonly="readonly"] {
    background-color: #eee;
}

select[disabled="disabled"] {
    background-color: #eee;
}

#PDSearch {
    display: inline-block;
    margin: 0px 0px 0px 20px;
}

.MandatoryMessage {
}

.MandatoryMessageText {
    font-size: 12px;
}

.MandatoryMessageStar {
    color: #D71A25;
}
/*}*/

/****************************Start - Rule Engine View *******************************************************/

#ruleTestForm {
    float: left
}

    #ruleTestForm .row {
        float: left;
        width: 430px;
        margin-top: 20px;
        word-wrap: break-word;
        padding-right: 20px;
    }

        #ruleTestForm .row .rowtext {
            width: 250px;
        }

.btnTest {
    background-color: #A7A1A1;
    background-image: -moz-linear-gradient(center top, #D3D3D3, #707070);
    border: 1px solid #B7B7B7;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    font-size: 13px;
    text-align: center;
    float: none;
    height: 23px;
    margin: 0;
    padding: 0;
    width: 95px;
}

    .btnTest:hover {
        border: 1px solid #a0a0a0;
        background-color: #bababa;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
        background-image: -webkit-linear-gradient(top, #bababa, #575757);
        background-image: -moz-linear-gradient(top, #bababa, #575757);
        background-image: -ms-linear-gradient(top, #bababa, #575757);
        background-image: -o-linear-gradient(top, #bababa, #575757);
        background-image: linear-gradient(top, #bababa, #575757);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
    }

#_ruleData {
    margin-top: 10px;
    float: left;
    width: 98%; /*width:1308px Change made by pratima*/
}

    #_ruleData .ruleFeildData {
        float: left;
        margin-right: 25px;
    }

        #_ruleData .ruleFeildData label {
            float: left;
            margin-left: 6px;
            margin-right: 10px;
        }

        #_ruleData .ruleFeildData label {
            float: left;
            margin-left: 6px;
            margin-right: 10px;
        }

#ruleOutPutType {
    border: 1px solid #999999;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    height: 26px;
    padding: 2px;
}

.requiredIncomplete {
    border: 1px solid #C00;
}

#TestfromErrorMsg {
    margin-top: 15px;
    text-align: right;
    font-size: 12px;
}

#RuleOutputMsg {
    float: left;
    margin-top: 15px;
    width: 93%;
    text-align: left;
    color: #176CCF;
    font-size: 15px;
    margin-left: 6.5%;
}

.ceCancelButton {
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #C00;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 12px;
    padding: 2px 4px;
    font-weight: bold;
    cursor: pointer
}

span:hover.ceCancelButton {
    background: #E2E2E2
}
/****************************End-- Rule Engine View *******************************************************/

.watermark {
    color: #666;
}

.content-headerLstPage-undertab {
    padding: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 55px;
    width: 100%;
    float: left;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(99%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

.ApprovalImgInvoice {
    /*background: url("/Content/themes/base/Site-images/Approved.png") no-repeat scroll left center / 57% auto transparent;*/
    cursor: pointer;
    height: 35px;
    margin: 0 auto;
    width: 40px;
}

.ApproveActionImgInvoice {
    /*background: url("/Content/themes/base/Site-images/Approved-action.png") no-repeat scroll left center / 57% auto transparent;*/
    cursor: pointer;
    height: 35px;
    margin: 0 auto;
    width: 40px;
}

.FreezeImgInvoice {
    /* background: url("/Content/themes/base/Site-images/freezdata.png") no-repeat ;*/
    cursor: pointer;
    height: 29px;
    margin: 0 auto;
    width: 35px;
}

.InvoiceTab {
    height: 25px;
    float: left;
    border: 1px solid #D6D2D2;
    border-radius: 4px;
    padding: 5px 0 0 0;
}

.ApprovedInv {
    float: left;
    margin-right: 10px;
    width: 45px;
}

.ExapndImgInvoice {
    background-image: url('/Content/themes/base/Site-images/expand.png');
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    margin: 5px auto 0;
    width: 40px;
}

.GrandImgInvoice {
    /*background-image  : url('/Content/themes/base/Site-images/sum-icon.png'); background-color: transparent; background-repeat: no-repeat;*/
    cursor: pointer;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 65% auto;
    cursor: pointer;
    height: 30px;
    margin: 5px auto 0;
    width: 35px;
}

.ExapndImgInvoiceTab {
    background-color: transparent;
    background-image: url("/Content/themes/base/Site-images/expandAll-down.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 22px;
    width: 31px;
    /*background-size: 100%; margin: 5px auto 0;*/
}

.ExapndAll {
    float: left;
    margin-right: 20px;
    width: 70px;
    margin-top: 2px;
}

.ExapndAllText {
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.HeaderICONSLstInvDispPage {
    color: #000000;
    float: right;
    font-size: 12px;
    margin-top: 2px;
    width: 530px;
}

.CollapseImgInvoice {
    background-color: transparent;
    background-image: url("/Content/themes/base/Site-images/expandImg-Up.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    margin: 5px auto 0;
    width: 40px;
}

.CollapseImgInvoiceTab {
    background-color: transparent;
    background-image: url("/Content/themes/base/Site-images/collaps-Up1.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 22px;
    width: 31px;
    /*background-size: 100%;margin: 0px auto -5px;*/
}

.ISVSearch {
    /*background-color: #FFFFFF;*
    padding-bottom: 20px;
    padding-left: 22px;
                        / /*changes made by pratima*/
    display: inline-block;
    float: left;
    padding: 13px;
    width: 1200px;
}

#tabs {
    height: auto;
    width: 99.4%;
    display: inline-block;
}

.SubmitAllImg {
    background: url("/Content/themes/base/Site-images/ADDIcon.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 24px;
    margin: 5px auto 6px auto;
    width: 26px;
}

/************************************** #region Manage Invoice ******************************************************************/
.manageInvoiceL {
    float: left;
    width: 40%
}

.manageInvoiceFormRow_Content {
    width: 100%;
    float: left;
}

.manageInvoiceFormColumn_Content {
    width: 100%;
    float: left;
}

.manageInvoice_editor_label {
    width: 32.5%;
    float: left;
    margin-top: 8px;
}

.manageInvoice_editor_field {
    margin: 4px 0px;
}

.manageInvoice_fieldsetBoxL {
    float: left;
}

.manageInvoice-editor-textbox {
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    height: 20px;
    padding-left: 2px;
    width: 190px;
    font-family: Arial;
}
/**/
.manageInvoiceR {
    float: left;
    width: 60%;
    overflow: scroll;
}

.headUploadInvoicesFile {
    width: 490px;
    float: left;
    margin: 0 0 0 10px;
    font-size: 15px; /*text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);*/
    color: black;
    font-weight: bold;
}

.headerrorInvoicesList {
    width: 725px;
    float: left;
    margin: 0 0 0 10px;
    font-size: 15px; /*text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);*/
    color: black;
    font-weight: bold;
}
/*************************************** #end region *****************************************************************/
input[type='text'].input-validation-error, input[type='text'].error, .Error {
    border: 1px solid #D71A25;
}

/* **************************************************************************************************************** */
#mercurymessagesCountValue-ApproveInvoice {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F03D25;
    border-color: #E23923 #D83722 #C0311E;
    border-image: none;
    border-left: 1px solid #D83722;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #D83722;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 39, 121, 0.77);
    display: block;
    padding: 0 1px;
    direction: ltr;
    line-height: 1.28;
    text-align: center;
}

#mercurymessagesCountWrapper-ApproveInvoice {
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    overflow: hidden;
    padding-bottom: 1px;
    position: absolute;
    right: 629px;
    top: -12px;
    z-index: 101;
}

.MessageAlert-ApproveInvoice {
    /*background-image: url('/Content/themes/base/images/messagebox.png');*/
    background-position: right;
    background-repeat: no-repeat;
    height: 23px;
    width: 34px;
    position: absolute;
    /*z-index: 10000;*/
    float: right;
    left: 50;
    left: 244px;
    top: 55px;
}
/* **************************************************************************************************************** */

/********************************View Invoice Summary **************************************************************/
.alignright {
    text-align: right;
}

.clear {
    clear: both;
}

/*********************************Tableau Screen*******************************/
.btnTableau { /*color:#666;font-weight:bold;border:1px solid #ccc;padding:0px 10px;height: 27px;*/
    cursor: pointer;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #d3d3d3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
    background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
    background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
    background-image: -o-linear-gradient(top, #d3d3d3, #707070);
    background-image: linear-gradient(top, #d3d3d3, #707070);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

/*****************************************Mi-Freight Logo*********************************/
.Header-Centers /*changes made by pratima*/ {
    width: 165px;
    height: 5rem;
    /*background-image:url('/Content/themes/base/Site-images/MiFreight_Concepts2.png');*/
    /*Added by sumedha 02-03-2016*/
    background-image: url('/Content/themes/base/Site-images/Logo.png');
    background-repeat: no-repeat;
    /*background-position:left center;
background-size: 80%;*/
    margin-left: 20px;
    float: left;
}

.Header-CentersForCreweSharp {
    width: 175px;
    height: 72px;
    background-image: url('/Content/themes/base/Site-images/CreweSharpG.png');
    background-repeat: no-repeat;
    margin-left: 20px;
    float: left;
    margin-top: -7px;
}


.HeaderNew {
    width: 100%;
    padding: 10px 0;
    height: 58px; /*110px;*/
    float: left;
    min-width: 1200px;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 99%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(99%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 99%); /* W3C */
    /*-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}


.Header-Home {
    width: /*30%;*/ 17.5%;
    height: 100%;
    background-image: url('/Content/themes/base/Site-images/Logo.png');
    background-repeat: no-repeat;
    /*background-position:left center;background-size: 100%;*/ /*Changes made by Pratima*/
    margin-left: 20px;
    float: left;
}
/*****************************************Mi-Freight Logo*********************************/
/**Author:Sumedha p*/
/*Reason:For claims mangment scerrn */
.downloadfirstclaim {
    float: left;
    margin: -2px auto 5px;
    cursor: pointer;
    width: 95px;
    margin-left: 1px;
    /*margin-left: 171px; Download invoices icon(Pradeep)*/
}

    .downloadfirstclaim.disabled {
        opacity: 0.65;
        cursor: not-allowed;
    }
/***********************/
.UserSearchButton.disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.ApprovalImgInvoice.disabled {
    opacity: 0.65;
    cursor: not-allowed;
}
/******************************/
/***********for claims management dropdown ************/
#action {
    border: 1px solid #999999;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999 inset;
    height: 26px;
    padding: 2px;
}

/****************************** New Classes ******************************/ /*changes made by pratima*/

.Fleft {
    float: left;
}

.InvoiceTab_outer {
    float: left;
    width: 71%;
}

.Vender_outer {
    width: 40% !important;
}

.RIC_Outer {
    width: 32.5%
}

.process_code_Outer {
    width: 35%;
}

.status_outer {
    width: 24%;
}

.Service_type_outer {
    width: 28%;
}

.Sub_service_outer {
    width: 22%;
}

.Client_Name_outer {
    width: 8%;
}

.Vendor_Name_Outer {
    width: 8.3%;
}

.Service_Mode_outer {
    float: left;
    width: 22%;
    height: 30px;
}

.Country_Outer {
    width: 21% !important
}

.Client_Upload {
    width: 582px;
    position: absolute;
    top: 600px;
    margin-left: 665px;
}

#ErrorList table.jtable tbody tr.jtable-no-data-row td {
    padding-left: 0px !important;
    text-align: center;
}

.Client_comment_label {
    width: 16% !important;
}

.Comment_submit {
    cursor: pointer;
    margin-left: 143px;
    margin-top: 12px;
}

.Carton_Item_label {
    width: 33% !important;
}

.Carton_Item_val {
    width: 40% !important;
}

.purchase_label {
    width: 38% !important;
}

.Rule_longDescription {
    width: 450px;
}

.Upload_transit_label {
    float: left;
    width: 33%;
}

.Upload_postcode_label {
    float: left;
    width: 33%;
}

.manageInvoiceL > fieldset {
    padding: 8px;
}

.manageInvoiceR > fieldset {
    padding: 10px;
}

.RatingTypePanel {
    padding: 10px !important;
}

.Invoice_sum_fieldset > fieldset {
    padding: 10px;
}

.client_error {
    width: 13%;
    float: left;
}

.Vaidate_Button {
    margin-top: 10px;
    margin-left: 105px
}

.ManifestUpload_left {
    width: 150px;
    margin-left: 65%;
}

.ManifestViewpath_left {
    width: 230px;
    margin-left: 65%;
}

.Client-Vender-box {
    width: 14%;
    float: left;
}

.Accrual_State {
    width: 45%
}

.Glcode_SearchOuter {
    width: 37%;
}

@media only screen and (max-width : 1280px) {
    .Country_Outer {
        width: 22% !important
    }

    .purchase_label {
        width: 42% !important;
    }

    .jtable-column-header-text {
        margin-right: 0px !important;
    }

    .Accrual_State {
        width: 45.8%;
    }

    .Glcode_SearchOuter {
        width: 38%;
    }

    #Startdatediv_Accrual {
        margin-left: 3px !important;
    }
}


@media only screen and (max-width : 1024px) {
    .Country_Outer {
        width: 23% !important
    }

    .purchase_label {
        width: 42% !important;
    }

    .jtable-column-header-text {
        margin-right: 0px !important;
    }

    .ManageInvoice_UploadFieldset {
        width: 92% !important;
    }

    .Client_Upload {
        margin-left: 620px;
    }

    .ISVSearch {
        width: 1200px;
    }

    .Accrual_State {
        width: 46%;
    }

    .Glcode_SearchOuter {
        width: 38%;
    }

    #Startdiv_Accrual {
        margin-left: 67px !important;
    }
    /***for Accrual screen author:sumedha**/
    #lblstartdate_Accrual {
        width: 109px !important
    }

    #Startdatediv_Accrual {
        width: 41% !important;
    }

    #Enddatediv_Accrual {
        margin-left: 29px !important;
    }

    #Startdatediv_Accrual {
        margin-left: -7px !important;
    }
}

@media only screen and (min-width : 1600px) {
    .process_code_Outer {
        width: 38%;
    }

    .Service_type_outer {
        width: 40%;
    }

    .Sub_service_outer {
        width: 16%;
    }

    .Sender_outer {
        width: 33% !important;
    }

    .Receiver_suburb_outer {
        width: 49% !important;
    }

    .Cuttoff_outer {
        width: 48% !important;
    }
}

@media only screen and (min-width : 1824px) {
    .Header {
        height: 100px;
    }

    .Banner {
        height: 500px;
    }

    .Footer {
        background-color: #DDDDDD;
        bottom: 0;
        clear: both;
        height: 120px;
        position: fixed;
        width: 100%;
    }

    .Header-Left {
        background-size: auto;
        width: 11%;
    }

    .Vender_outer {
        width: 60% !important;
    }

    .Division_Outer {
        width: 45% !important;
    }

    .Receiver_Outer {
        width: 45% !important;
    }

    .RIC_Outer {
        width: 32%
    }

    .process_code_Outer {
        width: 43%;
    }

    .status_outer {
        width: 16%;
    }

    .Service_type_outer {
        width: 53%;
    }

    .Sub_service_outer {
        width: 14%;
    }

    .Client_Name_outer {
        width: 5.1%;
    }

    .Vendor_Name_Outer {
        width: 5.2%;
    }

    .Service_Mode_outer {
        float: left;
        width: 19%;
        height: 30px;
    }

    .Sender_outer {
        width: 50% !important;
    }

    .Receiver_suburb_outer {
        width: 50% !important;
    }

    .Cuttoff_outer {
        width: 50% !important;
    }

    .Suburb_outer {
        width: 50% !important;
    }

    .Country_Outer {
        width: 260px !important
    }

    #ErrorList table.jtable tbody tr.jtable-no-data-row td {
        padding-left: 0px !important;
        text-align: center;
    }

    .Client_Upload {
        width: 582px;
        position: absolute;
        top: 600px;
        margin-left: 48%;
    }

    #_ruleData {
        margin-top: 10px;
        float: left;
        width: 99%
    }

    .UserFields {
        width: 233px;
    }

    .userTextFields {
        width: 255px
    }

    .Browse_outer {
        margin-left: 50px;
    }

    .Header_icons_Claims {
        width: 18%;
    }

    .comment_label {
        width: 20% !important;
    }

    .Client_comment_label {
        width: 9.4% !important;
    }

    .Comment_submit {
        cursor: pointer;
        margin-left: 128px;
        margin-top: 12px;
    }

    .Rule_longDescription {
        width: 650px;
    }

    .Upload_transit_label {
        width: 47%;
    }

    .Upload_postcode_label {
        float: left;
        width: 47%;
    }
    /*.ExapndImgInvoiceTab{height:23px!important;  width: 17%;background-size: 100%;}*/
    /* .CollapseImgInvoiceTab{width: 17%; background-size: 100%;height:23px!important;}*/
    .Edit {
        width: 12%;
    }

    .client_error {
        width: 9%;
        float: left;
    }

    .Vaidate_Button {
        margin-top: 10px;
        margin-left: 26%
    }

    .Client-Vender-box {
        width: 220px;
        float: left;
    }

    .Accrual_State {
        width: 46%;
    }

    #Startdiv_Accrual {
        margin-left: 200px !important;
    }
    /***for Accrual screen author:sumedha**/
    #Startdatediv_Accrual {
        width: 40.5% !important;
        margin-left: 11px !important;
    }

    #lblstartdate_Accrual {
        width: 111px !important;
    }

    #divBatchdate_Accruals {
        margin-left: 19px !important;
    }

    #Enddatediv_Accrual {
        margin-left: 36px !important;
    }
}

#TrackEmbedShipNo button {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

.vender-label {
    width: 230px !important;
    float: left;
    margin-top: 4px;
}