﻿.history_rep.fl.new_cls001 img {
    width: 25px;
}

body {
    font-size: 13px;
    color: #716558;
    background: #FFF;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}
      

* {
    margin: 0;
    padding: 0;
}

textarea {
    resize: none!important;
}

@font-face {
    font-family: 'NeutraMed';
    src: url('../fonts/neut-medium.eot');
    src: url('../fonts/neut-mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/neut-medium.woff') format('woff'), url('../fonts/neut-medium.ttf') format('truetype'), url('../fonts/neut-medium.svg#NeutraMed') format('svg');
    font-weight: normal;
    font-style: normal;
}
.para_001p {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

@font-face {
    font-family: 'NeutraBold';
    src: url('../fonts/neut-bold.eot');
    src: url('../fonts/neut-boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/neut-bold.woff') format('woff'), url('../fonts/neut-bold.ttf') format('truetype'), url('../fonts/neut-bold.svg#NeutraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeutraBlack';
    src: url('../fonts/neut-black.eot');
    src: url('../fonts/neut-blackd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/neut-black.woff') format('woff'), url('../fonts/neut-black.ttf') format('truetype'), url('../fonts/neut-black.svg#NeutraBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeutraTBold';
    src: url('../fonts/neut-tbold.eot');
    src: url('../fonts/neut-tboldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/neut-tbold.woff') format('woff'), url('../fonts/neut-tbold.ttf') format('truetype'), url('../fonts/neut-tbold.svg#NeutraTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeutraTextLightDemiItalic';
    src: url('../fonts/neutra-text-light-demi-italic.eot');
    src: url('../fonts/neutra-text-light-demi-italicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/neutra-text-light-demi-italic.woff') format('woff'), url('../fonts/neutra-text-light-demi-italic.ttf') format('truetype'), url('../fonts/neutra-text-light-demi-italic.svg#NeutraTextLightDemiItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*new font*/

@font-face {
    font-family: 'oswald-bold-webfont';
    src: url('../fonts/oswald-bold-webfont.eot');
    src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-bold-webfont.woff') format('woff'), url('../fonts/oswald-bold-webfont.ttf') format('truetype'), url('../fonts/oswald-bold-webfont.svg#NeutraTextLightDemiItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'oswald-light-webfont';
    src: url('../fonts/oswald-light-webfont.eot');
    src: url('../fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-light-webfont.woff') format('woff'), url('../fonts/oswald-light-webfont.ttf') format('truetype'), url('../fonts/oswald-light-webfont.svg#NeutraTextLightDemiItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald-regular-webfont';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-regular-webfont.woff') format('woff'), url('../fonts/oswald-regular-webfont.ttf') format('truetype'), url('../fonts/oswald-regular-webfont.svg#NeutraTextLightDemiItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibri_1';
    src: url('../fonts/calibri_1.eot');
    src: url('../fonts/calibri_1.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri_1.woff') format('woff'), url('../fonts/calibri_1.ttf') format('truetype'), url('../fonts/calibri_1.svg#NeutraTextLightDemiItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


.wa {
    width: auto!important;
}

.st {
    margin: 20px 0 0!important;
}

.paddingtop5px {
    padding-top: 5px;
}

.smallred {
    color: #C00;
    font-size: 10px;
}

body#adminpage {
    background-color: #001321;
}

.width_300 {
    width: 300px!important;
}

.main {
    width: 1004px;
    height: auto;
    clear: both;
    vertical-align: top;
    margin: auto;
}

.container {
    width: 100%;
    overflow: hidden;
}

.topsection {
    float: left;
    width: 1004px;
    height: 42px;
    margin: 0 0 15px 175px;
}

.textbox {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border: 1px solid #065C8E;
    width: 150px;
}

.header {
    height: auto;
    text-align: left;
    clear: both;
    vertical-align: top;
    float: left;
    width: 100%;
    position: relative;
    padding: 0 2px;
    background: #fff;
    box-shadow: 0 1px #FFF inset,0 3px 5px rgba(34,25,25,0.4);
    border-bottom: 1px solid #ccc;
}

.headerleft {
    float: left;
    width: auto;
    padding: 0;
}

.menu {
    float: left;
    width: 640px;
    margin: 20px 10px 0 0;
}

    .menu ul {
        float: left;
        width: auto;
        list-style: none;
        padding: 0;
    }

    .menu li {
        float: left;
        width: auto;
        margin: 0;
        padding: 5px 7px;
    }

        .menu li a {
            color: #6b6b6b;
            font-size: 16px;
            text-decoration: none;
            line-height: 18px;
            width: auto;
            border: #ededed solid 1px;
            margin: 0 2px 0 0;
            padding: 0 7px;
        }

.drag_over {
    background: #fff;
    border: 1px dashed #000;
    float: left;
    width: 158px;
    padding: 2%;
    list-style: none;
    min-height: 20px;
}

.menu li a:hover {
    color: #222;
    background: #b1b1b1;
}
/*.menu li a:hover{color:#55adff!important;background:url(../images/menu2_bg.gif) no-repeat top center}*/

.menusel {
    background: url(../images/menusel.jpg) repeat-x top left;
    border: #d5e1ec solid 1px!important;
}

.content {
    float: left;
    width: 100%;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #ffffff url("../images/BGGradiant.png") repeat-y scroll left top / auto 1180px;
}

.contop {
    background: url(../images/top.png) no-repeat top left;
    float: left;
    width: 1004px;
    height: 13px;
    line-height: 13px;
}

.contmiddle {
    float: left;
    border-bottom: 1px solid #E0E0E0;
    min-height: 710px;
    position: relative;
    padding: 0 10px 10px;
    width: 98%;
}

.innermain {
    float: left;
    width: 985px;
    background: #fff;
    margin: 0 0 10px;
    padding: 10px 0 10px 10px;
}

.pageheight {
    float: right;
    width: 2px;
    height: 400px;
}

.innermain h1 {
    float: left;
    width: 950px;
    font-size: 25px;
    background: url(../images/titlbg.png) no-repeat left 12px;
    font-weight: 700;
    color: #004584;
    text-transform: capitalize;
    margin: 5px 0 10px;
    padding: 0 0 5px 35px;
}

    .innermain h1 cufon {
        background: #fff;
    }

.loginbg {
    width:32%;
    height: 409px;
    margin: 0 34% 0 34%;
    border: 1px solid #ccc;
    background: #fff;
    margin-top:9%;
    border-radius: 8px;
    box-shadow: 1px 1px 8px #CCC;
    border-top: 2px solid #2663AA;
}

.loginbox {
    float: left;
    width: 240px;
}

.loggap {
    margin: 0 0 20px!important;
}

.loginrow {
    float: left;
    width: 280px;
    color: #737373;
    margin: 0;
}

.loginlabel {
    float: left;
    width: 300px;
    font-size: 13px;
    font-weight: 700;
    color: #716558;
    margin: 0 0 5px;
}

.logininput {
    border: 0 solid #BDBDBD;
    background: transparent;
    color: #737373;
    font-size: 13px;
    height: 24px;
    width: 212px;
    margin-bottom: 8px;
    padding: 0;
}

.loginbutton {
    background: url(../images/login.png) no-repeat;
    float: left;
    width: 120px;
    height: 46px;
    border: 0;
    cursor: pointer;
}

.logoutbutton {
    float: left;
    width: 76px;
    height: 26px;
    border: 0;
    cursor: pointer;
    margin: 3px 0 0;
}

.topright {
    float: right;
    width: auto;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-top: 17px;
}

.topleft {
    float: left;
    width: auto;
    margin: 10px 0 0 15px;
}

.topmiddle {
    float: right;
    width: auto;
    padding: 0;
}

.tmmain {
    float: right;
    width: 875px;
}

.topright ul {
    float: right;
    width: auto;
    list-style: none;
}

.topright li {
    float: left;
    width: auto;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    margin: 2px 3px 0 0;
    color: #00529A;
}

    .topright li span a {
        color: #fff;
        text-decoration: none;
    }

        .topright li span a:hover {
            color: #005DAB;
            text-decoration: underline;
        }

    .topright li b {
        color: #b1b1b1!important;
        position: relative;
        top: 1px;
    }

.topright .floatleft {
    margin: 8px 0 0;
}

.topname {
    float: left;
    width: 70px;
    height: 22px;
    background: url(../images/titlebg.jpg) no-repeat top left;
    font-size: 16px;
    color: #fff;
    margin: 3px 5px 0;
    padding: 5px 0 0 28px;
}

    .topname a {
        color: #fff!important;
        font-size: 16px;
        text-decoration: none;
    }

.floatleft a {
    text-decoration: underline;
    color: #333;
}

.errtextbox {
    border: 1px solid #065C8E;
    background-color: #F2F684;
    color: red;
}

.whiteheadertext {
    color: #FFF;
}
tspan {
    font-family: 'Poppins', sans-serif;
}
.wrapper {
    width:96%;
    height: auto;
    clear: both;
    vertical-align: top;
    border: 0 solid #E5E5E5;
    margin: auto;
}

.fgtpwd {
    color: #737373;
    float: left;
    width: 170px;
    margin: 0;
}

.contenttop {
    clear: both;
    text-align: center;
    line-height: 11px;
}

.contentbottom {
    line-height: 11px;
    clear: both;
    text-align: center;
}

.nav {
    margin-top: 5px;
    line-height: 25px;
    height: 25px;
    float: left;
    width: 100%;
    background-color: #E3F1FA;
    border: 0 solid #E5E5E5;
    vertical-align: middle;
}

table {
    border: 0 solid;
}

.topnavigation {
    line-height: 40px;
    background-color: red;
    border: 1px solid #E5E5E5;
}

.linktopnavigation {
    color: #0d137d;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    width: auto;
    border: #ededed solid 1px;
    margin: 0;
    padding: 0 5px;
}

    .linktopnavigation:hover {
        background: url(../images/menusel.jpg) repeat-x top left;
        border: #d5e1ec solid 1px;
    }

.linktopnavigationsel {
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    font-weight: 700;
    background-color: #E3F1FA;
    border-right: 2px groove #000;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    line-height: 25px;
    height: 25px;
    cursor: pointer;
    float: left;
}

a.submenulinks {
    text-decoration: underline;
    padding-left: 5px;
    line-height: 24px;
    width: 100%;
    color: #737373!important;
}

a.submenulinkshover {
    text-decoration: none;
    padding-left: 5px;
    line-height: 24px;
    width: 100%;
}

.submenu {
    border: 1px solid #d5e1ec;
    background-color: #fff!important;
    z-index: 5000;
    position: relative;
    width: 153px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px;
    padding: 5px;
}

.contentbody {
    clear: both;
    width: 850px;
    margin: auto;
}

.footer {
    color: #555;
    font-size: 12px;
    text-align: center;
    clear: both;
    height: 30px;
    vertical-align: middle;
    width: 85%;
    margin: 10px auto 0;
    padding: 0;
}

.ErrorMessage {
    width: auto;
    height: auto;
    padding: 10px 0 5px;
}

.greyborder {
    border: 1px solid #CCC;
}

.marginauto {
    margin: auto;
}

.margin_left_n15 {
    margin-left: 15px !important;
}

.cls_wid760p {
    width: 947px !important;
}

.headertext {
    font-size: 16px;
    font-weight: 700;
    color: #065C8E;
    text-align: left;
    padding-left: 5px;
}

.subheadertext {
    font-size: 13px;
    font-weight: 700;
    color: #065C8E;
    text-align: left;
    padding-left: 5px;
}

.greyline {
    border-top: 1px solid #CCC;
}

.pagedevider {
    border-top: dashed 1px #065C8E;
    clear: both;
    width: 100%;
}

.pagetitle {
    border-bottom: 0 solid #AEA5A5;
    color: #716868;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    line-height: 23px;
    float: left;
    width: 964px;
    margin-left: 0;
    margin-right: 0;
}

    .pagetitle .floatleft {
        font-size: 24px;
        color: #486493;
        margin: 0 0 0 -3px;
    }

.logintextfieldright {
    float: left;
    width: 250px;
    text-align: left;
}

.bodyspacer {
    clear: both;
    line-height: 10px;
}

.linespacer {
    clear: both;
    line-height: 5px;
}

.spacer {
    clear: both;
    line-height: 3px;
}

.formleftfield {
    float: left;
    text-align: right;
    font-weight: 700;
    padding-right: 5px;
}

.formrightfield {
    float: left;
    text-align: left;
    padding-left: 5px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: .7;
}

.popup {
    background-color: #FFFCF7;
    border: 0 solid #92191E;
}

.dashboardleftblock {
    float: left;
    width: 442px;
    border: 0 solid #065C8E;
}

.dashboardrightblock {
    float: right;
    width: 442px;
    border: 0 solid #065C8E;
}

.dashboardblockheader {
    border-bottom: 2px solid #065C8E;
    font-size: 14px;
    font-weight: 700;
    color: #065C8E;
    text-align: left;
    line-height: 18px;
    padding-bottom: 1px;
    width: 100%;
    float: left;
    vertical-align: middle;
}

.blockheader {
    font-size: 14px;
    font-weight: 700;
    color: #065C8E;
    line-height: 18px;
}

.dashboardblockseperator {
    float: left;
    width: 30px;
}

.dashboardgridheader {
    background-color: #065C8E;
    color: #FFF!important;
    font-size: 12px;
    padding-left: 5px;
    font-weight: 700;
    line-height: 25px;
    float: left;
    width: 99%;
}

.dashboardgridrow {
    font-size: 11px;
    padding-left: 5px;
    line-height: 25px;
    border-bottom: 1px solid #D5D0CA;
    float: left;
    width: 99%;
}

.dashboardgridalternativerow {
    color: #775353;
    font-size: 11px;
    padding-left: 5px;
    line-height: 25px;
    border-bottom: 1px solid #D5D0CA;
    float: left;
    width: 99%;
}

.graysmalltext {
    color: #000;
    font-size: 9px;
}

.popupgridrow {
    font-size: 11px;
    padding-left: 5px;
    line-height: 25px;
    border-bottom: 1px solid #D5D0CA;
}

a.smalllinks {
    color: #065C8E;
    font-size: 11px;
    text-decoration: underline;
}

    a.smalllinks:hover {
        color: #065C8E!important;
        font-size: 11px;
        text-decoration: none;
    }

a.links {
    color: #065C8E;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
}

    a.links:hover {
        color: #065C8E!important;
        font-size: 13px;
        font-weight: 400;
        text-decoration: none;
    }

a.forgetlinks {
    color: #065C8E;
    font-size: 11px;
    font-weight: 400;
    text-decoration: underline;
}

    a.forgetlinks:hover {
        color: #065C8E!important;
        font-size: 11px;
        font-weight: 400;
        text-decoration: none;
    }

.error {
    color: Red;
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.Sucess {
    color: Red;
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
}

.alignleft {
    text-align: left;
}

.dashboradsubheading {
    color: #065C8E;
    font-size: 12px;
}

.formfield {
    width: 380px;
    float: left;
    margin: 0 0 10px;
}

.formlabel {
    vertical-align: middle;
    width: 127px;
    float: left;
    margin-right: 5px;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    color: #454545;
    padding: 0 0 6px;
    margin-top: 8px;
    text-align: right;
}

.formcontrol {
    width: 240px;
    float: left;
    text-align: left;
    height: 34px;
    padding: 0 4px;
    background: none;
}

.formcontrol1 {
    background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    float: left;
    padding: 5px 3px;
    text-align: left;
    width: 145px;
}

.form {
    clear: both;
    line-height: 18px;
    width: 860px;
    margin: auto;
}

.mandatory {
    color: red;
    line-height: 18px;
}

.form input, .form textarea {
    width: 200px;
}

.form select {
    width: 205px;
}

.sectiontitle {
    border-bottom: 1px dashed #065C8E;
    color: #065C8E;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.gridconatiner {
    width: 100%;
    color: #716558;
    margin: auto;
}

.contmiddle h1 {
    width: 960px;
    font-size: 28px;
    color: #2663AA;
    float: left;
    margin: 15px 0 10px;
    font-weight: 400;
}

.grid {
    border: 1px solid #DBDBDB;
    width: 100%;
    color: #716558;
    border-width: 0;
    margin: auto;
}

.smallgrid {
    width: 680px;
    color: #000;
    margin: auto;
}

.gridheader {
    border: 1px solid #DBDBDB;
    background-color: #00588B;
    color: #FFF!important;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
    float: left;
}

.gridfooter {
    color: #000!important;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    width: 100%;
}

    .gridfooter a {
        color: #204090;
        font-size: 13px;
        font-weight: 400;
        text-decoration: none;
    }

        .gridfooter a:hover {
            text-decoration: underline !important;
        }

.mygridheader th, .mygridheader td {
    border: 1px solid #999;
    border-width: 0 1px 0 0;
}

.subgridheader {
    border: 1px solid #DBDBDB;
    background-color: #00588B;
    color: #FFF!important;
    font-size: 11px;
    font-weight: 700;
    line-height: 22px;
    width: 100%;
}
.gridrow {
    font-size: 12px;
    border: 1px solid #e3e3e3;
    line-height:18px;
    border-width: 0 1px;
    background: #fff;
}

.alternativegridrow {
    font-size: 12px;
    line-height: 26px;
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-width: 0 1px;
}

.gridfooterrow {
    font-size: 8pt;
    line-height: 25px;
    background-color: #E3F1FA;
    font-weight: 700;
    border-bottom: 1px solid #DBDBDB;
}

.subgridfooterrow {
    font-size: 7.5pt;
    line-height: 25px;
    background-color: #E3F1FA;
    font-weight: 700;
    border-bottom: 1px solid #DBDBDB;
}

.gridfooterrownew {
    font-size: 11px;
    line-height: 20px;
    background-color: #F5ECE3;
    margin-bottom: 0;
}

.gridheaderrow {
    font-size: 13px;
    line-height: 22px;
    color: #424242;
    float: left;
    width: 100%;
    font-weight: 700;
}

.gridheaderrownew {
    font-size: 13px;
    line-height: 22px;
    color: #424242;
    float: left;
    width: 100%;
    font-weight: 700;
    border: 1px solid #AEA5A5;
}

.gridoptions {
    float: right;
    font-size: 11px;
}

.gridbordergray {
    border: 1px solid #C2B9B9;
    width: 918px;
}

.bordergray {
    border: 1px solid #C2B9B9;
}

.seperator {
    color: #ACACAC;
}

.paddingleft {
    padding-left: 5px;
}

.paddingleft20 {
    padding-left: 20px;
}

.paddingright {
    padding-right: 5px;
}

.labeltext {
    padding-right: 3px;
    vertical-align: top;
    font-weight: 400;
    font-size: 12px;
    color: #065C8E;
}

.labeltextlarge {
    padding-right: 3px;
    vertical-align: top;
    font-weight: 400;
    font-size: 14px;
    color: #065C8E;
    line-height: 18px;
}

.largetext {
    vertical-align: top;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.borderbottom {
    border-bottom: 1px solid #D5D0CA;
    float: left;
    width: 100%;
}

.legendBold {
    font-size: 11px;
    font-weight: Bold;
}

.gridheader1 {
    border: 1px solid #DBDBDB;
    background-color: #00588B;
    color: #FFF!important;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
}

.buttonstyles {
    height: 26px;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #486493;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    width: 80px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    border: 0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.addEditPanelBG {
    background-color: #E3F1FA;
    padding-bottom: 20px;
}

.loading {
    line-height: 60px;
    margin: 40px;
}

.pagenumbers {
    color: red;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    padding: 3px;
}

.curpagenumber {
    color: #000;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    padding: 3px;
}

.confirm {
    color: Navy;
}

.main_wid {
    width: 100%;
    float: left;
}

.error_message {
    width: 100%;
    float: left;
    height: auto;
    color: red;
    line-height: 20px;
    text-align: center;
}

.wid50p {
    width: 48%;
    float: left;
    margin: 0 2% 10px 0;
}

.scorecardheight {
    height: 315px;
}

.scorecardleftblock {
    width: 575px;
    float: left;
    border: 0 solid #065C8E;
}

.scorecardrightblock {
    float: right;
    width: 311px;
    border: 0 solid #065C8E;
}

A.tooltip {
    position: relative;
    z-index: 24;
    text-decoration: none;
}

    A.tooltip:hover {
        text-decoration: none;
        z-index: 25;
    }

    A.tooltip span {
        color: red;
        border: 1px solid #900;
        background-color: #FEE;
        text-decoration: none;
        display: none;
    }

    A.tooltip:hover span {
        display: block;
        color: #000;
        border: 1px solid #2A4660;
        background-color: #F6DDDD;
        text-decoration: none;
        top: 1.5em;
        left: 2em;
        width: 120px;
        z-index: 200;
        position: absolute;
        font-size: 11px;
        text-align: left;
        padding: 5px;
    }

.greytext {
    color: #745757;
}

.ContextMenuPanel {
    border: 1px solid #868686;
    z-index: 1000;
    background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
    cursor: default;
    font-size: 11px;
    padding: 1px 1px 0;
}

.ContextMenuBreak {
    height: 1px;
    overflow: hidden;
    display: block;
    border-top: 1px solid #C5C5C5;
    margin: 1px 1px 1px 32px;
    padding: 0;
}

a.ContextMenuItem {
    display: block;
    color: #039;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    margin: 1px 0;
    padding: 4px 19px 4px 33px;
}

    a.ContextMenuItem:hover {
        background-color: #FFE6A0;
        color: #039;
        border: 1px solid #D2B47A;
        padding: 3px 18px 3px 32px;
    }

.footertext {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.paging a {
    margin-left: 2px;
    margin-right: 2px;
}

.details {
    width: 700px;
    display: none;
    position: absolute;
    z-index: 1000;
    top: 150px;
    left: 197px;
}

.popupbox {
    width: 700px;
    margin: auto;
}

.popupboxtop {
    float: left;
    width: 700px;
    height: 10px;
    line-height: 10px;
    background: url(../Images/topcrv1popup.jpg) no-repeat;
}

.popupboxmiddle {
    float: left;
    width: 698px;
    border: solid 1px #9F9F9F;
    background-color: #fff;
}

.popupboxbottom {
    float: left;
    width: 700px;
    height: 10px;
    line-height: 10px;
    background: url(../Images/botcrv1popup.jpg) no-repeat;
}

.popupboxhead {
    float: left;
    width: 678px;
    background-color: #204090;
    color: #fff;
    font-size: 20px;
    padding: 10px;
}

.popupContent {
    width: 650px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}

.ui-widget {
    font-size: 1.1em;
}

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-size: 1em;
    }

.ui-widget-header {
    background: #2663AA;
    color: #FFF;
    font-weight: 700;
    width: 200px;
    clear: both;
    height: 9px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ui-widget-content {
    background: url(../images/statusbar.png) 0 0 repeat-x;
    color: #222;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .ui-state-default, .ui-widget-content .ui-state-default {
        font-weight: 400;
        outline: none;
    }

        .ui-state-default a {
            color: #555;
            text-decoration: none;
            outline: none;
        }

.ui-state-hover a {
    color: #212121;
    text-decoration: none;
    outline: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #aaa;
    background-color: #B7DD99;
    outline: none;
    font-weight: 700;
    clear: both;
}

    .ui-state-active a {
        color: #212121;
        outline: none;
        text-decoration: none;
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #000;
    color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png) 0 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text {
    color: #cd0a0a;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400;
}
/*.ui-icon{width:16px;height:16px;background-image:url(../images/ui-icons_222222_256x240.png);cursor:pointer}*/
.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_888888_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(../images/ui-icons_454545_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../images/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.ui-corner-br {
    -moz-border-radius-bottight: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottight: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ui-widget-overlay {
    background: #aaa none 0 0 repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    background: #aaa none 0 0 repeat-x;
    opacity: .35;
    filter: Alpha(Opacity=35);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: -4px 0 0 -4px;
    padding: 4px;
}

.ui-widget-header a, .ui-widget-content a {
    color: #222;
}

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon, .ui-state-highlight .ui-icon { /*background-image:url(../images/ui-icons_222222_256x240.png)*/
}

.ui-datepicker {
    width: 17em;
    font-size: 12px;
    padding: .2em .2em 0;
}

    .ui-datepicker .ui-datepicker-header {
        clear: both;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

        .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            top: 50%;
            margin-top: -8px;
        }

    .ui-datepicker .ui-datepicker-title {
        line-height: 1.8em;
        text-align: center;
        color: #FFFFFF;
        width: 130px;
        margin: -2px 40px;
    }

        .ui-datepicker .ui-datepicker-title select {
            float: left;
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        text-align: center;
        font-weight: 700;
        border: 0;
        color: #000;
        padding: .7em .3em;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            text-align: right;
            text-decoration: none;
            padding: .2em;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        margin: .7em 0 0;
        padding: 0 .2em;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            cursor: pointer;
            width: auto;
            overflow: visible;
            margin: .5em .2em .4em;
            padding: .2em .6em .3em;
        }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: left;
    width: 100%;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

.ui-datepicker-trigger {
    cursor: pointer;
}

.ui-datepicker-cover {
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
    left: 0px;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {
    right: 17px;
}

.ui-datepicker-week-end, .ui-datepicker-week-end a {
    color: #900;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.stepnavigation {
    padding-top: 30px;
}

.errorspopup {
    width: 800px;
    display: none;
    position: absolute;
    z-index: 1000;
    top: 150px;
    left: 197px;
}

.errorspopupbox {
    width: 800px;
    margin: auto;
}

.errorspopupboxtop {
    float: left;
    width: 800px;
    height: 10px;
    line-height: 10px;
    background: url(../Images/topcrv1popup.jpg) no-repeat;
}

.errorspopupboxmiddle {
    float: left;
    width: 798px;
    border-left: solid 1px #9F9F9F;
    border-right: solid 1px #9F9F9F;
    background-color: #fff;
}

.errorspopupboxbottom {
    float: left;
    width: 800px;
    height: 10px;
    line-height: 10px;
    background: url(../Images/botcrv1popup.jpg) no-repeat;
}

.errorspopupboxhead {
    float: left;
    width: 778px;
    background-color: #204090;
    color: #fff;
    font-size: 20px;
    padding: 10px;
}

.errorspopupContent {
    width: 750px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}

.popupDiv {
    display: none;
    z-index: 10009;
    position: absolute;
    width: 500px;
    height: auto;
    border: solid 2px #00588B;
    background-color: #FFF;
    padding: 0;
}

.popupheading {
    width: 100%;
    background-color: #2663AA;
    color: #FFF;
    height: 30px;
}

.Cancel {
    padding: 50px 0 20px;
}

.serchmove {
    float: left;
    padding: 0 10px 0 0;
}

.padleft10 {
    padding-left:5px!important;
}

.padleft25 {
    padding-left: 25px!important;
}

.wid80 {
    width: 80px!important;
}

.wid90 {
    width: 96px!important;
}

.wid100 {
    width: 100px!important;
}

.wid120 {
    width: 120px!important;
}

.wid150 {
    width: 150px!important;
}

.wid135 {
    width: 135px!important;
}

.wid250 {
    width: 250px!important;
}

.wid350 {
    width: 350px!important;
}

.wid585 {
    width: 585px!important;
}

.wid580 {
    width: 580px!important;
}

.wid700 {
    width: 700px!important;
}

.wid50 {
    width: 50px!important;
}

.gridnewin {
    border: 1px solid #DBDBDB;
    width: 876px;
    color: #000;
    margin: auto;
    padding: 0 19px;
}

.plheaderrow {
    background-color: #CFCFCF;
    color: #434343;
    font-size: 13px;
    font-weight: 700;
    width: 870px;
    float: left;
    padding: 4px 0;
}

.plnamecol1 {
    width: 250px;
    float: left;
    padding: 0 0 0 10px;
}

.gridconatiner ul li {
    width: 870px;
    float: left;
    list-style: none;
}

.ppform1 {
    width: 54px;
    height: 14px;
    font-size: 12px;
    border: 1px solid #7AA8C9;
    padding: 1px 3px 0;
}

.ppform2 {
    width: 120px;
    height: 14px;
    font-size: 12px;
    border: 1px solid #7AA8C9;
}

.pldatarow {
    color: #434343;
    font-size: 12px;
    width: 870px;
    float: left;
    background-color: #FFF;
    border-bottom: 1px solid #EFEFEF;
    padding: 4px 0;
}

.markrow {
    border-bottom: 1px solid #DBDBDB;
    line-height: 20px;
    font-size: 11px;
    width: 100px;
    float: left;
    color: #000;
    text-align: center;
    padding: 1px 0;
}

.markalterrow {
    background-color: #F4F4F4;
    line-height: 18px;
}

.markrowhead {
    font-size: 11px;
    width: 98px;
    text-align: center;
    float: left;
    color: #fff;
    border-bottom: 0 solid #EFEFEF;
    line-height: 25px;
    background-color: #00588B;
    border: 1px solid #DBDBDB;
    padding: 1px 0;
}

.markpopcon {
    width: 930px;
    float: left;
}

.marketdetails {
    width: 934px;
    display: none;
    position: absolute;
    z-index: 1000;
    top: 150px!important;
    left: -7px!important;
}

.markperiod {
    float: left;
    width: 800px;
    overflow-x: auto;
    overflow-y: hidden;
    height: auto;
}

.tdwidth {
    width: 375px;
    border-left: none;
}

.tdwidths {
    width: 225px;
    border-left: none;
}

.reportdata tr td {
    text-align: center;
    width: 75px;
}

.reportdata tr th {
    width: 75px;
}

.reportnames tr th {
    height: 49px;
}

.chklist td {
    width: 170px!important;
    line-height: 25px;
}

    .chklist td label {
        white-space: nowrap;
        margin-left: 5px;
    }

.weeksgrid {
    border: 1px solid #D2DFEB;
    width: 680px;
    font-size: 15px;
    line-height: 30px;
    margin: auto;
}

img, .noborder {
    border: 0;
}

.clearboth, .dashboardgrid, .ui-datepicker-calendar {
    clear: both;
}

.logintextfield, .popupbox label, .errorspopupbox label {
    float: left;
    width: 150px;
    text-align: right;
}

.button, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
    width: 110px!important;
    height: 38px;
    background: url(../Images/bac.png) no-repeat;
    border: 0;
    cursor: pointer;
}

    .button1, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
        width: 110px!important;
        height: 38px;
        background: url(../Images/save1.png) no-repeat;
        border: 0;
        cursor: pointer;
    }

.buttonprocess {
    width: 110px!important;
    height: 38px;
    background: url(../Images/process.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.button2, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
    width: 103px!important;
    height: 46px;
    background: url(../Images/sea1.png) no-repeat;
    border: 0;
    cursor: pointer;
    margin: 0;
}

    .button3, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
        width: 103px!important;
        height: 46px;
        background: url(../Images/reset.png) no-repeat;
        border: 0;
        cursor: pointer;
        margin: 0;
    }

        .button4, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
            width: 103px!important;
            height: 38px;
            background: url(../Images/can.png) no-repeat;
            border: 0;
            cursor: pointer;
        }

            .button5, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
                width: 105px!important;
                height: 38px;
                background: url(../Images/im1.png) no-repeat;
                border: 0;
                cursor: pointer;
            }

                .button6, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
                    width: 71px!important;
                    height: 29px;
                    background: url(../Images/edit.jpg) no-repeat;
                    border: 0;
                    cursor: pointer;
                }

                    .button7, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
                        width: 71px!important;
                        height: 29px;
                        background: url(../Images/addnew.png) no-repeat;
                        border: 0;
                        cursor: pointer;
                    }

.button8, .dashboardmenu, a.headerlinksCurr, a.headerlinksCurr:hover {
    background-color: #9D9895;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #9D9895;
    cursor: pointer;
}

.button9, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
    width: 71px!important;
    height: 29px;
    background: url(../Images/ok.jpg) no-repeat;
    border: 0;
    cursor: pointer;
}

.button10 {
    width: 130px!important;
    height: 29px;
    background: url(../Images/sac.jpg) no-repeat;
    border: 0;
    cursor: pointer;
}

.buttonnext {
    width: 105px!important;
    height: 38px;
    background: url(../Images/next.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.go {
    width: 71px!important;
    height: 29px;
    background: url(../Images/go.jpg) no-repeat;
    border: 0;
    cursor: pointer;
    margin: 3px 0 0;
}

.gts {
    width: 128px!important;
    height: 29px;
    background: url(../Images/gts.jpg) no-repeat;
    border: 0;
    cursor: pointer;
    margin: 3px 0 0;
}

.dashboardgridrow td, .dashboardgridalternativerow td, .popupgridrow td, .rowborderbottom {
    border-bottom: 1px solid #D5D0CA;
}

.gridheadernew, .mygridheader {
    background: #2663AA;
    color: #FFF!important;
    font-size: 13px;
    font-weight: 600 !important;
    height: 16px;
    line-height: 16px;
    width: 100%;
    float: left;
}

    .gridheadernew th, .mygridheader th {
        padding: 0 0 5px;
    }

    .gridheadernew b, .mygridheader b {
        font-weight: 700!important;
        font-size: 13px;
    }

    .gridheadernew a {
        color: #fff!important;
        text-decoration: none;
        font-size: 12px;
        font-weight: 700;line-height:15px;
    }

a.headerlinks: hover, a.gridheaderlinks, a.gridheaderlinks: hover {
    color: #FFF!important;
    text-decoration: none;
}

.gridfooterrow td, .subgridfooterrow td {
    border-top: 1px solid #DBDBDB;
}

a.ContextMenuItem-Selected, .ui-priority-primary, .ui-widget-content .ui-priority-primary {
    font-weight: 700;
}

.popupboxheadsmall, .errorspopupboxheadsmall {
    float: left;
    width: 360px;
    background-color: #204090;
    color: #fff;
    font-size: 20px;
    padding: 10px;
}

.popupclose, .errorspopupclose {
    float: right;
    width: 24px;
    height: 23px;
    background: url(../Images/spriteimg.gif) no-repeat 0 -117px;
}

.plnamecol2, .plnamecol3, .plnamecol4 {
    width: 110px;
    float: left;
    padding: 0 0 0 10px;
}

.plnamecol5, .plnamecol6 {
    width: 100px;
    float: left;
    padding: 0 0 0 10px;
}

.markcol, .markcoll {
    width: 80px;
    float: left;
    padding: 0;
}

.mand {
    background: none repeat scroll 0 0 #ECECEC;
    float: left;
    font-size: 12px;
    text-align: right;
    width: 96%;
    color: #373737;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 15px;
    padding: 5px 2%;
}

.formmain {
    float: left;
    width: 97%;
    padding: 15px 0 15px 40px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.mngsrch {
    float: left;
    width: 735px!important;
}

.formrepeat {
    float: left;
    width: 800px;
    margin: 0 0 10px;
}

.width750 {
    width: 750px;
}

.formrow {
    float: left;
    width: 800px;
    margin: 0 0 10px;
    padding: 20px 0 0;
}

.formcontrol input {
    width: 198px!important;
    color: #737373!important;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    float: left;
    padding: 5px 3px;
}

.formcontrol select {
    width: 207px!important;
    color: #737373!important;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    float: left;
    padding: 5px 3px;
}

.formcontrol1 input {
    float: left;
    border: 0!important;
    background: transparent!important;
    width: 100px!important;
    color: #737373!important;
}

.formcontrol1 select {
    float: left;
    border: 0!important;
    background: transparent!important;
    width: 130px!important;
    color: #737373!important;
}

.formtextarea {
    width: 360px;
    float: left;
    text-align: left;
    background: url(../images/textarea.png) no-repeat 0 0;
    height: 102px;
    padding: 5px 4px;
}

    .formtextarea textarea {
        float: left;
        border: 0!important;
        background: transparent!important;
        width: 284px!important;
        color: #737373!important;
        height: 90px!important;
        margin: 0 0 6px;
    }

.formfield1 {
    width: 815px;
    float: left;
    margin-top: 21px;
}

.confirmationmsg {
    padding: 55px 0;
}

.conbox {
    float: left;
    width: 350px;
    height: auto;
    border: #9b9b9b solid 1px;
    margin: 0 0 0 280px;
    padding: 20px;
}

    .conbox table {
        width: 350px;
    }

        .conbox table tr td {
            padding: 5px 0;
        }

            .conbox table tr td input {
                margin: 0 5px 0 0;
            }

.searchFormborder {
    float: right;
    width: 98%;
}

.searchtop {
    width: 100%;
    float: left;
    text-align: left;
    background: rgba(0, 0, 0, 0) url("../images/stop1.png") no-repeat scroll 0 0 / 100% auto;
    height: 11px;
}

.searchbottom {
    width: 100%;
    float: left;
    text-align: left;
    background: rgba(0, 0, 0, 0) url("../images/sbottom.png") no-repeat scroll 0 0 / 100% auto;
    height: 13px;
}

.gridtop {
    width: 100%;
    float: left;
    text-align: left;
    height: 9px;
    margin-left: 7px;
    border-radius: 6px 6px 0 0;
    background: #2663AA;
}

.gridbottom {
    width: 960px;
    float: left;
    text-align: left;
    background: url(../images/gridbottom.png) no-repeat scroll left bottom / 100% 100% rgba(0,0,0,0);
    height: 9px;
    margin: 0 0 10px 7px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    Safari only override ::i-block-chrome, .gridbottom {
        background: url(../images/gridbottom.png) no-repeat scroll center top transparent!important;
        height: 12px!important;
    }
}

.ml1 {
    margin-left: 1px;
}

.searchFormborder legend {
    background: #ffff;
    margin: 0 0 0 10px;
    padding: 0 5px;
}

.searmain {
    float: left;
    width: 98.7%;
    border: #e3e3e3 solid 1px;
    background: #fff;
    border-width: 0 1px;
    margin: 0;
    padding: 0px 6.5px;
}

.dn {
    display: none!important;
}

.dn1 {
    display: none;
}

.newsearep {
    float: left;
    width: 400px;
    margin: 0 0 13px;
}

.searep {
    float: left;
    width: 350px;
    margin: 0 0 13px;
    margin-top: 15px;
}

.seacontrol {
    width: 207px;
    float: left;
    text-align: left;
    background: none!important;
    padding: 5px 3px;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #DDE1E4 inset;
}

    .seacontrol input {
        border: 0!important;
        background: transparent!important;
        width: 188px!important;
        font-size: 13px;
        color: #494949;
        margin: 2px 0 0;
        padding: 0!important;
    }

    .seacontrol select {
        border: 0!important;
        background: transparent!important;
        width: 204px!important;
        font-size: 13px;
        color: #494949;
        margin: 0;
        padding: 0!important;
    }

.newseacontrol {
    width: 292px;
    float: left;
    text-align: left;
    background: url(../images/textareabg.png) no-repeat 0 0;
    height: 86px;
    padding: 3px 5px;
}

    .newseacontrol textarea {
        border: 0!important;
        background: transparent!important;
        width: 282px!important;
        font-size: 13px;
        color: #494949;
        margin: 5px 0 0;
        padding: 0!important;
    }

.formlabel1 {
    width: auto;
    float: left;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #3c3c3c;
    padding: 0 0 5px 5px;
    margin: 10px 5px 0 0;
}

.searchlablel {
    font-size: 16px;
    font-weight: 700;
    color: #26284B;
}

.seacontrol span {
    font-size: 12px;
    padding-top: 6px;
    color: #3C3C3C;
    float: left;
}

.selectbox {
    float: left;
    width: 225px;
    border: 0;
    color: #737373;
    margin: 5px 0 0;
    padding: 3px;
}

.mybw {
    border-width: 0 1px 1px;
}

.pagingright_new {
    font-size: 12px;
    border: #E3E3E3 solid 1px;
    border-width: 1px 1px 0;
    float: right;
    padding-top: 10px;
}

    .pagingright_new table {
        border: 0 none;
        width: auto;
        margin: 5px 0;
    }

    .pagingright_new span {
        background: #2663AA;
        border: 1px solid #00468E;
        font-size: 13px;
        color: #fff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin: 0 4px 0 0;
        padding: 2px 6px;
    }

    .pagingright_new a {
        background: url(../images/pagebg.png) repeat-x top left;
        border: 1px solid #e3e3e3;
        font-size: 13px;
        text-decoration: none;
        width: auto;
        color: #494949;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin: 0 4px 0 0;
        padding: 2px 6px;
    }

.tac input, .tar input {
    border: #d5e1ec solid 1px;
    background: #fff;
    color: #716558;
}

.formfield a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 29px;
}

.loadplan ul {
    width: 100%;
    float: left;
    list-style: none;
}

    .loadplan ul li h1 {
        width: 100%;
        float: left;
        font-size: 18px;
        line-height: 22px;
        margin: 10px 0 5px;
    }

.ddlTruck {
    float: left;
    background: url(../images/inputsearchbg.png) no-repeat scroll 0 0 transparent;
    width: 192px;
    height: 32px;
    border: 0;
    color: #716558;
    margin: 7px 7px 7px 0;
    padding: 5px;
}

.ddlHour {
    float: left;
    background: url(../images/hourbg.png) no-repeat scroll 0 0 transparent;
    width: 86px;
    height: 32px;
    border: 0;
    color: #716558;
    margin: 7px 7px 7px 0;
    padding: 5px;
}

.ddlcol {
    float: left;
    width: auto;
    font-size: 14px;
    font-weight: 700;
    color: #486493;
    margin: 15px 7px 0 0;
}

.loadtitle {
    float: left;
    width: 100%;
    margin: 5px 0;
}

    .loadtitle ul li {
        float: left;
        width: 200px;
        font-size: 16px;
        font-weight: 700;
    }

.widzards {
    float: left;
    width: 864px;
    margin: 0 0 0 50px;
}

    .widzards ul {
        float: left;
        width: 864px;
        list-style: none;
    }

    .widzards li {
        float: left;
        width: 288px;
        text-align: center;
    }

.padl5 {
    padding-left: 5px !important;
    line-height: 15px;
 
}

.texDecNone a {
    text-decoration: none!important;
}

    .texDecNone a:hover {
        text-decoration: underline!important;
    }

.edit {
    background: url(../Images/edit.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width: 85px!important;
}

.back {
    background: url(../Images/bac.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width: 110px!important;
}

.formcontrolview {
    width: 225px;
    float: left;
    text-align: left;
    font-weight: 700;
    line-height: 16px;
    padding: 0 4px;
}

    .formcontrolview img {
        border: 1px solid #ccc;
    }

.gridSmall {
    border: 1px solid #DBDBDB;
    width: 800px;
    color: #716558;
    margin: auto;
}

.gridSmallll {
    border: 1px solid #DBDBDB;
    width: 966px;
    color: #716558;
    margin: 10px auto auto;
}

.head {
    color: #4CA8FF;
    font-size: 24px;
    width: 960px;
    margin: 5px 0 10px;
}

.mydash {
    width: 960px;
    float: left;
}

    .mydash ul {
        width: 210px;
        float: left;
        list-style: none;
        margin: 0 30px 0 0;
    }

    .mydash li a {
        float: left;
        color: #3c85d2;
        font-size: 13px;
        font-weight: 700!important;
        width: 100%;
    }

.dashlink {
    width: 80%;
    float: left;
    text-align: left;
    font-weight: 700;
    padding: 7px 0 0 2%;
}

.dashlinknwe {
    width: 18%;
    float: left;
    margin-bottom: 6px;
    text-align: center;
}

.dashhead {
    background: #476392;
    color: #FFF;
    float: left;
    font-size: 17px;
    font-weight: 700;
    height: 22px;
    width: 96%;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    margin: 10px 0;
    padding: 4px 0 0 4%;
}

.viewsales span {
    float: left;
    width: 50px;
    background: #ccc;
    padding: 0 10px;
}

.menu li ul li {
    width: 78%;
    float: left;
}

    .menu li ul li a {
        font-size: 13px;
        text-decoration: underline!important;
        padding: 0!important;
    }

        .menu li ul li a:hover {
            text-decoration: none!important;
            background: none!important;
        }

.listmai {
    width: 100%;
    float: left;
    padding: 0;
}

.gridheadernewww {
    background: none repeat scroll 0 0 #476492;
    color: #FFF!important;
    font-size: 13px;
    font-weight: 700;
    height: 34px;
    width: 100%;
    padding: 2px 0;
}

.gridrownnn {
    font-size: 12px;
    float: left;
    width: 99.8%;
    padding: 4px 0;
}

.newborder {
    border: 1px solid #DBDBDB;
    border-width: 0 1px 1px;
}

.sesion {
    width: 960px;
    float: right;
    margin: 170px 0 0;
}

    .sesion h2 {
        font-size: 21px;
        color: #486493;
        width: 100%;
        text-align: center;
        margin: 5px 0 15px;
    }

        .sesion h2 a {
            text-decoration: underline;
            color: #486493;
        }

.noaccess {
    float: left;
    width: 100%;
    text-align: center;
    color: #00932C;
    padding: 180px 0;
}

.pophead {
    float: left;
    width: 95%;
    background: #2663AA;
    height: 33px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    padding: 7px 9px 0;
}

    .pophead h1 {
        float: left;
        width: auto;
        color: #FFF;
        font-size: 18px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        margin: 3px 0 0;
    }

.closenew {
    float: left;
    width: 100%;
    text-align: right;
}

.popcon {
    background: #FFF;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    float: left;
    width: 99%;
}

.popinner {
    float: left;
    width: 96%;
    padding: 12px 2%;
}

.popform {
    float: left;
    width: 100%;
    margin: 20px 0 10px;
}

.poprep {
    float: left;
    width: 428px;
}

.poplabel {
    float: left;
    width: 200px;
    font-size: 13px;
    font-weight: 400;
    color: #737373;
    margin: 0 0 4px;
}

.popcontrol {
    float: left;
    width: 198px;
    font-size: 13px;
    font-weight: 400;
    background: none;
    margin: 0;
    padding: 5px 3px;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #DDE1E4 inset;
}

    .popcontrol input {
        width: 180px;
        border: 1px;
        font-size: 13px;
        color: #737373;
        padding: 4px 3px;
    }

.popbtn {
    float: left;
    margin: 2px 0 0 5px;
    width: auto;
}

    .popbtn a {
        text-decoration: none;
        color: #0D137D;
    }

.poperr {
    float: left;
    margin: 5px 0 0 108px;
}

.err_Validator {
    color: red;
    float: left;
    margin-top: 2px;
}

.rem {
    float: left;
    width: 110px;
    text-align: left;
    margin: 11px 0 0;
}

.height200 {
    height: 350px;
}

.width600 {
    width: 600px;
}

.codecls {
    width: 150px;
    float: left;
    color: #fff;
    padding-left: 10px;
    text-align: left;
}

.Namecls {
    width: 600px;
    float: left;
    color: #fff;
}

.lblcode {
    width: 150px;
    float: left;
    text-align: left;
    padding-left: 10px;
}

.lblname {
    width: 600px;
    float: left;
    text-align: center;
}

.lblbutt {
    width: 150px;
    float: right;
    text-align: center;
}

.itmcde {
    padding: 0 0 0 10px;
}

.actcls {
    width: 150px;
    float: left;
    text-align: center;
}

.deletebtn {
    float: left;
    margin: 5px 0;
}

.Additembtn {
    background: url(../images/additem.png) no-repeat 0 0;
    width: 106px;
    height: 40px;
    border: 0 none;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

.backbuttom {
    background: url(../images/previous.png) no-repeat 0 0;
    width: 106px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
    font-size: 14px;
}

.sac {
    background: url(../images/proceed.png) no-repeat 0 0;
    width: 106px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
}

.cancelbuttom {
    background: url(../images/cancel.png) no-repeat 0 0;
    width: 106px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
    float: left;
}

.submit {
    background: url(../images/submit.png) no-repeat 0 0;
    width: 106px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
}

.editbuttom {
    background: url(../images/edit.png) no-repeat 0 0;
    width: 106px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
}

.addbtn {
    background: url(../images/add.png) no-repeat 0 0;
    width: 106px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
    float: left;
    margin: 0 10px;
}

.searchheadnew {
    width: 97%;
    float: left;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    line-height: 30px;
    background: #476492;
    height: 30px;
    padding: 0 9px;
}

.closenew1 {
    float: left;
    width: 100%;
    text-align: right;
    padding: 2px 0;
}

.searchlablelnew {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px 0;
}

.viewformlabel {
    width: 133px;
    float: left;
    text-align: right;
    font-weight: 400;
    font-size: 13px;
    color: #737373;
    padding: 0 0 6px;
}

.gridlinks {
    width: 97%;
    float: left;
    margin: 10px 0 10px 15px;
}

    .gridlinks a {
        color: #204090; /*text-decoration:underline*/
    }

        .gridlinks a:hover {
            text-decoration: underline !important;
        }

.txtQuantity {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #B3B3B3;
    height: 23px;
    width: 90px;
    color: #716558;
    background: url(../images/qbg.png) repeat-x top left;
    margin: 3px 0;
}

h3.error {
    line-height: 90px;
}

.seacontrolnew {
    width: 86px;
    float: left;
    text-align: left;
    background: url(../images/hourbg.png) no-repeat 0 0;
    height: 26px;
    padding: 5px 2px;
}

.to {
    float: left;
    line-height: 32px;
}

.paddingleft45 img {
    margin: 0;
}

.newerror {
    float: left;
    width: 100%;
    text-align: left;
    color: Red;
    line-height: 25px;
}

.bottombuttons {
    width: 38%;
    margin: 0 36%;
}

.qas {
    width: 100%;
    float: left;
    border: 1px solid #CACACA;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px 0 0;
}

.seacontrollat {
    width: 250px;
    float: left;
    text-align: left;
    background: url(../images/inputsearchbglat.png) no-repeat 0 0;
    height: 26px;
    padding: 3px 5px;
}

    .seacontrollat input {
        border: 0!important;
        background: transparent!important;
        width: 240px!important;
        font-size: 13px;
        color: #494949;
        margin: 6px 0;
        padding: 0!important;
    }

.newformcontrolview {
    width: 525px;
    float: left;
    text-align: left;
    font-weight: 700;
    padding: 0 4px;
}
/*.mymenu ul{float:left;width:auto;list-style:none}
.mymenu li{float:left;width:auto;margin:0}
.new_error{width:50%;float:left;text-align:center;color:Red}
.mymenu li a{color:#FFF;height:55px;float:left;width:auto;text-decoration:none;font-size:14px;line-height:55px;padding:0 20px;font-weight:400;text-transform:uppercase;text-shadow:1px 1px 0 #2663AA;font-family:NeutraBlack;width:auto;text-align:center}*/


.mymenu ul {
    float: left;
    width: 100%;
    list-style: none;
}

.mymenu li {
    border-right: 1px solid #d9d9d9;
    float: left;
    margin: 0;
    text-align: center;
    width: 16%;
}

.new_error {
    width: 50%;
    float: left;
    text-align: center;
    color: Red;
}

.mymenu li a {
    color: #363636;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 67px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/*This css inserted by piyush for new designing headers*/
.new_r_desgnd {
    float: left;
    width: 100%;
    text-align: center;
    padding-top:34px;
}

.new_r_desgn_txt {
    float: left;
    padding-top:34px;
    text-align: center;
    width: 100%;
}

.sfa_reports_before {
    background: url("../images/new_reports.png") no-repeat scroll 50% 30% rgba(0, 0, 0, 0);
}

.sfa_Transactions_before {
    background: url("../images/new_transactions.png") no-repeat scroll 50% 30%;
}

.sfa_Administration_before {
    background: url("../images/new_administration.png") no-repeat scroll 50% 30%;
}

.sfa_Master_before {
    background: url("../images/new_master.png") no-repeat scroll 50% 30%;
}

.sfa_dashboard_before {
    background: url("../images/new_dashboard.png") no-repeat scroll 50% 30%;
}

.sfa_reports_before:hover {
    background: url("../images/new_reportsh.png") no-repeat scroll 50% 30% #2663AA;
}

.sfa_Transactions_before:hover {
    background: url("../images/new_transactionsh.png") no-repeat scroll 50% 30% #2663AA;
}

.sfa_Administration_before:hover {
    background: url("../images/new_administrationh.png") no-repeat scroll 50% 30% #2663AA;
}

.sfa_Master_before:hover {
    background: url("../images/new_masterh.png") no-repeat scroll 50% 30% #2663AA;
}

.sfa_dashboard_before:hover {
    background: url("../images/new_dashboardh.png") no-repeat scroll 50% 30% #2663AA;
    color: #ffffff !important;
}

.new_r_desgn_txt:hover {
    color: #fff;
}

.sfa_dashboard {
    background: url("../images/new_dashboardh.png") no-repeat scroll 50% 30% #0c2d69;
    color: #ffffff !important;
}

.sfa_reports {
    background: url("../images/new_reportsh.png") no-repeat scroll 50% 30% #0c2d69;
    color: #ffffff !important;
}

.sfa_transactions {
    background: url("../images/new_transactionsh.png") no-repeat scroll 50% 30% #0c2d69;
    color: #ffffff !important;
}

.sfa_administration {
    background: url("../images/new_administrationh.png") no-repeat scroll 50% 30% #0c2d69;
    color: #ffffff !important;
}

.sfa_master {
    background: url("../images/new_masterh.png") no-repeat scroll 50% 30% #0c2d69;
    color: #ffffff !important;
}
/*This css inserted by piyush for new designing headers*/



.megawrapper {
    width: 812px!important;
    opacity: .99!important;
    height: 357px!important;
    left: 357px!important;
}

.mymenu li a:hover {
    color: #34A89F;
    float: left;
    width: 100%;
    text-decoration: none;
}

.selected {
    border-bottom:;
}


.column {
    float: left;
    width: 812px; /*background:rgba(0, 0, 0, 0) url("../images/subNavBg.png") repeat-x scroll 0 0 / 100% auto;*/
    background: #f1f2f3;
    position: relative;
    padding: 5px 0 10px 0;
    -webkit-border-radius: 0 0 10px 10px!important;
    border-radius: 0 0 10px 10px!important;
    height: auto;
    border: #CCCCCC 1px solid;
    border-width: 0 1px 1px;
}

    .column ul {
        float: left;
        width: 150px;
        list-style: none;
    }

    .column li {
        float: left;
        width: 135px;
        margin: 0 0 5px;
        padding: 0 0 0 15px;
        border-bottom: 1px batted #ccc;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
    }

        .column li a {
            color: #fff;
            text-decoration: none;
            padding: 0 5px;
            line-height: 20px;
            text-align: left;
            font-size: 13px;
        }

.synclink {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 80px;
}

    .synclink a {
        color: #4CA8FF;
        line-height: 25px;
    }

.delpopcon {
    background: #FFF;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    float: left;
    width: 99.5%;
}

.contpop {
    width: 94%;
    float: left;
    text-align: center;
    line-height: 20px;
    padding: 10px 3%;
}

.oknew {
    background: url(../images/ok.png) no-repeat 0 0;
    width: 100px;
    height: 38px;
    border: 0 none;
    cursor: pointer;
    float: left;
}

.btnsok {
    width: 58%;
    float: left;
    margin: 10px 21%;
}

.marleft10 {
    margin-right: 10px;
}

.ajax__calendar_container {
    cursor: default;
    font-family: tahoma,verdana,helvetica;
    font-size: 11px;
    text-align: center;
    width: 170px;
    padding: 4px;
}

.ajax__calendar_body {
    height: 139px;
    overflow: hidden;
    position: relative;
    width: 170px;
    margin: auto;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    height: 139px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 170px;
    margin: auto;
}

.ajax__calendar_header {
    height: 20px;
    width: 100%;
}

.ajax__calendar_prev {
    background-image: url(WebResource.axd?d=4e9Ihvl5ntxe_8QSv_pdo_VJc05O5SJ6XccYxn2s409QsNrDO8hwK0ulnf05T1n_0&t=634760877360000000);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 15px;
    width: 15px;
}

.ajax__calendar_next {
    background-image: url(WebResource.axd?d=4e9Ihvl5ntxe_8QSv_pdo_VJc05O5SJ6XccYxn2s409q3MHUEAs-5K8pN4OZ_gjk0&t=634760877360000000);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 15px;
    width: 15px;
}

.ajax__calendar_title {
    cursor: pointer;
    font-weight: 700;
    margin-left: 15px;
    margin-right: 15px;
}

.ajax__calendar_footer {
    height: 15px;
}

.ajax__calendar_today {
    cursor: pointer;
    padding-top: 3px;
}

.ajax__calendar_dayname {
    height: 17px;
    text-align: right;
    width: 17px;
    padding: 0 2px;
}

.ajax__calendar_day {
    cursor: pointer;
    height: 17px;
    text-align: right;
    width: 18px;
    padding: 0 2px;
}

.ajax__calendar .ajax__calendar_container {
    background-color: #FFF;
    border: 1px solid #646464;
    color: #000;
}

.ajax__calendar .ajax__calendar_footer {
    border-top: 1px solid #F5F5F5;
}

.ajax__calendar .ajax__calendar_dayname {
    border-bottom: 1px solid #F5F5F5;
}

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_today {
    cursor: default;
    visibility: hidden;
}

.mart21 {
    margin-top: 21px;
}

.seacontrol_new {
    width: 96px;
    float: left;
    text-align: left;
    background: url(../images/hourbgnew.png) no-repeat 0 0;
    height: 26px;
    padding: 5px 2px;
}

.lnkbtn {
    color: #4CA8FF;
    line-height: 24px;
}

.mgr {
    margin-left: 751px!important;
}

.mgrnn {
    border: 1px solid #ccc;
    background: none;
    width: 44px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
}

.bggn {
    border: 1px solid #ccc;
    line-height: 200px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #486493;
    margin-top: 10px;
}

.wizard {
    margin-top: 20px;
    float: right;
    width: 200px;
}

    .wizard input {
        margin-right: 30px;
    }

.newcol {
    background: #6A91CF!important;
    height: 22px!important;
    line-height: 22px!important;
}

.newcoln {
    color: #2D2721!important;
    font-size: 12px!important;
    font-weight: 700!important;
}

.paddinn {
    padding: 0 0 0 8px;
}

.finish {
    background: url(../images/finish.png) no-repeat 0 0;
    width: 105px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
}

.selcond {
    float: left;
    height: 26px;
    text-align: left;
    width: 242px;
    font-weight: 700;
    color: #716558;
    padding: 5px 5px 0;
}

.custm {
    color: #0C267D;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

.EditOrderbuttom {
    width: 87px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
    background: url(../images/edit.png) no-repeat 0 0;
}

.SubmitOrderButton {
    width: 105px;
    height: 38px;
    border: 0 none;
    cursor: pointer;
    background: url(../images/submit.png) no-repeat 0 0;
}

.width90 {
    width: 90px!important;
}

.searmain322 {
    float: left;
    width: auto;
    margin: 0 0 0 322px;
}

.selcondnew {
    float: left;
    height: 20px;
    text-align: left;
    width: 242px;
    padding: 5px 5px 0;
}

.lh25 {
    line-height: 25px;
}

.btncenter {
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0;
}

.startNext {
    text-align: left!important;
    float: left;
    margin-left: 470px;
}

.flnone {
    float: none!important;
}

.chboxnew {
    font-weight: 700;
    color: #716558;
}

.moedit {
    float: left;
    padding: 2px;
}

.model {
    float: left;
    padding-top: 5px;
}

.topheadnew {
    background: none repeat scroll 0 0 #476492;
    border-radius: 8px 8px 0 0;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 96.8%;
    padding: 0 12px;
}

.mb0 {
    margin-bottom: 0!important;
}

.changepassword {
    background: url(../Images/changepassword.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width: 205px!important;
}

.assignpermissions {
    background: url(../Images/AssignPermissions.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width: 205px!important;
}

.padl5 a:hover {
    color: #716558;
    text-decoration: none;
}

.short {
    float: left;
    width: 940px;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    background: #E6E6E6;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 10px;
    padding: 5px 10px;
}

.smbg {
    background: #486493;
}

.mytxt {
    border: #DBDBDB solid 1px;
    width: 60px;
    height: 16px;
    color: #716558;
    font-size: 13px;
    margin: 3px 0;
    padding: 3px;
}

.reportlbl {
    float: left;
    width: 95%;
    font-size: 16px;
    font-weight: 700;
    background: #DDD;
    line-height: 32px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 0 0 0 10px;
}

.mainrprt {
    width: 50%;
    float: left;
}

.framerprt {
    float: left;
    width: 100%;
    text-align: center;
}

.canlink {
    color: #333;
}

.texnone {
    text-decoration: none!important;
    width: 23px;
    float: left;
}

.errmsg {
    width: 100%;
    float: left;
    padding-bottom: 5px;
    line-height: 25px;
    height: 25px;
}

.checkboxlist label {
    padding-left: 3px;
    line-height: 15px;
}

.checkboxlist table tr td {
    padding-right: 10px;
}

.searchbtn {
    width: 106px;
    height: 40px;
    background: url(../Images/sea.png) no-repeat;
    border: 0;
    cursor: pointer;
    float: left;
    margin: -6px 0 0;
}

.wid100p {
    width: 100%;
    float: left;
    margin: 10px;
}

.replaceall a {
    color: #26284B;
}

.breadcrum {
    width: 850px;
    height: 17px;
    line-height: 14px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #737373!important;
    float: left;
    padding: 0 10px;
}

    .breadcrum a {
        color: #373737;
        text-decoration: none;
    }

.mygm {
    float: left;
    padding: 0 0 0 1px;
}

.breadcrum a:hover {
    color: #373737;
    text-decoration: underline;
}

.statustitle {
    width: 890px;
    float: left;
    text-align: left;
    background: url(../images/statustitle.png) no-repeat 0 0;
    height: 29px;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    padding: 10px 0 0 70px;
}

.statgap {
    margin: 0 0 15px;
}

.norecord {
    font-size: 18px;
    text-align: center;
    color: red;
    border: #E3E3E3 solid 1px;
    border-width: 1px;
    padding: 65px 0;
}

.reportmain {
    float: left;
    width: 962px;
    margin: 10px 0 0;
}

.reportrep {
    float: left;
    width: 962px;
    margin: 0 0 20px;
}

.reptop {
    background: url(../images/retop.png) no-repeat top left;
    float: left;
    width: 960px;
    height: 20px;
    line-height: 20px;
}

.repbottom {
    background: url(../images/rebot.png) no-repeat top left;
    float: left;
    width: 960px;
    height: 21px;
    line-height: 21px;
}

.repmiddle {
    background: #f5f5f5;
    float: left;
    width: 938px;
    border: #e9e9e9 solid 1px;
    border-width: 0 1px;
    padding: 0 10px;
}

.reptitle {
    float: left;
    width: auto;
    margin: 0 0 0 25px;
}

.reptext {
    float: left;
    width: auto;
    background: #1d3f5e url(../images/tl.png) no-repeat top left;
    height: 30px;
    font-size: 20px;
    color: #fff;
    padding: 15px 0 0 20px;
}

.repright {
    float: left;
    width: 41px;
    background: url(../images/tr.png) no-repeat top left;
    height: 45px;
    line-height: 45px;
}

.box1rep {
    float: left;
    width: 292px;
    height: auto;
    border-right: #dfe2e6 solid 1px;
    padding: 0 10px;
}

    .box1rep h2 {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        color: #1a3d60;
        font-size: 30px;
        background: #fff;
        border: #e4e4e4 solid 1px;
        float: left;
        width: 270px;
        margin: 0 0 15px;
        padding: 10px;
    }

    .box1rep h3 {
        color: #288ff2;
        font-size: 50px;
        float: left;
        width: 270px;
        text-align: center;
    }

.marl2 {
    margin-left: 2px!important;
}

.marl1 {
    margin-left: 1px!important;
}

.box2left h2 {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #1a3d60;
    font-size: 24px;
    background: #fff;
    border: #e4e4e4 solid 1px;
    float: left;
    width: 620px;
    margin: 0 0 15px;
    padding: 5px;
}

.box2right {
    float: right;
    width: 290px;
}

    .box2right h2 {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        color: #1a3d60;
        font-size: 24px;
        background: #fff;
        border: #e4e4e4 solid 1px;
        float: left;
        width: 270px;
        margin: 0 0 15px;
        padding: 5px;
    }

.box3left {
    float: left;
    width: 250px;
}

    .box3left h2 {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        color: #1a3d60;
        font-size: 24px;
        background: #fff;
        border: #e4e4e4 solid 1px;
        float: left;
        width: 230px;
        margin: 0 0 15px;
        padding: 5px;
    }

    .box3left h3 {
        color: #288ff2;
        font-size: 55px;
        float: left;
        width: 230px;
        text-align: center;
    }

.box3middle {
    float: left;
    width: 438px;
}

    .box3middle h2 {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        color: #1a3d60;
        font-size: 24px;
        background: #fff;
        border: #e4e4e4 solid 1px;
        float: left;
        width: 420px;
        margin: 0 0 15px;
        padding: 5px;
    }

.myreplinks {
    float: left;
    width: 100%;
    margin: 10px 0 0;
}

    .myreplinks li {
        float: left;
        width: 48%;
        margin: 0 6px 0 0;
    }

        .myreplinks li .dashlinknwe {
            width: 12%!important;
        }

        .myreplinks li a {
            color: #288ff2!important;
        }

.region {
    float: right;
    width: auto;
    background: url(../images/rebg.png) no-repeat top right;
    height: 40px;
}

    .region label {
        float: left;
        width: 100px;
        font-size: 13px;
        color: #044281;
        text-align: right;
        margin: 10px 20px 0 0;
    }

    .region select {
        width: 150px;
        border: 0;
        float: left;
        margin: 11px 10px 0 0;
    }

.padlt5 {
    padding: 5px 0 5px 5px !important;
}

.br1 {
    border-right: 1px solid #E3E3E3!important;
}

.mylink a {
    color: #1A3D60;
    text-decoration: underline;
}

.bdrright {
    border-right: 1px solid #E3E3E3;
}

.z20 {
    z-index: 20!important;
}

.tc, .aligncenter, .tac, .mydash li a img {
    text-align: center;
}

.fw, .fottermain, .ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.fll, .floatleft, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button, .floatleft, .checkboxlist input {
    float: left;
}

.headerright, .mymenu {
    float: right;
    width: 100%;
    margin: 0;
}

.loginform, .brg {
    float: left;
    width: 280px;
}

.topright li b, .nav a, .button:hover {
    color: #fff;
}

a.headerlinks, a.whitelinks {
    color: #FFF;
    text-decoration: underline;
}

    a.headerlinks:hover, a.whitelinks:hover {
        color: #FFF;
        text-decoration: none;
    }

.footer a, .footer a:hover {
    color: #555;
}

.smalltext, .legendNormal {
    font-size: 10px;
}

.gridfooter a:hover, .formfield a:hover, .sesion h2 a:hover, .gridlinks a:hover, .tedn a, .synclink a:hover, .btnsok a, .gridrow a:hover, .alternativegridrow a:hover, .replaceall a:hover, .mylink a:hover {
    text-decoration: none;
}

.gridrow td, .alternativegridrow td {
    border-bottom: 1px solid #e3e3e3;
}

#ui-datepicker-div, .hideobj {
    display: none;
}

.wid450, .toptitle h1 {
    width: 450px!important;
}

.toptitle1 h1 {
    width: 550px!important;
}

.padl20i, .pl20 {
    padding-left: 20px!important;
}

.width100, .loadplan, .loadplan ul li, .viewsales, .newlblcode {
    width: 100%;
    float: left;
}

.floatright, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year, .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .fr {
    float: right;
}

.alignright, .algnright, .tar, #cphContent_pnlForm .clearboth .formfield .formlabel {
    text-align: right;
}

.gridheadernew a:hover, .column li a:hover, .gridrow a, .alternativegridrow a {
    text-decoration: underline;
}

.nobg, .bgnone {
    background: none!important;
}

.mt7, .mar7 input {
    margin-top: 7px;
}

.loadtitle ul, .myreplinks ul {
    float: left;
    width: 100%;
    list-style: none;
}

.mydash li, .gimg, .toptitle {
    float: right;
    width: auto;
}

.toptitle1 {
    float: left;
    width: 100%;
}

.viewsales h4, .orderde {
    color: #2663AA;
    font-size: 22px!important;
    width: auto;
    margin: 10px 0 10px 15px;
}

.gridheadernewww span, .gridrownnn span {
    width: 8%;
    float: left;
    text-align: center;
    padding: 0 .5%;
}

.seacontrol input:active, .bn {
    border: 0!important;
}

.adminmenu, .customermenu {
    float: right;
    width: auto;
}

.mymenu li a:hover, .mymenu li a.active {
    color: #fff;
    text-decoration: none;
}

.ajax__calendar_container TABLE, .ajax__calendar_container TD {
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.ajax__calendar_month, .ajax__calendar_year {
    cursor: pointer;
    height: 44px;
    overflow: hidden;
    text-align: center;
    width: 40px;
}

.ajax__calendar .ajax__calendar_day, .ajax__calendar .ajax__calendar_month, .ajax__calendar .ajax__calendar_year {
    border: 1px solid #FFF;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day, .ajax__calendar .ajax__calendar_active .ajax__calendar_month, .ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #EDF9FF;
    color: #06C;
    border-color: #06C;
}

.ajax__calendar .ajax__calendar_today .ajax__calendar_day, .ajax__calendar .ajax__calendar_today .ajax__calendar_month, .ajax__calendar .ajax__calendar_today .ajax__calendar_year {
    border-color: #06C;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day, .ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    background-color: #FFF;
    color: #646464;
    border-color: #FFF;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day, .ajax__calendar .ajax__calendar_hover .ajax__calendar_month, .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #EDF9FF;
    color: #06C;
    border-color: #DAF2FC;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title, .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #06C;
}

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_day, .ajax__calendar .ajax__calendar_invalid .ajax__calendar_month, .ajax__calendar .ajax__calendar_invalid .ajax__calendar_year {
    background-color: #FFF;
    color: #646464;
    cursor: default;
    text-decoration: line-through;
    border-color: #FFF;
}

.padl5 a, .pl20 a {
    color: #716558;
    text-decoration: underline;
}

.replaceall, .checkboxlist {
    width: auto;
    float: left;
    padding: 0 10px 0 0;
}

.box1, .box2, .box3 {
    float: left;
    width: 938px;
}

.box2left, .blg {
    float: left;
    width: 638px;
}

.mar2new {
    margin: 0 2px 10px!important;
}

.pad10 {
    padding-left: 10px!important;
    line-height: 18px;
}

.subchannelDN {
    display: block;
}

.assign, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
    width: 120px!important;
    height: 37px;
    background: url(../Images/assign.png) no-repeat;
    border: 0;
    cursor: pointer;
    margin: 23px 0 0;
}

.formlabelright {
    color: #065C8E;
    float: left;
    line-height: 32px;
    margin: 0 10px 0 0;
    text-align: right;
    width: 40%;
}

formfieldnew {
    width: 100%;
    float: left;
}

.button_align {
    float: left;
    margin: 32px 0 0;
    text-align: center;
    width: 100%;
}

.seacontrol a {
    color: #4CA8FF!important;
}

.dn {
    display: none;
}

.logoutbar {
    width: 100%;
    float: left;
    clear: both;
    background: #34a89f;
    box-shadow: 0 2px 2px #1b7d75;
    position: relative;
    z-index: 100;
}

.wellcome {
    width: 1000px;
    float: left;
    margin-left: 175px;
}

.logout {
    width: auto;
    float: left;
    color: #5ffff1;
}

    .logout a {
        width: auto;
        float: left;
        color: #5ffff1;
        text-decoration: underline;
    }

        .logout a:hover {
            width: auto;
            float: left;
            color: #5ffff1;
            text-decoration: none;
        }

.mainnew {
    width: 100%;
    height: auto;
    clear: both;
    vertical-align: top;
    background: #fff;
}

.footernew {
    width: 100%;
    float: left;
    background: #ccc;
    height: 4.5vh;
}

.clsone {
    width: 319px;
    float: left;
    border: 1px solid #c1cfd4;
    border-radius: 7px;
    padding: 0;
    background: #fff;
    min-height: 302px;
    margin: 8px 7px 0 0;
    box-shadow: 2px 2px 5px #ccc;
}

.cls286f90 {
    width: 100%;
    float: left;
    border-bottom: 4px solid #2663AA;
    padding: 10px 0;
}

.clsname {
    width: 95%;
    float: left;
    font-weight: 700;
    font-size: 16px;
    margin-left: 15px;
}

.color286f90 {
    color: #2663AA;
}

.color0087a7 {
    color: #2663AA;
}

.color00b3a7 {
    color: #2663AA;
}

.cls0087a7 {
    width: 100%;
    float: left;
    border-bottom: 4px solid #c7c8ca;
    padding: 10px 0;
}

.cls00b3a7 {
    width: 100%;
    float: left;
    border-bottom: 4px solid #c7c8ca;
    padding: 10px 0;
}

.dtlbox {
    width: 149px;
    float: left;
    margin: 20px 0 0 10px;
}

.visits {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #4d5761;
}

.disites {
    width: 100%;
    float: left;
    font-size: 3em;
    font-weight: 700;
    color: #34a89f;
    text-align: center;
}

.amounts {
    width: 100%;
    float: left;
    font-size: 35px;
    color: #4d5761;
    text-align: center;
    margin: 20px 0 0;
}

.sub {
    width: auto;
    font-size: 25px;
    color: #ccc;
    position: relative;
    top: -8px;
    margin-right: 5px;
}

.gridmain {
    width: 100%;
    float: left;
    padding: 0;
    min-height: 300px;
    margin: 25px 0 20px;
}

.gridtitlebox {
    width: 100%;
    float: left;
    border-bottom: 4px solid #e2e2e2;
    padding: 13px 0 5px;
    margin-bottom: 5px;
}

.gridtitle {
    width: 89%;
    float: left;
    font-weight:700;
    font-size: 20px;
    margin-left: 15px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.gridcolor {
    color: #2663AA;
}

.gridlinks i {
    font-size: 12px;
}

.logoimg {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px 0;
}

.btl {
    width: auto;
    float: right;
    position: relative;
    top: -95px;
    left: -5px;
}

.usermain {
    float: left;
    width: 80%;
    margin: 2px 10%;
    cursor: pointer;
}

    .usermain span {
        float: left;
        width: 56%;
        font-size: 16px;
        color:#363636;
        font-weight: 400;
        padding: 5px 1% 0;
    }

    .usermain input {
        float: left;
        width: 96%;
        color: #989797;
        padding: 13px 2%;
        border: 1px solid #CCC;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    }

.rember {
    float: left;
    width: 40%;
    margin-top: 11px;
    margin-left: 3px;
}

.usrname {
    float: left;
    width: 80%;
    margin: 2px 10%;
}

.rember label {
    color: #363636;
    float: right;
    left: -40px;
    line-height: 12px;
    padding-left: 5px;
    position: relative;
}

.forgot {
    float: left;
    width: 59%;
    margin-top: 8px;
}

    .forgot span {
        float: right;
        text-align: right;
        width: 100%;
    }

        .forgot span a {
            color: #224292;
            float: left;
            font-size: 14px;
            font-weight: 500;
            padding: 0 0 0 4%;
            text-decoration: underline;
            width: 96%;
        }

.actionbox {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding-bottom: 15px;
    margin-top: 40px;
}

    .actionbox h1 {
        width: auto;
        float: left;
        margin: 13px 0 13px 10px;
        font-size: 22px !important;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
    }

.smallbar {
    background: none repeat scroll 0 0 #ECECEC;
    width: 98.7%;
    float: left;
    padding: 5px 0 10px 13px;
    color: #454545;
}

    .smallbar a {
        color: #454545;
    }

.chkboxlist {
    width: 100%;
    float: left;
}

    .chkboxlist tr {
        width: 100%;
        float: left;
    }

        .chkboxlist tr td {
            width: 195px!important;
            float: left;
            line-height: 25px;
        }

    .chkboxlist td label {
        white-space: nowrap;
        font-weight: 700;
        font-size: 12px;
        top: -2px;
        position: relative;
        margin-left: 2px;
    }

.selectrow {
    width: 100px;
    float: left;
    text-align: left;
    background: url(../images/select.png) no-repeat 0 0;
    height: 32px;
    padding: 6px 4px;
    border: none;
    margin-right: 5px;
}

.uplod {
    border: 1px solid #CCC;
    padding: 5px;
}

.gridlinks i {
    font-weight: 700;
    color: #2663AA;
}

.
/*.extra_padd{padding:0 0 0 15px !important}*/
.minimized_width {
    width: 86%!important;
}

.filter_width {
    width: 105px;
    margin-top: 6px;
    margin-bottom: 5px;
}

.position_filter {
    position: relative!important;
    top: -3px!important;
    left: -10px!important;
}

.main_width {
    width: 500px;
}

.new_searing {
    float: left;
    width: 100%;
    padding-bottom: 10px;padding-left:15px;
}

.specific_width {
    width: 105px!important;
    text-align: right;
}

.position_newfilter {
    position: relative!important;
    top: -63px!important;
    left: -10px!important;
}

.for_some {
    margin-left: 13px;
}

.floatright a {
    color: #4ca7d2!important;
}

.new_slidea {
    float: left;
    width: 225px;
}

.user_name {
    float: left;
    width: 217px;
}

.padt20 {
    padding-top: 26px!important;
}

.padt25 {
    padding-top: 18px!important;
}

.padt5 {
    padding-top: 5px!important;
}

.marb5 {
    margin-bottom: 5px!important;
}

.orderde1 {
    color: #2663AA;
    font-size: 21px;
    width: 960px;
    margin: 5px 0 0 15px;
    font-weight: 400;
}

@font-face {
    font-family: 'WebRupee';
    src: url(http://cdn.webrupee.com/WebRupee.V2.0.eot);
    src: local(WebRupee),url(http://cdn.webrupee.com/WebRupee.V2.0.ttf) format("truetype"),url(http://cdn.webrupee.com/WebRupee.V2.0.woff) format("woff"),url(http://cdn.webrupee.com/WebRupee.V2.0.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}

.WebRupee2 {
    text-align: right;
    width: 8px;
}

.WebRupee1 {
    float: left;
    text-align: right;
    width: 28px;
    color: #A4A4A4;
    color: #2663AA;
    position: relative;
    top: 1px;
}

.btnsave {
    width: 99px;
    height: 29px;
    background: url(../Images/btnsave.png) no-repeat;
    border: 0;
    cursor: pointer;
    margin-right: 10px;
}

    .btnsave a {
        width: 100%;
        float: left;
        text-decoration: none;
    }

.exp {
    float: right;
    width: auto;
    top: 25px;
    position: relative;
    margin-right: 10px;
}

    .exp a {
        color: #454545;
    }

.proceed {
    width: 105px!important;
    height: 38px;
    background: url(../Images/profg.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.btnfind {
    width: 85px!important;
    height: 38px;
    background: url(../Images/find.png) no-repeat;
    border: 0;
    cursor: pointer;
}

#fade {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    display: none;
    z-index: 10;
}

.width100p {
    width: 100%;
    float: left;
}

.Pop_up_main {
    border: solid 0 #000;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: fixed;
    top: -1000px;
    width: 50%;
    z-index: 90;
}

.latestcontent {
    margin: 15px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.middlepart {
    position: relative;
    top: 25px;
    margin-bottom: 50px;
}

.eotbox {
    width: 98%;
    float: left;
    margin: 0 10px;
}

.topeot {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.eotleft {
    width: 67%;
    float: left;
}

.eotright {
    width: 33%;
    float: left;
}

.usertitlt {
    width: auto;
    float: left;
}

    .usertitlt img {
        width: auto;
        float: left;
        margin: 0 6px;
    }

.titlename {
    width: auto;
    float: left;
    color: #2663AA;
    font-size: 17px;
    font-weight: 700;
}

.flone {
    float: left;
    width: 50%;
}

.frtwo {
    float: right;
    width: 50%;
}

.routeplan {
    width: 223px;
    float: left;
    height: 75px;
    border: 1px solid #ccc;
}

.rightmargin {
    margin-right: 12px;
}

.bottommargin {
    margin-bottom: 12px;
}

.width50p {
    float: left;
    width: 50%;
}

.routeplan img {
    width: auto;
    float: left;
    margin: 20px 15px;
}

.righttxt {
    width: 60%;
    float: left;
    color: #363e4e;
    font-size: 17px;
    margin-top: 20px;
}

.visit {
    width: 48%;
    float: left;
    height: 145px;
}

.colorffa23f {
    background: #ffa23f;
}

.color888e9a {
    background: #888e9a;
}

.colorea83be {
    background: #2663AA;
}

.color2e5dab {
    background: #2e5dab;
}

.addedit {
    border: 1px solid #CCC;
    border-radius: 8px;
    box-shadow: 0 7px 0 0 #EFEFEF;
    float: left;
    margin: 0 0 20px;
    padding: 5px 0;
    width: 955px;
}

.headname {
    color: #EA83BE;
    float: left;
    font-size: 18px;
    font-weight: 700;
    padding: 5px;
    width: auto;
}

.siteheding {
    float: left;
    width: 955px;
}

.count {
    width: 100%;
    float: left;
    margin: 15px 0 0;
    color: #fff;
    font-size: 75px;
    text-align: center;
}

.visittxt {
    width: 100%;
    float: left;
    margin: 13px 0;
    color: #fff;
    font-size: 17px;
    text-align: center;
}

.savecont {
    width: 155px;
    height: 30px;
    background: url(../Images/continue.png) no-repeat;
    border: 0;
    cursor: pointer;
    margin-right: 10px;
}

    .savecont a {
        width: 100%;
        float: left;
        text-decoration: none;
    }

.btncanel {
    width: 99px;
    height: 29px;
    background: url(../Images/btncancel.png) no-repeat;
    border: 0;
    cursor: pointer;
    margin-right: 10px;
}

    .btncanel a {
        width: 100%;
        float: left;
        text-decoration: none;
    }

.wgraybutton {
    background-color: #eee;
    color: #444;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #eee;
    border-bottom: 4px solid #eee;
    cursor: pointer;
}

.countamt {
    color: #FFF;
    float: left;
    font-size: 33px;
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
}

.dhs {
    width: 50%;
    float: right;
    font-size: 25px;
}

.fieldmain {
    float: left;
    margin-right: 2%;
    width: 98%;
}

.vantitle {
    color: #716558;
    font-size: 14px;
    font-weight: 400;
    width: auto;
    float: left;
}

.wid105px {
    width: 105px!important;
}

.ew_edith {
    width: 236px;
}

.width92px {
    width: 92px!important;
}

.border1p {
    border-bottom: 1px solid #CCC;
    float: left;
    width: 100%;
}

.PendingInvoice {
    float: left;
    width: 98%;
    color: #12457F;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 15px 2%;
}

.dn {
    display: none;
}

#divTabular {
    float: left;
    width: 100%;
}

.PvTabel {
    width: 950px;
    margin: 0 auto;
}

    .PvTabel table {
        width: 100%;
        float: left;
    }

.cls_maindiv {
    width: 920px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px 0;
    margin: 10px;
    float: left;
    border-radius: 3px;
    box-shadow: 0 1px 3px #CCC;
}

.cls_skusm {
    float: left;
    padding: 8px 6px;
    width: 25%;
}

.cls_maindiv1 {
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    width: 100%;
}

.PvTabel table tr {
    width: 950px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 0 10px;
    float: left;
    border-radius: 3px;
    box-shadow: 0 1px 3px #CCC;
}

    .PvTabel table tr td {
        width: 100%;
        float: left;
    }

.SubPvTabel {
    float: left;
    width: 1170px;
    padding: 0 15px;
}

.SpaceRes {
    width: 415px;
    float: left;
}

.PedAmunt {
    width: 280px;
    float: left;
}

    .PedAmunt label {
        float: left;
        color: #686666;
        font-size: 14px;
        margin: 2px 0 0 5px;
        width: 110px;
    }

    .PedAmunt strong {
        color: #686666;
        font-size: 15px;
        margin: 0 0 0 5px;
        float: left;
    }

.IvCount {
    float: left;
    width: 136px;
}

    .IvCount label {
        float: left;
        color: #686666;
        font-size: 13px;
        margin: 2px 0 0;
    }

    .IvCount strong {
        color: #686666;
        font-size: 15px;
        margin: 3px 0 0 5px;
        float: left;
    }

.ViewIButtn {
    float: right;
    width: 89px;
    height: 20px;
}

.SR_txt {
    float: left;
    color: #373737;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 5px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 86%;
    white-space: nowrap;
}

.cls_SR_txt1 {
    float: left;
    color: #373737;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 5px 0 0;
    width: 87%;
    line-height: 18px;
}

.SR_Number {
    float: left;
    color: #373737;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 1px 5px 0 0;
}

.InnerTabHeader {
    background: #f4f4f4;
    float: left;
    width: 100%;
    padding: 8px 0;
    border-top: 1px solid #ccc;
    margin: 10px 0 0;
}

.InneerTabelPv {
    float: left;
    width: 100%;
}

    .InneerTabelPv table {
        width: 100% !important;
    }

        .InneerTabelPv table tr {
            width: 100% !important;
            background: #fff!important;
            box-shadow: none!important;
            margin: 0!important;
            border-top: 1px solid #ccc!important;
            border-bottom: 0 none!important;
            border-left: 0 none!important;
            border-right: 0 none!important;
            padding: 10px 0!important;
            border-radius: 0!important;
        }

.maindiv {
    width: 99%;
    float: left;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-top: 10px;
}

.innrepart {
    width: 96%;
    float: left;
    margin: 15px 2%;
}

.maindiv_title {
    width: auto;
    float: left;
    font-size: 18px;
    color: #666;
    font-weight: 700;
}

.innerleft {
    width: 45%;
    float: left;
    padding-right: 3%;
    margin-top: 25px;
}

.innerright {
    width: 49%;
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 2%;
    margin-top: 25px;
}

.cr {
    clear: both;
}

.inputfild {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f2f3;
    padding: 8px 0;
}

.input_tile {
    width: 160px;
    float: left;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.input_details {
    width: 180px;
    float: left;
    font-size: 16px;
    color: #2663AA;
    font-family: 'Poppins', sans-serif;
}

.counter {
    font-size: 18px;
    font-weight: 700;
}

.Collected {
    color: #1667b0;
    font-size: 17px;
    font-weight: 700;
}

.righttop {
    border-bottom: 1px solid #f1f2f3;
    height: 185px;
}

.spicetitle {
    width: auto;
    float: left;
    font-size: 21px;
    color: #2663AA;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.spicesub {
    width: auto;
    float: left;
    font-size: 17px;
    color: #6d6c6c;
    font-family: 'Poppins', sans-serif;
}

.bagimg {
    width: 30px;
    float: left;
}

.bodernone {
    border: 0!important;
}

.wid_40 {
    float: left;
    width: 40%;
    margin: 10px 20px 10px 0;
}

    .wid_40 label {
        float: left;
        border: 1px solid #ccc;
        margin: 5px 0;
        height: 80px;
        box-shadow: 1px 1px 0 0 #E0E0E0;
        width: 180px;
        line-height: 60px;
        text-align: center;
    }

.selsummary {
    margin: 10px!important;
    height: 364px!important;
    border: 1px solid #d8d8d8;
}

    .selsummary .hgt .spnAmount {
        padding-top: 0!important;
    }

.unselsummary {
    margin-right: 13px!important;
}

.cls_reach {
    float: right;
    width: 66%;
    margin-bottom: 10px;
}

    .cls_reach ul {
        float: right;
        width: 100%;
    }

        .cls_reach ul li {
            float: right;
            width: 24.5%;
            list-style: none;
        }

            .cls_reach ul li img {
                width: auto;
                float: left;
                margin: 0 6px;
            }

            .cls_reach ul li span {
                width: auto;
                font-size: 12px;
                color: #737373;
                font-weight: 700;
                padding: 2px 0 0;
                float: left;
            }

.cls_wid21p {
    width: 22%!important;
}

.menuitem {
    position: relative;
    color: #fff!important;
}

    .menuitem .submenu {
        position: absolute;
        left: 150px;
        top: -4px;
        background: url(../images/subNavBg.png) repeat-x scroll 0 0 rgba(0,0,0,0);
        color: #fff;
        z-index: 99999;
        display: none;
    }

.#solidmenu li div {
    display: none;
}

.button12, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
    width: 85px!important;
    height: 38px;
    background: url(../Images/approve.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.cls_jpurney {
    float: right;
    width: 53%;
    margin-bottom: 10px;
}

    .cls_jpurney ul {
        float: right;
        width: 100%;
    }

        .cls_jpurney ul li {
            float: left;
            width: 33%;
            list-style: none;
        }

            .cls_jpurney ul li img {
                width: 20px;
                float: left;
                margin: 7px 6px 0;
            }

            .cls_jpurney ul li span {
                width: auto;
                font-size: 12px;
                color: #bdbdbd;
                font-weight: 700;
                padding: 2px 0 0;
                float: left;
            }

.cls_wid21p {
    width: 22%!important;
}

.cls_note {
    float: right;
    width: 49%;
    line-height: 18px;
    margin-bottom: 15px;
}

.cls_noteday {
    float: left;
    width: 100%;
}

.cls_wid32p {
    width: 32%!important;
}

.cls_wid25p {
    width: 25%!important;
}

.cls_martop10p {
    margin-top: 10px !important;
}

.cls_wid910p {
    float: left;
    width: 910px !important;
}

.cls_weekno1 {
    width: 7%;
    background: #f7f7f7;
    color: #EA83BE;
    border: 1px solid #ccc;
    text-align: center;
    border-width: 0 0 1px;
}

.cls_weekno {
    width: 5%;
    background: #fff;
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
    text-align: center;
}

.cls_weekno2 {
    width: 5%;
    background: #fff;
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
    text-align: center;
}

.newmenulist {
    width: 100%;
    float: left;
}

.mainlist {
    width: /*152px*/ 195px;
    float: right;
    margin-left: 8px;
    margin-top: 15px;
}

.listtitle {
    width: 100%;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 8px 0;
    color: #2663AA;
    background-position: 0 32px !important;
    background: url(../images/bottomnew.png);
    background-repeat: no-repeat;
    font-weight: 700;
}

.newmenulist ul {
    margin-top: 15px;
    width: 100%;
    float: left;
}

    .newmenulist ul li {
        width: 100%;
        float: left;
        margin: 4px 0;
        padding: 0;
        text-align: left;
    }

        .newmenulist ul li a {
            width: auto;
            float: left;
            line-height: 20px !important;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            padding: 0 !important;
            color: #353945;
        }

.wid190px {
    width: 190px!important;
}

.cls_weekno2 {
    width: 5%;
    background: #fff;
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
    text-align: center;
}

.button15 {
    width: 105px!important;
    height: 38px;
    background: url(../Images/Download_btn.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.button16 {
    width: 105px!important;
    height: 38px;
    background: url(../Images/downloadrefmaster.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.sendnoti {
    float: left;
    width: 96%;
    margin-left: 5%;
    margin-right: 0;
}

    .sendnoti a {
        width: 300px;
        background: url(../Images/send_new.png) no-repeat;
        border-radius: 8px;
        float: left;
        height: 50px;
        background-repeat: no-repeat;
    }

.sendnotiview {
    float: left;
    width: 95%;
    margin-left: 5%;
    margin-right: 0;
    margin-bottom: 20px;
}

    .sendnotiview a {
        width: 300px;
        background: url(../Images/View_Coustomer.png);
        border-radius: 8px;
        float: left;
        height: 50px;
        background-repeat: no-repeat;
    }

.notify {
    float: left;
    width: 98%;
    margin: 9px 0 9px 3px;
}

    .notify a {
        width: 100%;
        background: url(../Images/notify.png);
        border-radius: 8px;
        float: left;
        height: 50px;
        background-repeat: no-repeat;
    }

.tdnone a {
    text-decoration: none!important;
}

.tdnone img {
    top: 5px;
    position: relative;
}

.btnalign {
    width: 105px!important;
    height: 38px!important;
}

.wid175px {
    width: 175px!important;
}

.marginleft35px {
    margin-left: 35px!important;
}

.padrght {
    padding-right: 10px!important;
}

.padl5P {
    padding-left: 15px!important;
}

.padl0P {
    padding-left: 10px!important;
}

.cls_marb10p {
    margin-bottom: 10px!important;
}

.view {
    background: url(../images/view.png) no-repeat scroll 50% 50% rgba(0,0,0,0);
    float: left;
    height: 13px;
    width: 100%;
}

.addeditextarea {
    border: 1px solid #CCC;
    border-radius: 8px;
    box-shadow: 0 0 8px #F2F2F2;
    float: left;
    margin: 0 0 0 5px;
    padding: 5px 0;
    width: 98%;
}

.editview {
    float: left;
    margin: 0 0 0 2%;
    width: 98%;
}

.paddingleft40 {
    margin-right: 0!important;
    padding-left: 40px;
}

.review {
    text-align: right!important;
    width: 112px!important;
}

.marl5 {
    margin-left: 16px!important;
}

.reviwmew {
    float: left;
    margin: 0 0 0 20px;
    width: auto;
}

.fieldmainnew {
    float: left;
    margin-right: 2%;
    width: 500px;
}

.button22 {
    width: 105px!important;
    height: 38px;
    background: url(../Images/addnew.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.width25pt {
    float: left;
    width: 31%!important;
}

.wid100pnew {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.marginbtm {
    margin: 20px 0 10px 10px;
}

.addeditNew {
    background: none repeat scroll 0 0 #FFF!important;
    border: 1px solid #CCC;
    border-radius: 8px;
    box-shadow: 0 7px 0 0 #EFEFEF;
    float: left;
    margin: 0 0 20px 10px;
    padding: 5px 0;
    width: 955px;
}

.cls_gridtitlebox {
    width: 100%;
    float: left;
    border-bottom: 0 solid #e2e2e2; /*padding:13px 0 5px*/
    padding: 20px 0 0px;
}

.cls_bordrnew {
    float: left;
    width: 98%;
    border-bottom: 4px solid #e2e2e2;
    margin: 0 15px;
}

.cls_gridprt {
    margin: 0 15px;
    float: left;
    width: 98%;
}
.cls_ne_linking {color:#2663AA !important;text-decoration:underline;font-weight:700;
}
    .cls_ne_linking:hover {
        text-decoration:none !important;
    }
    .cls_marleft0p {
        margin-left: 0 !important;
        width: 945px !important;
    }

.cls_gridbmarleft0p {
    margin-left: 0!important;
    width: 945px!important;
    margin-bottom: 0!important;
}

.cls_main {
    float: left;
    width: 100%;
}

.cls_veiwmain_1 {
    float: left;
    width: 100%;
}

.cls_veiwmain {
    float: left;
    width: 50%;
}

.textbox1 {
    float: left;
}

.cls_borderbtm {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 3px;
}

.cls_formmain {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    float: left;
    margin: 15px 0 5px;
    padding: 10px;
    width: 933px;
}

.cls_veiwmain {
    border-right: 1px solid #CCC;
    float: left;
    margin: 0 0 0 35px;
    width: 42%;
}

.StepsMain {
    background-color: #E4E4E4;
    border-radius: 5px;
    float: left;
    margin: 15px 0 20px;
    min-height: 61px;
    padding: 8px;
    width: 97%;
}

    .StepsMain ul {
        float: left;
        margin: 0;
        padding: 0;
        width: 944px;
    }

        .StepsMain ul li {
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
            width: 163px;
        }

            .StepsMain ul li a {
                float: left;
                margin: 0;
                padding: 0;
                width: 163px;
            }

                .StepsMain ul li a img {
                    float: left;
                }

.widt_100p {
    float: left;
    width: 100%;
}

.marg_rght {
    margin-right: 3%;
}

.cont_main {
    float: left;
    width: 30%;
}

.gridheadernew1 {
    background: none repeat scroll 0 0 #2663AA;
    border-radius: 5px 5px 0 0;
    color: #FFF!important;
    float: left;
    font-size: 14px;
    padding: 8px 0;
    width: 100%;
}

.ck_input {
    float: left;
    text-align: center;
    width: 10%;
}

    .ck_input input {
        margin: 2px 0 0 5px;
    }

.ck_txt {
    margin: 0 0 0 5px;
    float: left;
    width: 80%;
}

.padd_25 {
    padding: 25px 0 0;
}

.width_24 {
    width: 19%!important;
}

.marg_rght_1 {
    margin-right: 1%;
}

.cont_main {
    float: left;
    width: 30%;
}

.heght_max_fix_26 {
    max-height: 240px;
    overflow-y: auto;
}

.CountryLabel {
    float: left;
}

.gridheader_bot {
    border: 1px solid #CCC;
    border-radius: 0 0 5px 5px;
    float: left;
    padding: 5px 0 12px;
    width: 99.2%;
}

    .gridheader_bot.CountryLabel.heght_max_fix_26 input {
        margin: 6px;
    }

    .gridheader_bot.CountryLabel.heght_max_fix input {
        margin: 6px;
    }

.heght_max_fix {
    max-height: 125px;
    overflow-y: auto;
}

.heght_max_fix_26 {
    min-height: 242px;
    overflow-y: auto;
}

.mrg0px {
    margin: 0!important;
}

.OrdersMain {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    float: left;
    margin: 0 0 15px;
    padding: 10px;
    width: 940px;
}

.OrderForm {
    float: left;
    margin: 5px 0 10px;
    width: 313px;
}

.OrderLabel {
    color: #737373;
    float: left;
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 6px;
    text-align: left;
    vertical-align: middle;
    width: 313px;
}

.OrderConter select {
    background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
    border: 0 none!important;
    color: #737373!important;
    float: left;
    margin: 7px 3px 3px;
    width: 282px!important;
}

.SubTittle {
    color: #2663AA;
    float: left;
    font-size: 24px;
    margin: 0;
    padding: 0 0 5px;
    width: 960px;
}

.OrderConter {
    background: url(../images/input.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    float: left;
    height: 32px;
    padding: 0 4px;
    text-align: left;
    width: 313px;
}

    .OrderConter input {
        background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
        border: 0 none!important;
        color: #737373!important;
        float: left;
        padding: 7px 3px 3px;
        width: 275px!important;
    }

.OrdSearch {
    float: left;
    margin: 24px 0 0;
    width: 35px;
}

.SearchBtn {
    background: url(../Images/s.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    border: 0 none;
    cursor: pointer;
    height: 40px;
    width: 35px;
}

.sideheading {
    color: #3E3E3E!important;
    float: left;
    font-size: 22px;
    padding: 10px 25px 5px;
    width: 51%;
}

.bgforside {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 10px;
    box-shadow: 2px 0 10px 0 #CDCDCD;
    float: left;
    margin: 20px 0;
    padding-top: 1%;
    width: 100%;
}

.SalesDashMain {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 0 0 10px 10px;
    float: left;
    padding: 1% 2%;
    width: 96%;
}

.Callmainnew {
    float: left;
    margin: 0 0 0 267px;
    width: 80%;
}

.Callmain1 {
    background-image: linear-gradient(#F7F7F7,#E8E8E8);
    border: 1px solid #DFDFDF;
    border-radius: 40px;
    box-shadow: 0 -2px 13px 0 #C3C3C3;
    cursor: pointer;
    float: left;
    font-size: 16px!important;
    margin: 0;
    padding: 15px 1% 14px;
    width: 52%;
}

.intiated {
    float: left;
    padding: 4px 0 0 20px;
    width: 300px;
}

.Callmain1 {
    cursor: pointer;
    font-size: 16px!important;
}

.intiate {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    border: medium none;
    color: #2663AA;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-weight: 700;
    width: auto;
}

.border {
    border: 1px solid #BBB;
    float: left;
    height: 25px;
    width: 0!important;
    border: 1px solid #BBB;
    float: left;
    height: 25px;
    width: 0!important;
}

.Filtercalmain {
    background-image: linear-gradient(#F7F7F7,#E8E8E8);
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    box-shadow: 0 1px 0 #FFF inset,0 1px 1px #B5B5B5;
    float: left;
    margin: 0 1.1%;
    padding: 15px 1%;
    width: 95.2%;
}

.Progressnew {
    float: left;
    font-size: 20px;
    padding: 12px 1px;
    width: 94%;
    color: #5D6164;
}

.newline {
    float: left;
    width: 49px;
}

.Filtercalmainlabel {
    float: left;
    width: 100px;
}

.repmiddlenewtar {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #EDEDED;
    border-radius: 7px;
    float: left;
    margin: 0 0 10px 25px;
    padding: 0;
    width: 950px;
}

.intiatetad {
    float: left;
    text-align: right;
    width: 28%;
}

.formcontrolnewud {
    float: left;
    margin: 0 0 0 30px;
    width: 61%;
}

.targettextuser {
    color: #434343;
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0;
    padding: 0;
    width: 100%;
}

.formcontroller {
    float: left;
    text-align: left;
    width: 150px;
}

    .formcontroller select {
        background: url(../images/input_bg.png) repeat-x scroll 0 0 rgba(0,0,0,0);
        border: 1px solid #CCC;
        border-radius: 8px;
        color: #737373!important;
        float: left;
        padding: 7px 10px;
        width: 150px;
    }

    .formcontroller input {
        background: url(../images/input_bg.png) repeat-x scroll 0 0 rgba(0,0,0,0);
        border: 1px solid #CCC;
        border-radius: 8px;
        color: #737373!important;
        float: left;
        padding: 7px 10px;
        width: 130px;
    }

.salesreportnew {
    float: left;
    width: 100%;
}

.salesreporttopnew {
    border-bottom: 1px solid #CCC;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 0 1px #FFF;
    float: left;
    height: 25px;
    margin: 0 1%;
    padding: 8px 0;
    width: 98%;
}

.targettextnew {
    color: #5A5A5A;
    float: left;
    font-size: 22px;
    font-weight: 700;
    padding: 0 0 10px 2%;
}

.salesreportbottom {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

.intiateta {
    float: left;
    margin: 10px 0;
    width: 100%;
}

.datefrm {
    color: #454545;
    float: left;
    font-size: 13px;
    padding-top: 5px;
    width: 50px;
    text-align: center;
}

.heght_400px {
    width: 225px!important;
}

.one_new_wdd {
    width: 500px;
}

.type_im {
    float: left;
    width: 460px;
}

    .type_im ul {
        float: left;
        width: 460px;
    }

        .type_im ul li {
            background: none repeat scroll 0 0 #FAFAFC;
            border: 1px solid #CFD6DA;
            border-radius: 4px;
            float: left;
            margin: 0 5px;
            padding: 0 0 5px;
            width: 80px;
            list-style: none;
        }

            .type_im ul li a {
                color: #2663AA;
                float: left;
                height: 60px;
                padding: 3px 0 6px;
                text-align: center;
                text-decoration: none;
                width: 80px;
                line-height: 13px;
            }

.img {
    background: url(../Images/item_level.png) no-repeat scroll 20px 38px rgba(0,0,0,0);
    float: left;
    height: 29px;
    width: 100%;
}

    .img:hover, .img_selected {
        background: url(../Images/item_level_g.png) no-repeat scroll 50% center rgba(0,0,0,0);
        background-position: 20px 38px;
    }

.img1 {
    background: url(../Images/structural.png) no-repeat scroll 50% center rgba(0,0,0,0);
    background-position: 20px 38px;
    float: left;
    height: 29px;
    width: 100%;
}

    .img1:hover, .img1_selected {
        background: url(../Images/structural_g.png) no-repeat scroll 50% center rgba(0,0,0,0);
        background-position: 20px 38px;
    }

.img2 {
    background: url(../Images/foc.png) no-repeat scroll 50% center rgba(0,0,0,0);
    background-position: 20px 38px;
    float: left;
    height: 29px;
    width: 100%;
}

    .img2:hover, .img2_selected {
        background: url(../Images/foc_g.png) no-repeat scroll 50% center rgba(0,0,0,0);
        background-position: 20px 38px;
    }

.img3 {
    background: url(../Images/bundle.png) no-repeat scroll 50% center rgba(0,0,0,0);
    background-position: 20px 38px;
    float: left;
    height: 29px;
    width: 100%;
}

    .img3:hover, .img3_selected {
        background: url(../Images/bundle_g.png) no-repeat scroll 50% center rgba(0,0,0,0);
        background-position: 20px 38px;
    }

.img4 {
    background: url(../Images/invoice.png) no-repeat scroll 50% center rgba(0,0,0,0);
    background-position: 20px 38px;
    float: left;
    height: 29px;
    width: 100%;
}

    .img4:hover, .img4_selected {
        background: url(../Images/invoice_g.png) no-repeat scroll 50% center rgba(0,0,0,0);
        background-position: 20px 38px;
    }

.cntr_text {
    text-align: center;
    float: left;
    width: 80px;
}

.type_im ul li a:hover {
    color: #F47321;
}

.No_Class_active {
    color: #F47321!important;
}

.new_bg_img {
    background: url(../Images/bac_bg.png) repeat scroll 0 0 rgba(0,0,0,0)!important;
}

.heght_150 {
    width: 150px!important;
}

.heght_80 {
    width: 137px!important;
}

.formcontrolnewudnew {
    float: left;
    margin: 0 0 0 30px;
    width: 45%;
}

.cls_wid170p {
    width: 165px!important;
}

.update_buttn {
    float: left;
    width: 110px;
    margin: 0 0 20px 43%;
}

    .update_buttn input {
        float: left;
        width: auto;
        padding: 0 2px;
        background: #2663AA;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700;
        border: 1px solid #2663AA;
        height: 33px;
        line-height: 33px;
        cursor: pointer;
    }

.cls_targetlevel {
    float: left;
    width: 150px;
    padding: 3px 0;
}

    .cls_targetlevel input {
        float: left;
        width: 30px;
    }

    .cls_targetlevel span {
        float: left;
        width: auto;
        font-size: 13px;
        padding: 0 0 0 5px;
    }

.cls_targetle {
    float: left;
    width: 400px;
    margin: 10px 0 0 25px;
}

.arrownew {
    float: left;
    width: 63px;
    text-align: center;
    cursor: pointer;
}

.sideheadcol {
    color: #2663AA!important;
}

.sideheadcol1 {
    color: #2663AA!important;
}

.cls_maincnt {
    background: #FFF;
    border-radius: 10px;
    float: left;
    margin: 0 1% 20px 15px;
    padding-top: 1%;
    width: 945px;
    border: 1px solid #ccc;
}

.cls_gridnew {
    width: 915px!important;
    margin: 0 0 0 10px;
}

.errorlbl {
    color: red;
    float: left;
    text-align: center;
}

.divforcst {
    width: 24%;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ebf0f5;
    padding: 5px;
    border: 1px solid #d3e0ec;
    height: 120px;
    margin-right: 10px;
}

.tilnam {
    color: #2663AA;
    width: 95%;
    padding: 2px;
    font-size: 16px;
    font-weight: 700;
    margin: 3px 0 5px 5px;
    float: left;
}

.txtdiv {
    width: 96%;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    padding: 15px 5px;
    border: 1px solid #d3e0ec;
    margin-top: 0;
}

.txtdivone {
    width: 94%;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    padding: 15px 5px;
    border: 1px solid #d3e0ec;
    margin-top: 5px;
    text-align: center;
    font-size: 35px;
    color: #454545;
    font-weight: 700;
}

.imgdiv {
    width: 20%;
    float: left;
    margin: 0 0 0 10px;
}

.divforcstone {
    width: 24%;
    float: left;
    border-radius: 10px;
    background: #ebf0f5;
    padding: 5px;
    border: 1px solid #d3e0ec;
    height: 120px;
    margin-right: 10px;
}

.txtfor {
    width: auto;
    float: left;
    text-align: center;
    font-size: 17px;
    color: #454545;
    padding: 0 10px;
}

.fltimg {
    width: auto;
    float: left;
}

.gridsecond {
    width: 16.55%;
    float: left;
    border: 1px solid #ccc;
    background: #8b949c;
    border-left: none;
    border-bottom: none;
}

.chktxt {
    width: auto;
    float: left;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 700;
    margin-top: 4px;
}

.chk {
    width: auto;
    float: left;
    position: relative;
    top: 6px;
    margin: 0 5px;
}

.tect_cenr {
    text-align: center;
}

.chkdiv {
    width: 150px;
    float: left;
    padding: 5px 0;
    margin-left: 5px;
}

.colo_diff {
    color: #878789!important;
}

.chkdiv chkSector {
    width: auto;
    float: left;
    position: relative;
    top: 6px;
    margin: 0 5px;
}

.chklist {
    width: 100%;
    float: left;
    background: #fff;
    height: 150px;
    border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
}

.btmimg {
    width: auto;
    float: left;
    position: relative;
    top: -7px;
    margin-left: 37px;
}

.fl {
    float: left;
}

.chk lable {
    width: auto;
    float: left;
    color: #4d4d4d;
    font-size: 15px;
}

.GridNewMain {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 30px;
}

.firstrow {
    color: #454545;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin-left: 10px;
    width: 51%;
    padding: 3px 0 0;
    font-weight: bold;
}

.BlwTraget {
    float: left;
    width: 170px;
    padding: 0;
}

    .BlwTraget p {
        width: auto;
        font-size: 13px;
        font-weight: 700;
        line-height: 14px;
        padding: 0 0 10px;
    }

.boxshd {
    border: 1px solid #CCC;
    border-radius: 5px;
    float: left;
    padding: 0;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset #fff 0 1px 0px,0 1px 1px #B5B5B5;
    -webkit-box-shadow: inset #fff 0 1px 0px,0 1px 1px #B5B5B5;
    -moz-box-shadow: inset #fff 0 1px 0px,0 1px 1px #B5B5B5;
    border: 1px solid #DFDFDF;
    border-bottom: 0 none;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f7f7f7),color-stop(100%,#e8e8e8));
    background-image: -webkit-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: -moz-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: -o-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: linear-gradient(#f7f7f7,#e8e8e8);
    margin-top: 15px;
}

.cls_bordernew1 {
    float: left;
    width: 895px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 0 39px;
}

.Target_txt {
    width: 51%;
    float: left;
    font-size: 14px;
    padding: 6px 0 0 10px;
    color: #4d4d4d;
    font-weight: 700;
}

.padt24 {
    padding-top: 26px!important;
}

.cls_addeditpro {
    background: #FCFCFC;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    color: #373737!important;
    float: left;
    height: auto;
    margin-top: 0;
    padding: 0 10px;
    width: 950px;
}

.popup_ba_white {
    width: 95%;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    padding: 10px 2.5%;
    background-image: url(../Images/closeicon.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.brand_grid {
    float: left;
    width: 100%;
}

.brand_grid_ul_li {
    float: left;
    background: #2663AA;
    width: 99.8%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}

.ndew_border_l {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
}

.ndew_border_r {
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 px;
}

.ndew_border_u {
    border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
}

.ndew_border_d {
    border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
}

.brand_grid_row {
    float: left;
    width: 100%;
}

.brand_grid_row_ul_li {
    float: left;
    width: 98.8%;
    font-size: 14px;
    color: #444;
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px 0;
}

.bor_rfh_none {
    border-left: 0!important;
}

.brand_grid_ninn > input {
    border: 1px solid #ccc;
    width: 50%;
    padding: 5px;
}

.brand_grid_row {
    border: 1px solid #ccc;
    width: 50%;
    padding: 5px;
}

.bord_none_oth {
    border-top: 0!important;
}

.padd_imp {
    padding: 10px 0!important;
}

.table-scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    width: 1400px;
}

.brand_grid_row_ul_li > input {
    border: 1px solid #ccc;
    width: 50%;
    padding: 5px;
}

.brand_grid_left {
    float: left;
    width: 15%;
}

.brand_grid_right {
    float: left;
    width: 83.5%;
}

.brand_grid_ninn {
    float: left;
    width: 99.8%;
    font-size: 14px;
    color: #444;
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px 0;
}

.new_small_wid {
    float: left;
    width: 10%;
}

.margi_r25 {
    margin-right: 4.5%;
}

.wid_45 {
    width: 45%;
}

.wid_40p {
    width: 33%;
}

.new_small_wid11 {
    float: left;
    width: 8.3%;
}

.first_division {
    float: left;
    width: 98%;
    background: #CCCCCC;
}

.second_division {
    float: left;
    width: 98%!important;
    margin: 1%!important;
    border: 1px solid #ccc;
}

.third_division {
    float: left;
    width: 98%!important;
    margin: 1%!important;
    border: 1px solid #ccc;
}

.fourth_division {
    float: left;
    width: 98%!important;
    margin: 1%!important;
    border: 1px solid #ccc;
}

.fifth_division {
    float: left;
    width: 98%!important;
    margin: 1%!important;
    border: 1px solid #ccc;
}

.sixth_division {
    float: left;
    width: 98%!important;
    margin: 1%!important;
    border: 1px solid #ccc;
}

.popsloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=20);
    display: none;
    z-index: 10;
    text-align: center;
}

#divProgress > img {
    position: absolute;
    top: 300px;
}

.grid_color_heading0 {
    background: #DAEEDA !important;
}

.grid_color_heading {
    background: #f1f2f3 !important;
}

.grid_color_headingdiv {
    background: #f1f2f3 !important;
}

.grid_color_heayellow {
    background: #FFFFCE !important;
}

.grid_color_heaviolew {
    background: #FFE5FF !important;
}

.grid_color_graylew {
    background: #F9FFFB !important;
}

.marg_lrfy {
    text-align: center;
}

.new_box_fixed {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    color: #373737!important;
    float: left;
    margin-top: 0;
    padding: 10px 10px 6px;
    width: 923px;
    margin-left: 15px;
    margin-top: 20px;
}

.ApproveBtn {
    background-image: url(../Images/ApproveButton.png)!important;
    background-repeat: inherit!important;
    width: 101px!important;
    height: 31px;
    border: 0;
    cursor: pointer;
    margin: 0;
}

.RejectBtn {
    background-image: url(../Images/RejectButton.png)!important;
    background-repeat: inherit!important;
    width: 101px!important;
    height: 31px;
    border: 0;
    cursor: pointer;
    margin: 0;
}

.PendingBtn {
    background-image: url(../Images/reassignbtn.png)!important;
    background-repeat: inherit!important;
    width: 101px!important;
    height: 31px;
    border: 0;
    cursor: pointer;
    margin: 0;
}

.padt12 {
    padding-top: 12px!important;
}

.grid_view_sales {
    float: left;
    width: 75%;
    margin: 1.5% 12%;
    border: 1px solid #ccc;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}

.grid_view_salesb {
    float: left;
    width: 17%;
    margin: .5% 1% .5% 1.6%;
    border: 1px solid #ccc;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}

.sales_brand_im {
    float: left;
    text-align: center;
    width: 100%;
}

.sales_brand_text {
    float: left;
    color: #2663AA;
    width: 97%;
    margin-left: 2%;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.grid_view_sales:hover {
    border: 1px solid #2663AA;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    color: #2663AA;
}

.grid_view_sales a:hover {
    color: #2663AA;
}

.cls_InActiveCl {
    float: right;
    width: 15%;
    margin: 0 1%;
}

    .cls_InActiveCl a {
        float: left;
        width: 100%;
        padding: 5px;
        color: #000;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background: url(../images/cross11.png) no-repeat scroll 12% center #FFC9CC!important;
        text-align: center;
    }

.cls_ActiveCl {
    float: right;
    width: 15%;
    margin: 0 2%;
}

    .cls_ActiveCl a {
        float: left;
        width: 100%;
        padding: 5px;
        background: url(../images/arrownew.png) no-repeat scroll 6% center #E4FFE4!important;
        text-align: center;
        color: #000;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

.ui_tpicker_time {
    padding-left: 8px;
}

.ui_tpicker_time_label {
    padding-left: 8px;
}

.padtop8p {
    float: left;
    padding-top: 8px;
    width: auto;
}

.wid300_mglft45 {
    margin-left: 45px;
    width: 300px;
}

.FieldBackground {
    background: #FCFCFC;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    color: #373737!important;
    display: block;
    float: left;
    height: auto;
    padding: 10px;
    width: 95.1%;
    margin: 0 1.5%;
}

.TopMenuBox {
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    float: left;
    height: 80px;
    margin: 0 2px;
    width: 24.5%;
    box-shadow: 2px 2px 5px #CCC;
    -moz-box-shadow: 2px 2px 5px #CCC;
    -ms-box-shadow: 2px 2px 5px #CCC;
}

.One {
    background: none repeat scroll 0 0 #5BC3EA;
}

.Two {
    background: none repeat scroll 0 0 #88c700;
}

.Three {
    background: none repeat scroll 0 0 #3ac3a9;
}

.Four {
    background: none repeat scroll 0 0 #ffa23f;
}

.TopMenuBox label {
    color: #FFF;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    padding: 10px;
    width: 89%;
}

.TopMenuBox span {
    color: #FFF;
    float: right;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
    margin-top: 10px;
    text-align: right;
    width: auto;
}
.TopMenuBox span2 {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
    margin-top: 10px;
    text-align: right;
    width: auto;
}

.wid300_mglft45 {
    margin-left: 45px;
    width: 300px;
}

.cls_btnmainmargin {
    float: left;
    text-align: center;
    width: 25%;
    margin: 0px 38%;
}

.Common_Button {
    float: left;
    margin: 0 10px;
    width: 38%;
}

    .Common_Button input {
        float: left;
        width: 98%;
        background: #2663AA;
        padding: 7px 5px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border: 0px none;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
        margin-right: 7px;
    }

.wid300_mglft45 {
    margin-left: 45px;
    width: 300px;
}

.cls_maindivnew {
    float: left;
    margin: 10px 15px;
    width: 945px;
}

.cls_visible {
    float: left;
    width: 100%;
}

.cls_visible {
    float: left;
    width: 70%;
}

    .cls_visible span {
        float: left;
        width: 75%;
        font-size: 15px;
        color: #2663AA;
        padding: 8px 0 15px 0;
        text-align: right;
        font-weight: bold;
    }

.cls_visible1 {
    float: left;
    width: 30%;
}

    .cls_visible1 span {
        float: left;
        width: 100%;
        font-size: 15px;
        color: #2663AA;
        padding: 10px 0;
        text-align: center;
        font-weight: bold;
    }

.cls_maindivprt {
    background: #fcfcfc;
    border: 1px solid #E5E5E5;
    color: #373737 !important;
    float: left;
    border-radius: 8px;
    height: auto;
    margin-top: 0px;
    padding: 0 10px;
    width: 925px;
}

.formcontrollab {
    float: left;
    width: auto;
}

    .formcontrollab label {
        float: left;
        width: auto;
        font-size: 14px;
        color: #2663AA;
        font-weight: bold;
        padding: 7px 0;
    }

.cls_terms {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}

.cls_terms1 {
    float: left;
    width: 100%;
    color: #2663AA;
    font-size: 14px;
    line-height: 25px;
}

.formcontrolapp {
    width: 100%;
    float: left;
    text-align: left;
    height: 34px;
    padding: 0 4px;
    background: none;
}

    .formcontrolapp input {
        width: 96%!important;
        color: #737373!important;
        border: 1px solid #CCC;
        border-radius: 4px;
        box-shadow: -1px 0 8px 0 #DDE1E4 inset;
        float: left;
        padding: 7px 3px;
    }

.formcontrolapp1 {
    width: 100%;
    float: left;
    text-align: left;
    height: 34px;
    padding: 0 4px;
    background: none;
}

    .formcontrolapp1 input {
        width: 50%!important;
        color: #737373!important;
        border: 1px solid #CCC;
        border-radius: 4px;
        box-shadow: -1px 0 8px 0 #DDE1E4 inset;
        float: left;
        padding: 5px 3px;
    }

.formfieldapp {
    width: 100%;
    float: left;
    margin: 0 0 10px;
}

.cls_maindivprtapp {
    background: #fcfcfc;
    border: 1px solid #E5E5E5;
    color: #373737 !important;
    float: left;
    border-radius: 8px;
    height: auto;
    margin-top: 0px;
    padding: 0 3%;
    width: 94%;
}

.formlabelapp {
    vertical-align: middle;
    width: 100%;
    float: left;
    margin-right: 5px;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    color: #454545;
    padding: 0 0 6px;
    margin-top: 8px;
    text-align: left;
}

.cls_marleft0p1 {
    margin-left: 0!important;
    width: 100% !important;
}

.grid1 {
    border: 1px solid #DBDBDB;
    width: 100%;
    color: #716558;
    border-width: 0;
    margin: auto;
}

.gridtop11 {
    width: 100%;
    float: left;
    text-align: left;
    height: 9px;
    margin-left: 7px;
    border-radius: 6px 6px 0 0;
    background: #2663AA;
}

.cls_gridbmarleft0p11 {
    margin-left: 0!important;
    width: 100%!important;
    margin-bottom: 0!important;
}

.gridmain11 {
    width: 100%;
    float: left;
    padding: 0;
    min-height: 300px;
    margin: 25px 0 20px;
}

.cls_maindivprt11 {
    background: #fcfcfc;
    border: 1px solid #E5E5E5;
    color: #373737 !important;
    float: left;
    border-radius: 8px;
    height: auto;
    margin-top: 0px;
    padding: 0 1%;
    width: 98%;
}

.formmain1 {
    float: left;
    width: 100%;
    padding: 15px 0 15px 0px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.gridheadernewapp {
    background: #2663AA;
    color: #FFF!important;
    font-size: 13px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    width: 100%;
}

.formcontrolapp11 {
    width: 100%;
    float: left;
    text-align: left;
    height: 70px;
    padding: 0 4px;
    background: none;
}

    .formcontrolapp11 textarea {
        width: 50%!important;
        color: #737373!important;
        border: 1px solid #CCC;
        border-radius: 4px;
        box-shadow: -1px 0 8px 0 #DDE1E4 inset;
        float: left;
        padding: 5px 3px;
        height: 50px;
    }

.pointer {
    cursor: pointer;
}


/*Jquery-ui.min*/

/*! jQuery UI - v1.11.1 - 2014-08-13
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/*
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{text-align:center; border:1px solid #DDDDDD;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#333}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #9B9B9B;background:#C4C9C2;color:#fff;}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{text-align:center; border:1px solid #bbe8a4;background:#a7aca5;color:#fff;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #bbe8a4;background:#C4C9C2;color:#fff;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{/*background-image:url("images/ui-icons_ffffff_256x240.png")*/ }

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png");
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

.ui-widget-overlay {
    background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px;
}




/*Add Edit Survey Question*/
.newinnermenu {
    width: 100%;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    margin: 20px 0px 0px 0px;
}

    .newinnermenu ul {
        list-style: none;
        float: left;
        width: 100%;
    }

        .newinnermenu ul li {
            float: left;
            width: 212px; /*background:url("../Images/11.png") repeat-x scroll 0 0 / 100% auto rgba(0, 0, 0, 0);*/
            height: 38px;
            margin-left: 8px;
        }

            .newinnermenu ul li a {
                text-decoration: none;
                color: #000;
                font-size: 15px;
                line-height: 41px;
                text-align: center;
                width: 100%;
                float: left;
            }


.TabBottom {
    float: left;
    width: 98% !important;
    border: 1px solid #ccc;
    padding: 1%;
    border-radius: 5px 5px 0 0;
}

.TabField {
    color: #000;
    float: left;
    font-size: 11px;
    margin: 0px;
    width: 98%;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    padding: 5px 3px;
    text-align: left;
}

.psc_table {
    float: left;
    width: 915px;
}

    .psc_table tr {
        float: left;
        width: 913px;
        padding: 5px 0;
        border-bottom: 1px solid #ccc;
    }

        .psc_table tr th {
            float: left;
            width: 226px;
        }

        .psc_table tr td {
            float: left;
            width: 226px;
            border-bottom: 0px none;
        }

.Popup_field {
    color: #000;
    float: left;
    font-size: 11px;
    margin: 5px 0;
    width: 95%;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    padding: 5px 3px;
    text-align: left;
}

.popup_ok_btn {
    float: left;
    width: auto !important;
}

    .popup_ok_btn input {
        background: #2663AA;
        color: #FFFFFF;
        float: left;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        width: auto;
        border-radius: 5px;
        padding: 5px 10px;
        border: 0px none;
        margin: 0 2px;
    }

#tblColumns {
    float: left;
    width: 100%;
}

    #tblColumns tr {
        float: left;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #ccc;
        height: 25px;
    }

        #tblColumns tr th {
            float: left;
            width: 98%;
            padding: 5px;
        }

        #tblColumns tr td {
            float: left;
            width: 98%;
            border-bottom: 0px none;
            padding: 0 0 0 5px;
        }

/* for table */
.tablemain {
    float: left;
    width: 964px;
    max-height: 300px;
    overflow: auto;
}

.tblheader {
    float: left;
    background-color: blue;
    color: white;
    width: 100%;
}

.tblheadercolumn {
    float: left;
    width: 300px !important;
    color: white !important;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tblrow {
    float: left;
    color: black;
    width: 100%;
    border-bottom: 1px solid black;
}

.tblrowcolumn {
    float: left;
    width: 300px !important;
    color: black !important;
    border-right: 1px solid black;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#tblColumns tr td {
    float: left;
    width: 98%;
    border-bottom: 0px none;
    padding: 0 0 0 5px;
}

.pad7 {
    padding: 7px 0 8px 0px;
}

.pad71 {
    padding: 7px 0 8px 0px;
}

.cls_orderno {
    color: #059609 !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.cls_closebtnclearcustomer {
    background: url("../Images/Crossmew.png") no-repeat scroll 0 0 transparent;
    background-position: center center;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    height: 12px;
    width: 12px;
    border: 0px solid;
    float: left;
    padding: 6px 2px 2px 2px !important;
    color: #3c3c3c;
    left: -20px;
    padding-top: 6px;
    position: relative;
    top: 4px;
}

.cls_gridrownew {
    background: #FFFFFF;
    border: 1px solid #ccc !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0px 2px 1px #CCCCCC;
    float: left;
    padding: 6px 0 6px;
    margin: 6px 0 0 0;
    font-weight: bold;
    color: #333333;
}

    .cls_gridrownew td {
        border: 0px solid !important;
        line-height: 18px;
    }

.cls_griddetails {
    color: #333 !important;
    font-size: 12.5px;
    width: 100px;
    line-height: 20px;
    font-weight: bold;
}

.cls_ordernwe {
    color: #767370 !important;
    text-decoration: underline !important;
    font-weight: bold !important;
    line-height: 20px;
}

.cls_griddetailstatus {
    color: #333 !important;
    font-size: 13px;
    width: 140px;
    line-height: 20px;
    font-weight: bold;
}

.cls_gridrownew1 {
    background: #FFFFFF;
    border: 1px solid #ccc !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0px 2px 1px #CCCCCC;
    float: left;
    padding: 6px 0 6px;
    margin: 6px 0 0 0;
    width: 943px;
    font-weight: 600;
    color: #333333;
    line-height: 18px;
}

.cls_gridrownew2 {
    background: #FFFFFF;
    border: 1px solid #ccc !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0px 2px 1px #CCCCCC;
    float: left;
    padding: 6px 0 6px;
    margin: 6px 0 0 0;
    width: 100%;
    font-weight: bold;
    color: #333333;
    line-height: 18px;word-wrap:break-word;
}

    .cls_gridrownew2 td {
        border: 0px solid !important;
    }

.cls_gridrownew12 {
    background: #FFFFFF;
    border: 1px solid #ccc !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0px 2px 1px #CCCCCC;
    float: left;
    padding: 6px 0 6px;
    margin: 6px 0 0 0;
    width: 955px;
    font-weight: bold;
    color: #333333;
}

    .cls_gridrownew12 td {
        border: 0px solid !important;
    }

.cls_gridrownew1 td {
    border: 0px solid !important;
    word-wrap: break-word;
}

.cls_width915 {
    width: 915px;
    height: 32px;
}

.cls_height25 {
    height: 25px;
}

.cls_griddetailsnew {
    color: #333 !important;
    font-size: 13px;
    width: 220px;
    line-height: 20px;
    font-weight: bold;
    float: left;
}

.cls_chkmar {
    margin: 10px;
}

.cls_gridrownew3 {
    background: #FFFFFF;
    border: 1px solid #ccc !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0px 2px 1px #CCCCCC;
    float: left;
    padding: 6px 0 6px;
    margin: 12px 0 0 0;
    width: 100%;
    font-weight: bold;
    color: #333333;
}

.cls_padleft10p {
    padding-left: 10px !important;
}

.Headerhight {
    height: 25px;
}

.cls_wordbrk {
    word-wrap: break-word;
    line-height: 20px;
}


.UpdateSmallBtn {
    background: url(../images/UpdateSmallBtn.png) no-repeat scroll 0 0;
    width: 105px;
    height: 32px;
    border: 0px none;
    float: left;
    text-decoration: none;
}

.ModifySmallBtn {
    background: url(../images/ModifySmallBtn.png) no-repeat scroll 0 0;
    width: 91px;
    height: 29px;
    border: 0px none;
    float: left;
    text-decoration: none;
    margin: 0 20px 0 56px;
}

.SaveSmallBtn {
    background: url(../images/SaveSmallBtn.png) no-repeat scroll 0 0;
    width: 91px;
    height: 29px;
    border: 0px none;
    float: left;
    text-decoration: none;
    margin: 0px 5px;
}

.CancelSmallbtn {
    background: url(../images/CancelSmallbtn.png) no-repeat scroll 0 0;
    width: 91px;
    height: 29px;
    border: 0px none;
    float: left;
    text-decoration: none;
    margin: 0px 5px;
}

.InputShare {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    -webkit-box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    -ms-box-shadow: -1px 0 8px 0 #DDE1E4 inset;
    color: #333333;
    float: right;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 3px;
    text-align: right;
    width: 75%;
}

/**/
.padd_0_R {
    padding-bottom: 0px;
}

.for_cntrl_R {
    background: none;
    margin-left: -3px;
    width: 204px;
}

.button_export_r {
    color: #e07c84 !important;
    position: relative;
    top: -6px;
    padding: 0 5px 0 0;
    text-decoration: none;
    font-weight: normal;
}

.export_r {
    margin: 0px 5px;
    position: relative;
    top: 4px;
}

.export_topdf_r {
    padding-top: 0px;
    color: #8cab22 !important;
    font-weight: bold;
    float: right;
    position: relative;
    top: -6px;
    text-decoration: none;
    font-weight: normal;
}

.neew_grdprt_r {
    margin: 0 15px;
    width: 952px;
}

.new_inr_grd_r {
    float: left;
    width: 100%;
    margin: 10px 0 9px;
}

.omr_r {
    font-size: 16px;
    margin-left: 0px;
    float: right;
    margin-right: 10px;
    padding-top: 25px;
}

.font_weight_bold {
    font-weight: bold;
}

.topmenu_label_r {
    font-size: 15px;
    font-weight: bold;
}

.applicable_r {
    margin: 0 0px 1px 0;
    float: right;
    font-weight: bold;
    width: auto;
}

.colo_56 {
    color: #2663AA;
}

.margin_1518_r {
    margin: 15px 0 0 18px !important;
}

.new_grdlnk_r {
    margin: 5px 7px 10px 18px !important;
    float: right;
    width: auto;
}

.float_right_r {
    float: right;
}

.no_record_r {
    width: 100%;
    margin: 0px;
    border-style: none;
}

.for_grid_r {
    cursor: pointer;
    padding: 2px 11px;
}

.kr_widt_r {
    width: 90%;
    float: left;
}

.widy_30_r {
    width: 30%;
    line-height: 22px;
}

.sr_txt_r {
    width: 70%;
    cursor: pointer;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widt_18_r {
    width: 20% !important;
}

.wdith_auto_r {
    cursor: pointer;
    width: auto !important;
}

.widt_26_r {
    width: 26% !important;
}

.view_p_r {
    width: 10%;
    float: left;
    margin: 5px 0;
}

.mst_r {
    width: 96%;
    float: left;
    margin-left: 30px;
}

.cursor_p_r {
    cursor: pointer;
}

.fl_l_wid_r {
    float: left;
    width: 100%;
}

.with_r {
    margin-left: -3px;
    width: 204px;
}

.gred_lin_n_r {
    margin: 10px 0 13px 1.5%;
    width: 62%;
}

.colo_37 {
    color: #373737;
}

.colo_e07 {
    color: #e07c84;
    font-weight: normal;
}

.div_grid_opt_r {
    margin: 5px 9px 10px 0;
    float: right;
    font-weight: bold;
    width: auto;
}

.exp_exc_r {
    margin: 0 5px;
    font-weight: bold;
    color: #7d7b90;
}

.colo_8ca {
    color: #8cab22;
    font-weight: normal;
}

.stats_new_r {
    padding: 0px !important;
    width: 100% !important;
    margin-bottom: 20px;
}

.marg_l_b_r {
    margin-bottom: 0px !important;
    margin-left: 15px !important;
}

.for_li_r {
    background: none repeat scroll 0 0 #d89e23 !important;
    border: 0px !important;
    border-radius: 4px !important;
    width: 192px !important;
    margin-right: 11px;
}

.for_li1_r {
    background: none repeat scroll 0 0 #1bbec5 !important;
    border: 0px !important;
    border-radius: 4px !important;
    width: 192px !important;
    margin-right: 11px;
}

.for_li2_r {
    background: none repeat scroll 0 0 #e17c5e !important;
    border: 0px !important;
    border-radius: 4px !important;
    width: 192px !important;
    margin-right: 11px;
}

.for_li3_r {
    background: none repeat scroll 0 0 #7bae22 !important;
    border: 0px !important;
    border-radius: 4px !important;
    margin-right: 0;
    width: 192px !important;
}

.for_h3_r {
    font-size: 18px;
    float: right;
    margin: 0 10px 0 0px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 30px;
    width: auto;
}

.cash_s_r {
    font-size: 16px;
    width: auto;
    padding-bottom: 10px;
    margin-left: 0px;
}

.for_toal_a_r {
    width: auto;
    float: right;
    padding: 0 30px 0 0;
}

.for_hiegt_r {
    height: 32px;
}

.mar_0_widt_65 {
    margin: 0px;
    width: 1190px;
}

.colo_n_ma_r {
    color: #2663AA;
    margin-left: 10px;
}

.grd_lnk_r {
    width: auto;
    padding-top: 7px;
}

.exc_exp_r {
    margin-left: 10px;
    color: #8cab22;
    font-weight: normal;
    float: right;
}

.cph_Options_r {
    float: right;
    width: auto;
    padding-top: 5px;
}

.div_menu_r {
    width: 9%;
    float: right;
    margin-right: 0px;
    margin-top: 3px;
}

.div_Chart_r {
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}

.line_hgt_r {
    line-height: 0px;
}

.div_Content_r {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 3px;
}

.bor_rads_text_r {
    border-radius: 2px;
    text-align: right;
    cursor: pointer;
    background: #2663AA;
}

.bo_mediuno_r {
    border: medium none;
    padding: 3px;
}

.new_ser_man_r {
    background: #fff;
    padding-bottom: 0px;
}

.red_mar_r {
    color: red;
    margin-left: 15px;
}

.lnkShowCustomers_r {
    color: #2663AA;
    text-decoration: underline;
    cursor: pointer;
}

.imp_padd_r {
    width: auto;
    padding-top: 31px !important;
}

.search_crit_r {
    float: left;
    width: auto;
    padding: 10px 0 5px 11px;
}

.spanGridOptions_r {
    float: right;
    width: auto;
    padding: 8px 10px 5px 0;
}

.showcase_r {
    float: left;
    width: 40%;
    padding: 8px 0;
}

.width_40_r {
    float: left !important;
    width: 40% !important;
    margin: 0 !important;
}

.width_60_r {
    float: left;
    width: 50% !important;
    margin: 0 !important;
}

.showcase_r_r {
    float: left;
    width: 60%;
    padding: 6px 0;
}

.mar_0_wdit_rr {
    margin-right: 0 !important;
    width: 281px !important;
}

.mar_15px_r {
    margin: 15px !important;
}

.err_new_r {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 943px;
}

.u_view_r {
    float: right;
    width: auto;
    margin: 4px 14px 0 0;
}

.n_u_grdln_r {
    width: auto !important;
    margin-left: 0px !important;
    float: right;
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}




.HaderAgency {
    background: none repeat scroll 0 0 #F1F2F3;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #454545;
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}

.Agency {
    float: left;
    padding: 10px 0;
    width: 18%;
}

.Brand {
    float: left;
    padding: 10px 0;
    width: auto;
    border-left: 3px solid #CCCCCC;
}

.SalesBrnd {
    color: #454545;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5%;
    width: 95%;
}

.ChkBox {
    float: left;
    width: 20%;
    background: #E2E2E2;
    padding: 34px 0;
    text-align: center;
}

.selectedAgencyChk {
    border: #454545 solid 1px !important;
}

.ChkBoxCHK {
    background: #454545 !important;
}

.itembox {
    height: 100px !important;
}

.posrel_left10p {
    left: -10px !important;
    position: relative !important;
    top: -2px !important;
}

.grid_wid40p {
    width: 40%;
}

.new_wid235p {
    width: 235px;
}


.cls_padleft15p {
    padding-left: 10px !important;
}

#lnkShowCustomers {
    float: left;
}

#cphContent_lblRole {
    margin-top: 7px;
    float: left;
}


/*Add edit custmorgroup */
#fade {
    background-color: #000 !important;
    display: none;
    height: 100% !important;
    left: 0 !important;
    opacity: 0.2 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 10 !important;
}


.gridtop {
    width: 100%;
}

.button1 {
    width: 110px !important;
}

.button {
    width: 110px !important;
}

.cls_martop5p {
    margin-top: 5px;
}

.edit {
    width: 110px !important;
}

.AddCus_tabel {
    float: left;
    width: 467px;
}

    .AddCus_tabel tr {
        float: left;
        width: 447px;
        padding: 7px 8px 7px 9px !important;
        border-bottom: 1px solid #E6E6E6;
        border-top: 0 none;
        border-left: 0 none;
        border-right: 0 none;
    }

        .AddCus_tabel tr td {
            float: left;
            width: 447px;
            border: 0 none;
            line-height: 24px;
        }

            .AddCus_tabel tr td div {
                float: left;
                width: 270px;
            }

            .AddCus_tabel tr td span {
                float: left;
                margin: 0 2px 0 0;
                width: 55px;
            }

            .AddCus_tabel tr td label {
                float: left;
                width: 85px;
            }

    .AddCus_tabel tr {
        float: left;
        width: 447px;
        padding: 7px 8px 7px 9px !important;
        border-bottom: 1px solid #E6E6E6;
        border-top: 0 none;
        border-left: 0 none;
        border-right: 0 none;
    }

        .AddCus_tabel tr td {
            float: left;
            width: 447px;
            border: 0 none;
            line-height: 24px;
        }

            .AddCus_tabel tr td div {
                float: left;
                width: 270px;
            }

            .AddCus_tabel tr td span {
                float: left;
                margin: 0 2px 0 0;
                width: 55px;
            }

            .AddCus_tabel tr td label {
                float: left;
                width: 85px;
            }

.active_lightGreen {
    background: #F0F0F0 !important;
    border: 0px none;
}

.ui-selected {
    background: #F0F0F0 !important;
    border: 0px none;
}

.ui-selecting {
    background: #F0F0F0 !important;
    border: 0px none;
}

.buttonDone {
    background: url(../Images/done.png) no-repeat;
    border: 0;
    cursor: pointer;
}
/*Add edit custmorgroup */

/*Administration */

.GridSelection {
    width: 97% !important;
    margin-left: 16px !important;
}

.gridChk checkbox {
    margin-top: 10px;
}

.new_slidea new_slideaNew {
    width: 235px !important;
    float: left;
}

.user_name user_nameNew {
    float: left;
    width: 76px;
    margin-top: 9px;
}

.filter_newPosition {
    top: 0px !important;
    left: -6px !important;
    position: relative !important;
}

.Pop_up_main.cls_Pop_up_main {
    top: 60px !important;
}

.cls_Pop_up_mainNew {
    position: fixed !important;
    left: 30px !important;
    top: 230px !important;
}

.Pop_up_mainNew {
    position: fixed !important;
    left: 165px !important;
    top: 150px !important;
}


.Arrownotation {
    transform: matrix(0.778,-0.500,0.778,0.500,-15.556,55.000);
    -webkit-transform: matrix(0.778,-0.500,0.778,0.500,-15.556,55.000);
    -ms-transform: matrix(0.778,-0.500,0.778,0.500,-15.556,55.000);
    -moz-transform: matrix(0.778,-0.500,0.778,0.500,-15.556,55.000);
    -o-transform: matrix(0.778,-0.500,0.778,0.500,-15.556,55.000);
    transform-origin: 25px 4px;
    -webkit-transform-origin: 25px 4px;
    -ms-transform-origin: 25px 4px;
    -moz-transform-origin: 25px 4px;
    -o-transform-origin: 25px 4px;
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -moz-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -o-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    background-color: #454545;
    float: left;
    height: 20px;
    margin-top: -22px;
    overflow: hidden;
    width: 20px;
}

.sales_brand_imNew {
    float: left;
    margin: 3% 5% 1% 5%;
    text-align: left;
    width: 90%;
}

.abc button {
    margin-left: 0px !important;
    width: 208px !important;
}

.formrepeatMargin {
    margin: 20px 0 10px;
}

.padl5 a, .pl20 a {
    color: #716558;
    float: left;
    text-decoration: underline;
    width: 100%;
}

/*Administration */

/*Compasstylessnew */

.filtercal {
    float: left;
    width: 23%;
    margin: 10px 1%;
}

.cls_borderRed {
    border: 1px solid #FF0000 !important;
}

.Filtermain {
    float: left;
    margin: 0 1.1%;
    padding: 15px 1%;
    width: 95.1%;
}

    .Filtermain label {
        float: left;
        width: 75%;
        padding: 1px 0%;
        font-size: 12px;
    }

    .Filtermain span {
        float: left;
        width: 100%;
        padding: 1px 0%;
        font-size: 28px;
        color: #5a5a5a;
        font-weight: bold;
    }

.Filtercalmain {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    float: left;
    margin: 0 1.1%;
    padding: 15px 1%;
    width: 95.2%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset #fff 0 1px 0px, 0 1px 1px #B5B5B5;
    -webkit-box-shadow: inset #fff 0 1px 0px, 0 1px 1px #B5B5B5;
    -moz-box-shadow: inset #fff 0 1px 0px, 0 1px 1px #B5B5B5;
    border: 1px solid #DFDFDF;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: -moz-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: -o-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: linear-gradient(#f7f7f7,#e8e8e8);
}

.Filtermain input {
    float: left;
    width: 15%;
    margin-top: 6px;
}

.filtercalbottom {
    float: left;
    width: 96%;
    border: 1px solid #cccccc;
    border-radius: 0px 5px 5px 5px;
    background: #f9f9f9;
    padding: 2px;
}

    .filtercalbottom span {
        float: left;
        width: 31%;
        margin: 0 1%;
    }

    .filtercalbottom span {
        float: left;
        width: 31%;
        margin: 0 1%;
    }

.medicinlist {
    width: 100%;
}

    .medicinlist input {
        width: 84px;
        text-align: center;
    }

.filtercalbottom span {
    float: left;
    width: 31%;
    margin: 0 1%;
}

.Callmaintarget {
    background-image: linear-gradient(#F7F7F7, #E8E8E8);
    border: 1px solid #DFDFDF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 1px #B5B5B5;
    float: left;
    margin: 0 1.1%;
    padding: 14px 1%;
    width: 15.1%;
}

.notificationfiltercal {
    float: left;
    width: 98%;
    margin: 10px 1%;
}

.notificationFiltermain {
    float: left;
    margin: 0 1.1%;
    padding: 5px 1%;
    width: 45%;
}

    .notificationFiltermain span {
        float: left;
        width: 15px;
        margin: 6px 5px 0 0;
    }

.boxshd {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    float: left;
    padding: 0px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset #fff 0 1px 0px, 0 1px 1px #B5B5B5;
    -webkit-box-shadow: inset #fff 0 1px 0px, 0 1px 1px #B5B5B5;
    -moz-box-shadow: inset #fff 0 1px 0px, 0 1px 1px #B5B5B5;
    border: 1px solid #DFDFDF;
    border-bottom: 0px none;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: -moz-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: -o-linear-gradient(#f7f7f7,#e8e8e8);
    background-image: linear-gradient(#f7f7f7,#e8e8e8);
}

.firstrow {
    color: #454545;
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin-left: 10px;
    width: 51%;
    padding: 3px 0 0;
    font-weight: bold;
}

.innerdiv {
    width: 90%;
    float: left;
    padding: 5px 10px 5px 10px;
    margin: 5px;
    background: #e0f8f8;
    border: 1px solid #cdeaea;
}

.GridNewMain {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 30px;
}

.InnerGrid {
    width: 98%;
    float: left;
    background: #FFF;
    border-bottom: 1px solid #CCC;
    padding: 10px 1%;
}

.Target_txt {
    width: 51%;
    float: left;
    font-size: 14px;
    padding: 6px 0 0 10px;
    color: #4d4d4d;
    font-weight: bold;
}

.SecondGridBg {
    width: 98%;
    background: #e0f8f8;
    float: left;
    border-top: 1px solid #cdeaea;
    padding: 1%;
}

.SecondGrid {
    background: url("../images/innergridbg.png") repeat scroll 0 0 / 100% 100% #F4F4F4;
    border: 1px solid #BFD3D3;
    float: left;
    padding: 3px 10px;
    width: 922px;
}

.Arcox {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0 0 8px;
    width: 51%;
}

.ShowHistry {
    float: left;
    width: 100%;
    text-align: center;
}

.GridTablebig {
    float: left;
    width: 100%;
}

.GridTablebigleft {
    float: left;
    width: 9%;
    background: #FFF;
    padding: 45px 10px;
    border: 1px solid #CCC;
    border-top: 0px none;
    border-right: 0px none;
}

.GridTablebigright {
    float: left;
    width: 88.4%;
    background: #FFF;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

.OrangeHeader {
    float: left;
    width: 100%;
    background: #F7902E;
}

.btnUSD {
    float: left;
    width: 140px;
    border: 1px solid #c1c1c1;
    background: #f1f1f1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.btnUSD_ul {
    float: left;
    width: 140px;
}

.btnUSD_ul_li {
    float: left;
    width: 70px;
}

.btnUSD_ul_li_input {
    float: left;
    width: 65px !important;
    font-size: 13px;
    color: #6f6f6f;
    font-weight: bold;
    margin: 4px;
    background: none;
    border: 0px none;
    cursor: pointer;
}

.SelectbtnUSD {
    background: -moz-linear-gradient(center top, #41CFC9 0%, #17A7A1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #017B76 !important;
    border-radius: 3px;
    color: #FFFFFF !important;
    float: left;
    font-size: 12px;
    font-weight: bold !important;
    padding: 3px;
    width: 64px !important;
}

.SelectbtnEdit {
    float: left;
    width: 62px !important;
    border: 1px solid #CCC !important;
    background: #e0e6e6 !important;
    color: #6f6f6f !important;
    font-weight: bold !important;
    margin: 3px 4px!important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.fl {
    float: left;
}

.SalesTarget {
    float: left;
    width: 98px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #434343;
    line-height: 16px;
}

.SalesTotal {
    color: #363636;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 0;
    text-align: center;
    width: 98px;
}

.SalesPooled {
    background: none repeat scroll 0 0 #AEAEAE;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #FFFFFF;
    float: left;
    margin: 8px 0 0;
    padding: 10px 0;
    width: 98px;
}

    .SalesPooled input {
        float: left;
        width: 15px;
        margin: 0 5px 0 15px;
    }

    .SalesPooled label {
        float: left;
        width: auto;
        padding: 0 5px;
        font-size: 13px;
        color: #363636;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Safari only override*/
    ::i-block-chrome, .GridTablebigleft {
        width: 84px;
    }

    ::i-block-chrome, .wid97px {
        width: 97px !important;
    }

    ::i-block-chrome, .wid137px {
        width: 137px !important;
    }
}
/*Compasstylessnew */



/*Edit Selling SKUs */
.gridheadernew a:hover, .column li a:hover, .gridrow a, .alternativegridrow a {
    text-decoration: unerline;
}

.gridrow td, .alternativegridrow td {
    border-top: 0;
}

.aspNetDisabled.Check > input {
    opacity: 0.5;
}

#ancBrand {
    cursor: pointer;
    color: #2663AA;
}

.InneerTabelPv {
    width: 100%;
}

.blue {
    color: #2663AA;
    cursor: pointer;
    font-size: 18px;
}

.emptySku {
    text-align: center;
    width: 100%;
    float: left;
    height: 107px;
    padding: 68px 0px;
    font-family: cursive;
    font-size: large;
    color: red;
}

.buttonDone {
    background: url(../Images/done.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.gridrow td, .alternativegridrow td {
    padding-left: 5px;
}

.cls_InActiveCl, .cls_ActiveCl {
    margin: 0 10px 5px 3px;
    width: auto;
}

    .cls_InActiveCl a, .cls_ActiveCl a {
        font-size: 10px;
        padding: 5px 8px 5px 24px;
        text-align: left;
        width: auto;
    }

    .cls_InActiveCl a {
        background: url("../images/cross11.png") no-repeat scroll 6% center / 12px 12px #FFC9CC !important;
    }
/*Tabs*/
.wid100pp {
    width: 100%;
    float: left;
}

.cls_wid100p {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.navbar {
    float: left;
    margin: 15px 0;
}
/*.navmenu_main{float: left;width: 100%;}
   .navmenu_main ul{margin: 0;float: left;width: 100%;padding: 1%;background: #e4e4e4;border-radius: 5px;min-height: 63px;}
   .navmenu_main ul li{float: left;width: 150px;margin: 0 8px 0 0;list-style:none;} 
   .navmenu_main ul li a{float: left;width: 150px;color: #000;background: #fff;text-align: center;padding: 10px 0;}
   .navmenu_main ul li a:hover{background: transparent;}*/
.nav > li > a {
    padding: 0;
}

.nav-pills > li + li {
    margin-left: 0;
}

.panel-group {
    width: 100%;
    float: left;
}

.panel-heading {
    float: left;
    width: 97%;
}

    .panel-heading span {
        float: left;
        width: 840px;
        margin: 5px 0 0 15px;
        font-size: 18px;
        color: #afb2b9;
        cursor: pointer;
    }

        .panel-heading span:hover {
            text-decoration: none !important;
        }

    .panel-heading div {
        float: left;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        border: 1px solid #8e8e8e;
        text-align: center;
    }

        .panel-heading div label {
            float: left;
            width: 30px;
            position: relative;
            top: 5px;
            color: #afb1b0;
            font-size: 16px;
            font-weight: bold;
        }
/*Active Nav menus
/*.active a {background: #fece00 !important;color: #000 !important;}*/
.active_green a {
    color: #fff !important;font-family: "Roboto",sans-serif;font-weight:400;font-size:15px;
}
/*Active Tabs*/
.panel-heading_success {
    background: url("../images/tabs/arrow.png") no-repeat scroll 99% center #EDF8F7 !important;
}

    .panel-heading_success span {
        color: #89d6aa !important;
    }

    .panel-heading_success div {
        border: 1px solid #89d6aa !important;
    }

        .panel-heading_success div label {
            color: #89d6aa !important;
        }
/*Panel Select*/
.panel-heading_active {
    background: #fff !important;
}

    .panel-heading_active span {
        color: #221e1b !important;
    }

    .panel-heading_active div {
        border: 1px solid #8f8f8f !important;
    }

.selected234 {
    background: #C4C4C4;
    color: #000 !important;
}

.cls_list_view {
    float: left;
    width: 95%;
    margin-top: 10px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    border-bottom: 0;
}

.righttop {
    height: auto;
}

.cls_list_view ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.AllSkuDivs {
    float: left;
    margin-top: 0px;
    width: 75%;
}

.cls_list_view ul li {
    border-bottom: 1px solid #B7B7B7;
    color: #454545;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 10px 11px;
    text-align: left;
    width: 95%;
    cursor: pointer;
    list-style: none;
}

.cls_colrgr {
    color: #2663AA !important;
}

.cls_list_view ul li span {
    color: #454545;
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    width: auto;
    cursor: pointer;
    list-style: none;
    padding: 0px 0 0px 11px;
}

.width20pt {
    float: left;
    width: 24%;
    margin: 0 0 0 1%;
}

.cls_left {
    float: left;
}

.cls_right {
    float: right !important;
    padding-right: 10px !important;
}

.class_classifi {
    float: left;
    width: 100%;
}

.cls_Toptitle {
    float: left;
    width: 100%;
    padding: 10px 0 0 5px;
    font-size: 16px;
    text-align: left;
    color: #2663AA;
    font-weight: bold;
}

.cls_skusmain {
    width: 99%;
    border: 1px solid #ccc !important;
    padding: 5px 0 !important;
    background: #fff !important;
    float: left;
    margin: 5px 0 5px 0;
}

.cls_skusmain_placeholder {
    width: 99%;
    border: 1px solid #ccc;
    padding: 5px 0;
    background: #fff;
    float: left;
    margin: 5px 0 5px 0;
    height: 100px;
}

.cls_skus {
    float: left;
    width: 300px;
    padding: 0px 6px;
}

.cls_skuslableft {
    float: left;
    width: auto;
    padding: 5px 3px;
    font-size: 13px;
    color: #B3B3B3;
    font-weight: bold;
}

.cls_skuslabright {
    float: left;
    width: auto;
    padding: 5px 3px;
    font-size: 12px;
    color: #414141;
}

    .cls_skuslabright span {
        font-weight: bold;
    }

.gridheadernew th, .mygridheader th {
    padding: 0 0 5px;
}

.NewBdr.objunitlist > label {
    float: left;
    padding: 5px 3px;
    text-align: center;
    width: 66px;
}

.applicationStatusNoGood.active_green.active {
    background: #f8f8f8 !important;
}

.applicationStatus.active_green.active {
    background: #f8f8f8 !important;
}

.applicationStatusGood.active_green.active {
    background: #f8f8f8 !important;
}

    .applicationStatusNoGood.active_green.active a, .applicationStatus.active_green.active a, .applicationStatusGood.active_green.active a {
        color: #000 !important;
    }

.active_lightGreen {
    background: #F0F0F0;
}

.marb5 {
    margin-top: 6px !important;
}

.ui-sortable-helper {
    border: dotted 1px #414141;
}

.NoCls_SkuParent {
    max-height: 1206px;
    overflow: auto;
    overflow-x: hidden;
    height: auto;
}
/*Edit Selling SKUs */

/*Header Styel */
textarea {
    resize: none;
}

.img {
    max-width: 100%;
    outline: 0px none;
    border: 0px none;
}

.headernewWrap, .headernewWrap * {
    position: relative;
    z-index: 1000;
}

.headernewWrap {
    background-image: url("../Img/headerWrapBg.png");
    height: 83px;
}

.parentWrap {
    margin: 0 auto;
    min-width: 960px;
    width: 100%;
}
/*.headernew{background-image: url("../Img/headerBg.png");height: 97px;margin: 0 auto;width: 960px;}*/
.headernew .topLinks {
}

    .headernew .topLinks a {
        color: #2663AA;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin: 0 6px;
        position: relative;
        top: 1px;
    }

    .headernew .topLinks .dot {
        position: relative;
        top: 12px;
        float: left;
    }
/*.headernew .mainLogo{margin: 9px 0 59px 38px;}*/
.headernew .mainNav { /*left: 25px;*/
    padding-top: 42px;
    position: relative;
}

    .headernew .mainNav > li {
        display: block;
        float: left;
        height: 55px;
        margin-right: 0;
    }

        .headernew .mainNav > li > a {
            background-image: url("../Img/mainNav00Bg.png");
            background-repeat: repeat-x;
            color: #FFFFFF;
            display: block;
            font-family: NeutraBlack;
            font-size: 16px;
            height: 38px;
            padding-left: 4px;
            padding-right: 4px;
            padding-top: 17px;
            text-align: center;
            text-shadow: 1px 1px 0 #C66D9D;
            text-transform: uppercase;
            width: 104px;
            font-weight: normal;
        }

.headernew > .edge.left {
    background-image: url("../Img/headerEdgeLeft.png");
    left: -18px;
}

.headernew > .edge.right {
    background-image: url("../Img/headerEdgeRight.png");
    right: -18px;
}

.headernew > .edge {
    display: block;
    height: 97px;
    position: absolute;
    top: 0;
    width: 18px;
}

.dn, #dn {
    display: none;
}

.cls_imgalign {
    position: absolute;
    z-index: 1000;
}

.fullwidthbanner-container {
    top: -18px;
}

h1 {
    color: #005dab;
    font-family: 'lobster_1.3regular';
    font-size: 50px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

/* hader End*/


.fooetr {
    width: 100%;
    float: left;
    height: 45px;
    background: #E4E4E4;
    border-top: 1px solid #b2b2b2;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 15px;
}

.bottom {
    margin: 0 auto;
    width: 1185px;
}

.leftpart {
    margin: 10px 0px;
    width: auto;
    float: left;
}

.rightpaft {
    margin: 10px 0px;
    width: auto;
    float: right;
}

    .rightpaft a {
        color: #005DAB;
    }

.headernew .mainNav > li.active > a {
    background-position: center;
}

.headernew .mainNav > li:hover > a {
    background-position: bottom;
    text-decoration: none;
}

/*subNav*/

.headernew .subNav {
    display: none;
    background: url("../Img/subNavBg.png") top repeat-x;
    overflow: visible;
}

    .headernew .subNav > li {
        display: block;
        min-height: 33px;
        background: url("../Img/subNavTopEdge.png") top repeat-x;
        position: relative;
        font-size: 14px;
        font-family: 'oswaldlight';
    }

        .headernew .subNav > li:first-child {
            background: none;
        }

        .headernew .subNav > li > a {
            color: #FFF;
            font-family: 'oswaldlight';
            font-weight: bold;
            text-shadow: #164b8a 1px 1px 0;
            text-align: left;
            display: block;
            padding: 8px 0 0 18px;
            position: relative;
            height: 27px;
        }

            .headernew .subNav > li > a:hover {
                font-size: 14px;
                font-family: 'oswaldlight';
            }

        .headernew .subNav > li > .arrow {
            float: right;
            position: relative;
            right: 5px;
            top: -25px;
        }

        .headernew .subNav > li > .edge {
            display: none;
            position: absolute;
            width: 9px;
            height: 44px;
            background: url("../Img/subNavSelectedEdge.png") center center no-repeat;
            bottom: 0;
            left: -9px;
        }
        /*.header .subNav > li > .edge {background-image: url(../images/subNavSelectedEdge.png); display: none; height: 44px; margin-left: -9px; margin-top: -44px; width: 9px; position:relative;}*/
        .headernew .subNav > li:hover > a {
            background-color: #e798c6;
            text-decoration: none;
            text-shadow: #c66d9d 1px 1px 0;
            font-size: 14px;
            font-family: 'oswaldlight';
        }

        .headernew .subNav > li:hover > .arrow {
        }

        .headernew .subNav > li:hover > .edge {
            display: block;
        }

        .headernew .subNav > li.expandable {
        }

            .headernew .subNav > li.expandable > a {
            }

            .headernew .subNav > li.expandable:hover > a {
            }

.headernew .subSubNav {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: url("../Img/subSubNavBg.png") top center repeat;
    overflow: hidden;
}

    .headernew .subSubNav > li {
        display: block;
        background: url(../images/subSubNavTopEdge.png) top repeat-x;
    }

        .headernew .subSubNav > li:first-child {
            background: none;
        }

        .headernew .subSubNav > li a {
            white-space: nowrap;
            padding: 8px 0 0 18px;
            height: 27px;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            text-shadow: #c66d9d 1px 1px 0;
            font-size: 13px;
            display: block;
            color: #FFF;
        }

            .headernew .subSubNav > li a:hover {
                background-color: #e798c6;
                text-decoration: none;
            }

.menulist {
    width: 18%;
    float: left;
}

.menudtl {
    width: 82%;
    float: left;
}

.menuitem {
    position: relative;
    color: #fff !important;
}

    .menuitem .submenu {
        position: absolute;
        left: 150px;
        top: -4px;
        background: url("../images/subNavBg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        color: #fff;
        z-index: 99999;
        display: none;
    }

.#solidmenu li div {
    display: none;
}

.tabsInnerMenu ul li a {
    color: #9E9E9E;
    font-weight: bold;
}

.tabSelected {
    color: #656565 !important;
}

.newinnermenu ul li a {
    color: #9E9E9E;
}

/*Header Styel */

/*Internal Styless */
.clsmoblabel {
    width: 55%;
}

.cls_colorchange {
    color: #333333;
    float: left;
    text-align: center;
    width: 24%;
}

.cls_btnnew1 {
    float: left;
    padding: 15px 0 0 2%;
    width: 98%;
}

.mainphonebottom {
    border: 1px solid #ccc;
}

.cls_menu3 {
    color: #047644;
}

.cls_menu2 {
    color: #047644 !important;
}

.cls_column {
    width: 173px !important;
}

.cls_breadcam_bottomadd {
    float: right;
    margin: 20px 0 20px 0;
    width: 208px;
}

.move-option {
    cursor: move;
}
/*Internal Styless */

/*Journey css*/

.journey_plan {
    float: left;
    margin-bottom: 15px;
    margin-left: 13%;
    width: 87%;
}

.journey_plan_active {
    background: url("../images/1.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 63px;
    margin-right: 15px;
    width: 27%;
}

.route_inactive {
    background: url("../images/2_h.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 63px;
    margin-right: 15px;
    width: 27%;
}

.finish_inactive {
    background: url("../images/3_h.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 63px;
    margin-right: 15px;
    width: 26%;
}

.formcontrolnew textarea {
    border: medium none;
    color: #737373;
    font-size: 13px;
    width: 272px;
}

textarea {
    resize: none !important;
}

.bodyspacer {
    clear: both;
    line-height: 10px;
}

.button1, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
    background: url("../Images/save.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width: 106px !important;
}


.buttongp {
    background: url("../Images/gp.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width:178px !important;
}

    .button, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
        background: url("../Images/bac.png") no-repeat scroll 0 0 transparent;
        border: 0 none;
        cursor: pointer;
        height: 38px;
    }

        .button, .dashboardmenuselected, a.headerlinksCurrselected, a.headerlinksCurrselected:hover {
            background: url("../Images/bac.png") no-repeat scroll 0 0 transparent;
            border: 0 none;
            cursor: pointer;
            height: 38px;
            width: 106px !important;
        }

.AddBtn {
    background: url("../Images/add.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width: 85px !important;
}

.breadcrum1 {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #E5E5E5;
    color: #373737 !important;
    float: left;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    width: 940px;
}

.journey_plan_inactive {
    background: url("../images/1_h.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 63px;
    margin-right: 15px;
    width: 26%;
}

.route_active {
    background: url("../images/2.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 63px;
    margin-right: 15px;
    width: 26%;
}

.backbuttom {
    background: url("../images/previous.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    width: 106px;
}

.nexttt {
    background: url("../Images/next.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width: 85px !important;
}

.routedetail_active {
    background: url("../images/list.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    margin-right: 14px;
    width: 36%;
}

.routecustomer_inactive {
    background: url("../images/user_h.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    margin-right: 15px;
    width: 32%;
}

.routefinish_inactive {
    background: url("../images/check_h.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    margin-left: 15px;
    width: 26%;
}

.formcontrolnew {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 63px;
    padding: 0 4px;
    text-align: left;
    width: 285px;
}

.routedetail_inactive {
    background: url("../images/list_h.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    margin-right: 17px !important;
    width: 36%;
}

.routecustomer_active {
    background: url("../images/user.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    margin-right: 0 !important;
    width: 34%;
}

.route_plans {
    float: left;
    margin-bottom: 15px;
    margin-left: 16%;
    width: 84%;
}

.backbuttom {
    background: url("../images/previous.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    width: 106px;
}

.editbuttom {
    background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    width: 106px;
}

.finish {
    background: url("../images/finish.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    width: 105px;
}

.tc, .aligncenter, .tac, .mydash li a img {
    text-align: center;
}

.finish_active {
    background: url("../images/3.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 63px;
    margin-right: 15px;
    width: 26%;
}

.noselect {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: move;
}

.tDnD_whileDrag {
    background-color: lightgrey;
}

.latestcontent {
    margin: 15px;
    max-height: 500px;
    overflow: hidden;
}

.routecustomer_active {
    background: url("../images/user.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    margin-right: 0 !important;
    width: 34%;
}

.routedetail_inactive {
    background: url("../images/list_h.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    margin-right: 17px !important;
    width: 36%;
}

.dummy {
    background: url("../images/bgcmnt.png") repeat-x scroll 0 0 transparent;
    float: left;
    margin-left: 38px;
    margin-top: 13px;
    width: 90%;
}

.route_plans {
    float: left;
    margin-bottom: 15px;
    margin-left: 14.5%;
    width: 88%;
}


/*Journey css*/




/*Master Internal Styles*/

/**Maintain Location Page**/
#updateProgressDiv {
    background: none repeat scroll 0 0 #5F5F5F;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

    #updateProgressDiv img {
        position: relative;
        top: 300px;
        position: fixed;
    }

.new_slidea {
    float: left;
    width: 235px;
}

.padt24 {
    padding-top: 18px !important;
}

.sel_seg {
    background: #F8F8FA;
    border: 1px solid #d2d2d3;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 #B8B8B8;
    color: #4f5050;
    float: left;
    padding: 7px 5px 6px 5px;
    width: 100%;
    font-family: "Helvetica", Arial, Helvetica, sans-serif;
}

.filter_new {
    top: -12px !important;
    left: -6px !important;
    position: relative !important;
}
/**Maintain City Page**/
option {
    padding: 0 4px;
}

.padt24 {
    padding-top: 15px !important;
}

.new_slidea {
    float: left;
    width: 235px;
}
/**Maintain Agency**/
.InnerHader {
    color: #4F4D4D;
    float: left;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    width: 25%;
}

.InnerHaderDetails {
    color: #808080;
    float: left;
    font-family: arial;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    width: 25%;
}

.gridheadernew a:hover, .column li a:hover, .gridrow a, .alternativegridrow a {
    text-decoration: underline;
}

.gridrow td, .alternativegridrow td {
    border-top: 0;
}

.aspNetDisabled.Check > input {
    opacity: 0.5;
}

#ancBrand {
    cursor: pointer;
    color: #2663AA;
}

.InneerTabelPv {
    width: 100%;
}

.Pop_up_main {
    position: fixed !important;
    left: 232px !important;
    top: 230px !important;
    width: 29.8%;
}

.blue {
    color: #2663AA;
    cursor: pointer;
    font-size: 18px;
}

.gridheadernew th, .mygridheader th {
    padding: 0 0 5px;
}
/**Maintain Brand**/
.gridrow td, .alternativegridrow td {
    border: 0;
}
/**Maintain Iteam**/
.gridheadernew a {
    color: #FFFFFF !important;
    font-size: 13px;
    float: left;
    width: auto;
    text-decoration: none;
}

.paddingleft45.padl0P {
    float: left;
    width: 90px;
}

.paddingleft45 {
    float: left;
    width: 120px;
}

    .paddingleft45 img {
        float: left;
        margin: 6px 0 0 5px;
    }

.select2-choice {
    height: 25px;
    padding: 5px !important;
}

.select2-container {
    visibility: visible !important;
}

.select2-drop-active {
    width: 208px;
}
/**View Item**/
.textbox1 {
    float: left;
    font-weight: normal;
    padding-top: 4px;
    width: auto;
}
/**Maintain Selling SKU**/
#fade {
    z-index: 10;
}

.buttonDone {
    background: url(../Images/done.png) no-repeat;
    border: 0;
    cursor: pointer;
}
/**Manage Brand Discount**/
.padl5 {
    padding-left: 5px !important;
}

.cls_padl5 {
    padding-left: 20px !important;
}
/**View Customer**/
.selected234 {
    background: url("../images/tabs/right_arw.png") no-repeat scroll 95% center #979797;
    color: #000 !important;
}

.list_view {
    float: left;
    width: 18%;
    margin-top: 1px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    border-bottom: 0;
}

.righttop {
    height: auto;
}

.list_view ul {
    float: left;
    width: 135px;
}

.maindiv_title {
    color: #221E1B !important;
    font-weight: normal;
}

.total_view {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 0 10px 7px;
    padding: 15px;
    width: 75%;
}

.list_view ul li {
    border-bottom: 1px solid #B7B7B7;
    color: #454545;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 10px 11px;
    text-align: left;
    width: 152px;
    cursor: pointer;
    list-style: none;
}

/*Master Internal Styles*/

/*Popup*/

.Pop_up_main {
    border: solid 0px #000000;
    background: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: absolute;
    width: 500px;
    float: left;
}


#button {
    margin: 100px;
    text-align: center;
}

#ancPopupClose {
    color: #6FA5FD;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    right: 6px;
    top: 4px;
}

.poptop {
    width: 96%;
    float: left;
    background: url(../Images/popuptopbg.png) repeat-x;
    height: 36px;
    padding: 0 2%;
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    line-height: 36px;
}

    .poptop a {
        color: #3f3f3f;
        margin-top: 5px;
        background: url(../Images/cross.png) no-repeat;
        width: 21px;
        height: 21px;
    }

#contactArea textarea {
    border: 1px solid #b5c1d1;
    background: url(../Images/textareabg.png) repeat-x;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px;
    resize: none;
}

.popheadleft {
    width: 14%;
    float: left;
    color: #eb6200;
    font-size: 13px;
}

.popheadright {
    width: 80%;
    float: left;
    color: #3f3f3f;
    font-size: 13px;
}

.checkboxlist {
    width: 100%;
    float: left;
    line-height: 34px;
    margin-top: 15px;
}

.checkboxlistleft {
    width: 13%;
    float: left;
    font-size: 13px;
    padding-top: 5px;
}

.checkboxlistright {
    width: 80%;
    float: left;
    font-size: 13px;
}

    .checkboxlistright ul {
        width: 100%;
        float: left;
        list-style: none;
        margin-top: 15px;
    }

        .checkboxlistright ul li {
            width: 25%;
            float: left;
            line-height: 20px;
        }

            .checkboxlistright ul li input {
                float: left;
                margin: 3px;
                background: url(../images/checkbox.png) no-repeat;
            }

            .checkboxlistright ul li label {
                float: left;
            }

.popmain {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #A6070B;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    width: 100%;
}


.popupmain {
    width: 500px;
}

.popup_header {
    float: left;
    width: 480px;
    padding: 5px 10px;
    background: url(../images/popup.png) repeat-x;
    height: 25px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.new_awa {
    font-size: 14px;
    color: #fff;
    float: left;
    width: auto;
    line-height: 25px;
}

.awa_close {
    float: right;
    cursor: pointer;
}

.popup_content {
    float: left;
    width: 480px;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}


.popup_input_main {
    float: left;
    width: 420px;
    margin: 0px 0px 0px 100px;
}

.popuprep {
    float: left;
    width: 350px;
    margin: 0px 0px 10px 0px;
}

.poplabel {
    float: left;
    width: 350px;
    font-size: 13px;
    margin: 0px 0px 3px 0px;
    font-size: 13px;
}

.popupinput {
    width: 250px;
    float: left;
    padding: 0% 2%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #bac0c4;
    background: url(../Images/input_filed_bg.png) repeat-x;
}

    .popupinput input {
        width: 100%;
        float: left;
        padding: 5px 0%;
        border: 0px none;
        background: none;
    }

    .popupinput select {
        width: 96%;
        float: left;
        padding: 5px 2%;
        border: 0px none;
        background: none;
    }

.buttt_align {
    float: left;
    width: 200px;
    margin: 0px 0px 0px 200px;
}

.popupinputarea {
    width: 250px;
    float: left;
    padding: 0% 2%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #bac0c4;
    background: url(../Images/area_filed_bg.png) repeat-x;
}

    .popupinputarea textarea {
        width: 100%;
        float: left;
        padding: 5px 0%;
        border: 0px none;
        background: none;
    }

.popup_input_main ul {
    width: 100%;
    float: left;
    list-style: none;
}

    .popup_input_main ul li {
        width: 100%;
        float: left;
        line-height: 25px;
        font-size: 13px;
    }

/*Popup*/

/*Reportstyle*/

.sideheading {
    color: #3e3e3e !important;
    float: left;
    font-size: 27px;
    font-weight: normal;
    padding: 10px 25px 0px;
    width: 51%;
    font-family: "HelveticaNeue-CondensedBold";
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    Safari only override chrome, .GraphBottom {
        top: 78% !important;
        right: 16% !important;
    }
}

.commondivs {
    float: left;
    width: 96%;
    background: none;
    padding: 5px 2% 0;
}

.bgforside {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    box-shadow: 2px 0 10px 0 #CDCDCD;
    float: left;
    margin: 10px 0;
    padding-top: 1%;
    width: 100%;
}

.SalesDashMain {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 10px 10px;
    float: left;
    padding: 1% 2%;
    width: 96%;
}

.repmiddle {
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    float: left;
    padding: 0px 0 0 0;
    width: 938px;
}

.segment {
    float: left;
    margin-right: 1%;
    padding: 0px 0 0;
    width: 13%;
}

.sel_seg {
    background: #F8F8FA;
    border: 1px solid #d2d2d3;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 #B8B8B8;
    color: #4f5050;
    float: left;
    padding: 5px;
    width: 99%;
    font-size: 14px;
}
/*.SelectbtnUSD { background: -moz-linear-gradient(center top , #41CFC9 0%, #17A7A1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background:-o-linear-gradient(#41CFC9, #17A7A1); background:-ms-linear-gradient(#41CFC9, #17A7A1); background:-linear-linear-gradient(#41CFC9, #17A7A1); background:-webkit-linear-gradient(#41CFC9, #17A7A1);border: 1px solid #017B76 !important;border-radius: 3px;color: #FFFFFF !important;float: left;font-size: 13px;font-weight: bold !important;padding: 3px;width: 59px !important; text-shadow:2px 1px 1px #017B76; margin:1px 0px 0px 2px;}*/
.SelectbtnUSD {
    background: url("../Images/boxbg.png");
    border: 1px solid #017B76 !important;
    border-radius: 3px;
    color: #FFFFFF !important;
    float: left;
    font-size: 13px;
    font-weight: bold !important;
    padding: 3px;
    width: 59px !important;
    text-shadow: 2px 1px 1px #017B76;
    margin: 1px 0px 0px 2px;
}

.SelectbtnUSD1 {
    background: url("../Images/boxbg.png");
    border: 1px solid #017B76 !important;
    border-radius: 3px;
    color: #FFFFFF !important;
    float: left;
    font-size: 13px;
    font-weight: bold !important;
    padding: 3px;
    width: 100px !important;
    text-shadow: 2px 1px 1px #017B76;
    margin: 1px 0px 0px 2px;
}

.btnUSD_ul_li_input {
    background: 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #6F6F6F;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 3px;
    width: 60px !important;
    padding-top: 3px;
}

.GraphBottom {
    top: 78%;
    right: 18% !important;
}

/*Reportstyle*/

/*Salesman Key Businessindicators*/
.cls_width100perct {
    float: left;
    width: 100%;
}

.cls_width65perct {
    float: left;
    width: 65%;
}

.cls_width35perct {
    float: left;
    padding: 5px 1% 5px 1%;
    width: 32%;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    box-shadow: 0 0px 2px 1px #CCCCCC;
}

.cls_width50perct {
    float: left;
    margin: 0 1%;
    width: 48%;
}

.cls_todaykbi {
    float: left;
    width: 98%;
    background: #2663AA;
    height: 40px;
    border: 1px solid #2663AA;
    border-radius: 8px 8px 0 0;
    margin: 0 1%;
    -webkit-border-radius: 8px 8px 0 0;
}

    .cls_todaykbi span {
        float: left;
        width: 98%;
        padding: 8px 0 0 10px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }

.cls_todaykbi1 {
    background: #FFFFFF;
    border: 1px solid #ccc !important;
    border-radius: 8px;
    box-shadow: 0 0px 2px 1px #CCCCCC;
    float: left;
    margin: 10px 0 0;
    padding: 10px 0;
    width: 98%;
    font-weight: bold;
    color: #333333;
}

.cls_todaspalab {
    float: left;
    width: 100%;
}

    .cls_todaspalab span {
        float: left;
        font-size: 14px;
        padding: 0 0 0 19px;
        width: 53%;
        color: #494949;
    }

    .cls_todaspalab label {
        float: right;
        width: auto;
        padding: 0 10px 0 0;
        color: #2663AA;
        font-size: 18px;
    }

.cls_totalval {
    float: left;
    margin: 3.5px 1.5%;
    width: 46%;
    border-radius: 5px;
}

.cls_username {
    float: left;
    width: 50%;
}

    .cls_username span {
        float: left;
        width: auto;
        color: #2663AA;
        font-size: 16px;
        padding-left: 10px;
        font-weight: bold;
    }

.cls_dateon {
    float: right;
    width: auto;
}

    .cls_dateon span {
        float: left;
        width: auto;
        color: #585858;
        font-size: 16px;
        padding-right: 10px;
        font-weight: bold;
    }

.cls_wordbrk {
    word-wrap: break-word;
    line-height: 20px;
}

.SkbiGrid {
    float: left;
    width: 100%;
}

    .SkbiGrid tr {
        float: left;
        width: 958px;
    }

        .SkbiGrid tr th {
            float: left;
            width: 159px;
            text-align: center;
            font-size: 14px;
        }

        .SkbiGrid tr td {
            float: left;
            width: 159px;
            text-align: center;
            font-size: 14px;
        }

.cls_wordbrk {
    word-wrap: break-word;
    line-height: 20px;
}

.cls_totalval {
    border-radius: 5px;
    float: left;
    margin: 1.5px 1.5%;
    width: 46%;
}

.cls_gridrownew1 td {
}

.SkbiGrid tr td {
    line-height: 18px;
    padding: 7px 0px !important;
}

.sales_pad0wid185 {
    border: none !important;
}

.sales_boxnonpad0 {
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.sales_pad0hgt35 {
    margin-bottom: 10px;
}

.SkbiGrid tr {
    width: 958px;
}

.sales_col {
    background: none;
}

.page-stats-showcase {
    color: #FFFFFF;
    float: left;
    padding: 10px;
    width: 90%;
}

.cls_height2 {
    height: 248px;
}

.page-stats-showcase label {
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    width: 100%;
}

.page-stats-showcase span {
    color: #FFFFFF;
    float: left;
    font-size: 20px;
    padding: 8px 0 0;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

/*Salesman Key Businessindicators*/



/*TabContent*/
ul.tabs {
    padding: 7px 0;
    font-size: 0;
    margin: 0;
    list-style-type: none;
    text-align: right; /*set to left, center, or right to align the tabs as desired*/
    position: relative;
    right: -45px;
    top: -7px;
}

    ul.tabs li {
        float: left;
        display: inline;
        margin: 0;
        margin-right: 3px; /*distance between tabs*/
    }

        ul.tabs li .selected {
            background: #333 !important;
            color: #fff !important;
        }

        ul.tabs li a {
            font: normal 12px Verdana;
            text-decoration: none;
            position: relative;
            padding: 7px 16px;
            border: 1px solid #CCC;
            border-bottom-color: #B7B7B7;
            color: #313131;
            background: #F0F0F0; /*url(tabbg.gif) 0 0 repeat-x*/
            border-radius: 3px 3px 0 0;
            outline: none;
        }

            ul.tabs li a:visited {
                color: #000;
            }

            ul.tabs li a:hover {
                border: 1px solid #B7B7B7;
                background: #F0F0F0; /*url(tabbg.gif) 0 -36px repeat-x*/
            }

        ul.tabs li.selected a, ul.tabs li.selected a:hover {
            position: relative;
            top: 0px;
            font-weight: bold;
            background: white;
            border: 1px solid #B7B7B7;
            border-bottom-color: white;
        }


            ul.tabs li.selected a:hover {
                text-decoration: none;
            }


div.tabcontents {
    background-color: #FFF;
    float: left;
    padding: 30px;
    width: 93.6%;
    border: solid 1px #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.TabsMian {
    float: left;
    width: 100%;
    border-bottom: 1px solid #B7B7B7;
    height: 22px;
}

li {
    list-style: outside none none;
}

a {
    text-decoration: none;
}

.daytabs {
    float: left;
    width: 100%;
    margin: 20px 0 10px;
}

.Weeks_Tab {
    float: left;
    width: 14%;
    border-top: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-bottom: 0px none;
    border-radius: 5px;
    margin: 0 1%;
}

    .Weeks_Tab li {
        float: left;
        width: 100%;
        list-style: outside none none;
    }

        .Weeks_Tab li a {
            float: left;
            width: 94%;
            border-bottom: 1px solid #b7b7b7;
            padding: 15px 0 15px 10px;
            text-align: left;
            font-weight: bold;
            font-size: 13px;
            color: #454545;
        }

.Week_Select {
    background: url("../images/tabs/right_arw.png") no-repeat scroll 95% center #FBC907;
}

.Weeks_Tab .selected {
    background: url("../images/tabs/right_arw.png") no-repeat scroll 95% center #2663AA;
}

.Weeks_Tab_right {
    padding: 0px;
    width: 82%;
    float: left;
    margin: 0;
}

.Yellow_Button {
    float: right;
    width: auto;
}

.Yellow_Button a {
background: #2663AA none repeat scroll 0 0;
border: 0 none;
border-radius: 5px;
color: #fff;
cursor: pointer;
float: left;
font-size: 13px;
font-weight: bold;
margin: 0 5px;
padding: 8px 5px;
text-align: center;
width: 85px;
}

    .Yellow_Button input {
        margin: 0 5px;
        float: left;
        width: 80px;
        background: #ccc;
        padding: 10px 5px;
        color: #393939;
        font-weight: bold;
        font-size: 13px;
        border: 0px none;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
    }

.Cust_Code_Tabel {
    float: left;
    width: 100% !important;
    background: #2663AA;
    border: 1px solid #2663AA;
}

    .Cust_Code_Tabel li {
        float: left;
        width: 100% !important;
        padding: 5px 9px 10px 9px;
    }

        .Cust_Code_Tabel li span {
            float: left;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
        }

.Cust_Code_Text {
    float: left;
    width: 100% !important;
    min-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #cccccc;
}

    .Cust_Code_Text li {
        float: left;
        width: 100% !important;
        padding: 5px;
        border-bottom: 1px solid #cccccc;
    }

        .Cust_Code_Text li span {
            float: left;
            color: #454545;
            font-size: 13px;
            font-weight: bold;
        }

.specificdatenotab .Cust_Code_Tabel {
    float: left;
    width: 915px;
    background: #2663AA;
    border: 1px solid #2663AA;
}

    .specificdatenotab .Cust_Code_Tabel li {
        float: left;
        width: 905px;
        padding: 5px;
    }

        .specificdatenotab .Cust_Code_Tabel li span {
            float: left;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
        }

.specificdatenotab .Cust_Code_Text {
    float: left;
    height: 300px;
    width: 915px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #cccccc;
}

    .specificdatenotab .Cust_Code_Text li {
        float: left;
        padding: 5px;
        width: 905px;
        border-bottom: 1px solid #cccccc;
    }

        .specificdatenotab .Cust_Code_Text li span {
            float: left;
            color: #454545;
            font-size: 13px;
            font-weight: bold;
        }

.custStartTime input {
    border: 1px solid #ccc;
    padding: 3px 5px;
    width: 35px;
}

.custEndTime input {
    border: 1px solid #ccc;
    padding: 3px 5px;
    width: 35px;
    margin-left: 5px;
}

.Cust_Code_Text li:hover {
    background: #f4f4f4;
    border: 1px dashed #ccc;
}

.Jaouney_Fld {
    float: left;
    margin: 8px 0;
    width: 100%;
}

    .Jaouney_Fld div {
        color: #6C6C6C;
        font-size: 13px;
        float: left;
        font-weight: bold;
        text-align: left;
        width: 18%;
    }

    .Jaouney_Fld span {
        color: #6C6C6C;
        font-size: 13px;
        float: left;
        font-weight: bold;
        padding: 0 5px;
        text-align: left;
        width: 30px;
    }

    .Jaouney_Fld label {
        color: #6C6C6C;
        font-size: 13px;
        float: left;
        text-align: left;
        width: 70%;
    }

.WeekHoliday {
    float: left;
    background: #D3D3D3;
    width: 100%;
    padding: 4px 0;
    margin: 10px 0 0;
}

    .WeekHoliday div {
        float: left;
        width: 30%;
        padding: 0 0 0 10px;
        font-size: 14px;
        color: #716558;
        font-weight: bold;
        text-align: center;
    }

.WeekHoliday_Row {
    float: left;
    width: 100%;
    padding: 4px 0;
    border-bottom: 1px solid #ddd;
}

    .WeekHoliday_Row span {
        float: left;
        width: 30%;
        padding: 0 0 0 10px;
        font-size: 12px;
        color: #000;
        text-align: center;
    }


/*TabContent*/

/*Tabs*/

.tbl_tabs {
    border: 1px solid #d9d9d9;
    border-width: 0px 0px 1px 0px;
    height: 40px;
    margin-top: 15px;
    float: left;
    width: 100%;
}

    .tbl_tabs .pager {
        margin: 10px 10px 0 0;
    }

    .tbl_tabs ul {
        margin-top: 10px;
    }

    .tbl_tabs li {
        float: left;
        /*margin: 0 5px;*/
    }

        .tbl_tabs li:first-child {
            margin-left: 0px;
        }

        .tbl_tabs li a {
            display: block;
            height: 30px;
            line-height: 30px;
            color: #383838;
            font-size: 13px;
            text-align: center;
            padding: 0 0px;
            text-decoration: none;
        }

            .tbl_tabs li a img {
                float: left;
                padding: 8px 8px 2px 12px;
            }

        .tbl_tabs li.selected a img {
            float: left;
            padding: 8px 8px 2px 12px;
        }

        .tbl_tabs li.selected a {
            height: 29px;
            line-height: 29px;
            border: 1px solid #d9d9d9;
            border-top: 1px solid #063A6C;
            border-bottom: 1px solid #fff;
            background-color: #fff;
            color: #063A6C;
            text-decoration: none;
        }

        .tbl_tabs li a:hover {
            text-decoration: none;
            Color: #063A6C;
        }

        .tbl_tabs li a span {
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            padding: 2px 5px;
            font-size: 14px;
        }

    .tbl_tabs .blue {
        background-color: #4d9bd3;
        border: 1px solid #0470bd;
        color: #fff;
        text-shadow: 0 -0.1em #2a5574;
    }

    .tbl_tabs .green {
        background-color: #7fc376;
        border: 1px solid #449b39;
        color: #fff;
        text-shadow: 0 -0.1em #43673f;
    }

    .tbl_tabs .red {
        background-color: #e44451;
        border: 1px solid #a90310;
        color: #fff;
        text-shadow: 0 -0.1em #77232a;
    }

    .tbl_tabs .grey {
        background-color: #e7e7e7;
        border: 1px solid #ccc;
        color: #1c1a1a;
    }

.page-stats {
    margin-left: 0;
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
}

    .page-stats li {
        padding: 7px 11px;
        border-left: 1px solid #e5e5e5;
        display: inline-block;
    }

        .page-stats li.bg-default {
            background-color: #fafafa;
            border: 1px solid #e5e5e5;
        }

            .page-stats li.bg-default + li {
                border-left: 0;
            }

        .page-stats li:first-child {
            border-radius: 2px 0 0 2px;
            -webkit-border-radius: 2px 0 0 2px;
            -moz-border-radius: 2px 0 0 2px;
        }

        .page-stats li:last-child {
            border-radius: 0 2px 2px 0;
            -webkit-border-radius: 0 2px 2px 0;
            -moz-border-radius: 0 2px 2px 0;
        }

.page-stats-showcase {
    float: left;
    margin-right: 18px;
    width: 100%;
}

    .page-stats-showcase span {
        font-weight: 600;
        font-size: 16px;
        display: block;
        margin-bottom: 4px;
        width: 100%;
        text-align: center;
    }

    .page-stats-showcase h2 span {
        font-weight: bold;
        font-size: 25px;
    }

    .page-stats-showcase h2 {
        margin: 0;
        font-size: 25px;
        text-align: center;
        width: 100%;
        margin: 7px 0;
    }

@media (max-width:991px) {
    .page-stats.list-justified li.background-default {
        border-left: 1px solid #ddd;
    }

    .page-stats.list-justified li {
        margin-top: 20px;
    }

        .page-stats.list-justified li:first-child {
            margin-top: 0;
        }
}

.page-stats li {
    float: left;
    width: 274px;
    height: 50px;
}

.color1 {
    background: #7bae22 !important;
}

    .color1 h2 {
        color: #fff !important;
    }

    .color1 span {
        color: #fff !important;
    }

.color2 {
    background: #e27a3f !important;
}

    .color2 h2 {
        color: #fff !important;
    }

    .color2 span {
        color: #fff !important;
    }

.color3 {
    background: #bd4832 !important;
}

    .color3 h2 {
        color: #fff !important;
    }

    .color3 span {
        color: #fff !important;
    }

.color4 {
    background: #3CA2BB !important;
}

    .color4 h2 {
        color: #fff !important;
    }

    .color4 span {
        color: #fff !important;
    }

.color5 {
    background: #EE8366 !important;
}

    .color5 h2 {
        color: #fff !important;
    }

    .color5 span {
        color: #fff !important;
    }

.tbl_tabs li.selected a label {
    cursor: pointer;
}

.stats {
    float: left;
    width: 98%;
    padding-left: 2%;
}

.statseot {
    float: left;
    width: 100%;
}

.page-stats-showcase-coll {
    float: left;
    margin-right: 18px;
    width: 100%;
}

    .page-stats-showcase-coll span {
        font-weight: 600;
        font-size: 12px;
        display: block;
        margin-bottom: 4px;
        width: 60%;
        text-align: left;
        float: left;
    }

    .page-stats-showcase-coll h2 {
        font-weight: 600;
        font-size: 12px;
        display: block;
        margin-bottom: 4px;
        width: 40%;
        text-align: left;
        float: left;
    }

.check {
    width: 160px;
    float: left;
    margin: 0px 0px 15px 10px;
}

.checkleft {
    width: 30px;
    float: left;
}

.checkright {
    width: 81%;
    float: left;
    color: #333;
    margin-top: 3px;
    font-weight: bold;
}

.wid210px li {
    margin-right: 5px !important;
    width: 246px !important;
    height: 128px;
}

.bg_col li {
    background-color: #F7F8FA !important;
}

.bg_col span {
    color: #34424D !important;
}

.col_eot span {
    color: #31444B !important;
    font-size: 18px !important;
}

.hgt_150 li {
    height: 120px !important;
}

.wid_100 {
    float: left !important;
    width: 100% !important;
}

.padnon li {
    padding: 0px !important;
}

.stats_wid {
    width: 99% !important;
    padding-left: 1% !important;
}

/*Tabs*/

/*Tool tip*/

.cls_tooltip {
    text-decoration: none;
    top: 0px;
    right: 0px;
    left: 5px;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 0 5px #aaa;
    border-radius: 5px;
    content: attr(alt);
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    padding: 5px 15px;
    z-index: 2000;
    float: right;
    box-shadow: 2px 2px 11px #000;
    font-size: 14px;
    width: 350px;
    display: block;
}

    .cls_tooltip:hover:after {
        background: #000;
        color: #000;
        -webkit-box-shadow: 0 0 5px #aaa;
        border-radius: 5px;
        content: attr(alt);
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        padding: 5px 15px;
        position: absolute;
        z-index: 2000;
        float: right;
        box-shadow: 2px 2px 11px #000;
        font-size: 14px;
        width: auto;
        display: block;
    }
/*Tool tip End Hear*/

.pad5 {
    padding-left: 10px !important;
}

.cls_gridrownew1 {
    width: 100%;
}

.TabBorder {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EAEBEB;
    float: left;
    margin-left: 9px;
    width: 97%;
}

.cls_wid94511p {
    width: 945px;
}


.cls_gridbmarleft0p {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    width: 913px !important;
}

.new_slidea {
    float: left;
    width: 235px;
}


.seltab {
    background-color: #2663AA;
}

.unseltab {
    background-color: Red;
}

.class_flr {
    float: left;
    margin: 20px 0 20px 1.5%;
    width: 87%;
}


.partetion {
    border-left: 1px solid #ccc;
    float: left;
    height: 25px;
    color: #ccc;
    margin-top: 9px;
}



.bgireacoard {
    width: 100%;
    float: left;
}

.tabsMenu {
    width: 100%;
    float: left;
    margin-top: 0px;
}

.tabsInnerMenu {
    width: 100%;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    margin: 0px 0px 0px 0px;
}

#divBrand {
    float: left;
    width: 875px;
    border: 1px solid #ccc;
    margin-left: 2%;
}

.InnerTabHeader {
    margin: 0;
}

.cls_addbtn {
    background: none repeat scroll 0 0 #2663AA;
    border: 1px solid #2663AA;
    border-radius: 4px;
    height: 31px;
    padding: 2px 0;
    width: 169px;
    color: #fff;
    font-size: 15px;
    margin-right: 5px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

.tabsInnerMenu ul {
    list-style: none;
    float: left;
    width: 100%;
}



    .tabsInnerMenu ul li a {
        text-decoration: none;
        color: #4A5E67;
        font-size: 15px;
        line-height: 41px;
        text-align: center;
        width: 100%;
        float: left;
    }


.tabSelected a {
    color: #388FC4 !important;
}

.newinnermenu ul {
    list-style: none;
    float: left;
    width: 100%;
}



    .newinnermenu ul li a {
        text-decoration: none;
        color: #4A5E67;
        font-size: 15px;
        line-height: 41px;
        text-align: center;
        width: 100%;
        float: left;
    }

.mainmenusel1 {
    background: url(../Images/22.png) repeat-x !important;
}

    .mainmenusel1 a {
        color: #388FC4 !important;
    }

.agency_inner {
    margin: 10px 0px 0px 0px;
    padding: 1px 0 0px;
    background: #CCCCCC;
    float: left;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 3px #CCCCCC;
    float: left;
    padding: 10px 0;
}

.agency_inner_firstdiv {
    width: 20px;
    padding-left: 10px;
    padding-top: 3px;
    float: left;
}

.agency_inner_Seconddiv {
    width: auto;
    height: auto;
    padding-left: 10px;
    margin-bottom: 10px;
}

.brand_inner {
    margin-bottom: 10px;
    padding-left: 10px;
    float: left;
    width: 878px;
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-color: #CCCCCC -moz-use-text-color -moz-use-text-color !important;
    border-radius: 0 !important;
    border-style: solid none none !important;
    border-width: 1px 0 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
}

.brand_main {
    width: 878px !important;
    padding: 5px 0;
    background: none repeat scroll 0 0 #F4F4F4;
    border-top: 1px solid #CCCCCC;
    float: left;
    margin: 10px 0 0;
    padding: 8px 0;
    color: #686666 !important;
}




.no_borer {
    border-right: 0px none !important;
}

.partetion {
    border-left: 1px solid #ccc;
    float: left;
    height: 25px;
    color: #ccc;
    margin-top: 9px;
}




.box_view {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 3px #CCCCCC;
    float: left;
    margin: 10px 0 0;
}


.grid checkbox {
    margin-top: 10px;
}

.blur_look {
    opacity: 0.5;
}

.default_cursor {
    cursor: default;
}

#updateProgressDiv {
    background: none repeat scroll 0 0 #5F5F5F;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

    #updateProgressDiv img {
        position: relative; /* top: 30%; */
        top: 300px;
        position: fixed;
    }

.Pop_up_main {
    position: fixed !important;
    left: 232px !important;
    top: 230px !important;
    width: 29.8%;
}

#divDynamicPages a {color:#2663AA
}
.pagingright_new th a {color:#2663AA
}

.Gd_link_sel {
    background: #2663AA !important;
    border: 1px solid #2663AA !important;
    color: #fff !important;
}
       #firstPage {color: #2663AA;}
        #previousPage {color: #2663AA;}
        #nextPage {color: #2663AA;}
        #lastPage {color: #2663AA;}
.cls_griddetailstatus {
    width: 100px;
    text-align: right;
}
/*.cls_griddetails{width:160px;}*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #494949;
}

.pagingright_new a {
    font-weight: normal;
}

.new_slidea {
    float: left;
    width: 235px;
}

.gridheadernew a {
    color: #FFFFFF !important;
    font-size: 13px;
    float: left;
    width: auto;
    text-decoration: none;
    font-weight:600;
}

.paddingleft45.padl0P {
    float: left;
    width: 90px;
}

.paddingleft45 {
    float: left;
    width: 120px;
}



.select2-choice {
    height: 25px;
    padding: 5px !important;
}

.select2-container {
    visibility: visible !important;
}

.select2-drop-active {
    width: 208px;
}

.pager {
    width: 45%;
    float: right;
    color: #5E6164;
    font-size: 14px;
    text-align: right;
}

.pager {
    width: 45%;
    float: right;
    color: #5E6164;
    font-size: 14px;
    text-align: right;
}

.disabled {
    line-height: 15px;
    color: #888888 !important;
    border: 1px solid #aaaaaa !important;
    float: left;
    width: auto;
    padding: 3px 6px;
    margin-right: 3px;
}

.selectedgrid {
    margin-right: 3px;
    line-height: 15px;
    color: #ffffff !important;
    border: 1px solid #2663AA !important;
    background: #2663AA !important;
    float: left;
    width: auto;
    padding: 3px 6px;
    border-radius: 4px;
}

.enable {
    float: left;
    width: auto;
    margin-right: 3px;
}

    .enable a {
        line-height: 15px;
        color: #494949 !important;
        border: 1px solid #E3E3E3 !important;
        float: left;
        width: auto;
        padding: 3px 6px;
    }

        .enable a:hover {
            line-height: 15px;
            color: #494949;
            border: 1px solid #E3E3E3 !important;
            float: left;
            width: auto;
            padding: 3px 6px;
        }

.bgg_unselect {
    color: #4ca6f2;
    border-bottom: 1px dotted #bdb3b3;
    width: 253px;
    float: left;
}

.bgg_selected {
    color: #4ca6f2;
    border-bottom: 1px dotted #bdb3b3;
    width: 253px;
    float: left;
    background: url(../Images/CEPImages/bg_sel.png) no-repeat left center;
}

.navi_events {
    width: 236px;
    float: left;
}

    .navi_events a {
        width: 209px;
        float: left;
        background: url(../Images/CEPImages/unsele.png) no-repeat 7px 50%;
        padding: 8px 0px 8px 27px;
        color: #4ca6f2;
        font-size: 14px;
    }

        .navi_events a:hover {
            width: 209px;
            float: left;
            background: url(../Images/CEPImages/sele.png) no-repeat 7px 50%;
            padding: 8px 0px 8px 27px;
            color: #f97b48;
            font-size: 14px;
        }

.bgg_selected .navi_events {
    width: 236px;
    float: left;
}

    .bgg_selected .navi_events a {
        font-weight: bold;
        text-overflow: ellipsis;
        word-wrap: break-word;
        width: 192px;
        float: left;
        background: url(../Images/CEPImages/sele.png) no-repeat 7px 50%;
        padding: 8px 0px 8px 27px;
        color: #f97b48;
        font-size: 14px;
    }

.num {
    width: 20px;
}

.pagination {
    width: 100%;
    text-align: right;
    padding: 8px 0px;
}

    .pagination p span {
        font-size: 14px;
        margin-right: 9px;
    }

        .pagination p span b {
            font-size: 14px;
        }

.paginglinks {
    padding: 1px 5px;
    color: #FFFFFF;
    background: #85c1f3;
    font-size: 13px;
    margin-right: 3px;
    border: 1px solid #dadada;
    cursor: pointer;
}

    .paginglinks:hover {
        padding: 1px 5px;
        color: #85c1f3;
        background: #FFFFFF;
        font-size: 13px;
        margin-right: 3px;
        border: 1px solid #dadada;
        cursor: pointer;
    }

.selectedpaginglinks {
    color: #7f7f7f;
    border: 1px solid #dadada;
    padding: 1px 5px;
    margin-right: 3px;
    background: #ffffff;
    font-size: 13px;
}

.paginglinkdisable {
    border: 1px solid #dadada;
    padding: 1px 5px;
    color: #767676;
    margin-right: 3px;
    font-size: 13px;
}


.seltab {
    background-color: #00A7DD;
}

.unseltab {
    background-color: Red;
}

.class_flr {
    float: left;
    margin: 20px 0 20px 1.5%;
    width: 87%;
}


.no_borer {
    border-right: 0px none !important;
}

.partetion {
    border-left: 1px solid #ccc;
    float: left;
    height: 25px;
    color: #ccc;
    margin-top: 9px;
}


.widthauto {
    width: auto !important;
}

.pad10 {
    padding-left: 10px;
}

.TabBorder {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EAEBEB;
    float: left;
    margin-left: 9px;
    width: 97%;
}

.wid915p {
    width: 100% !important;
}

.cls_gridbmarleft0p {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    width: 913px !important;
}


.seltab {
    background-color: #2663AA;
}

.unseltab {
    background-color: Red;
}

.class_flr {
    float: left;
    margin: 20px 0 20px 1.5%;
    width: 87%;
}



.partetion {
    border-left: 1px solid #ccc;
    float: left;
    height: 25px;
    color: #ccc;
    margin-top: 9px;
}



.tabsMenu {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-left: 10px;
    margin-top: 10px;
}

.tabsInnerMenu {
    border-radius: 5px;
    border-top: 3px solid #FFFFFF;
    float: left;
    margin: 0;
    width: 94%;
}

    .tabsInnerMenu ul {
        list-style: none;
        float: left;
        width: 100%;
    }

        .tabsInnerMenu ul li {
            background: none repeat scroll 0 0 #FFFFFF;
            float: left;
            height: 41px;
            width: 152px;
        }

            .tabsInnerMenu ul li a {
                border-top: 3px solid #FFFFFF;
                color: #9E9E9E;
                float: left;
                font-size: 15px;
                font-weight: bold;
                line-height: 41px;
                text-align: center;
                text-decoration: none;
                width: 99%;
            }

.tabSelected {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #EAEBEB;
    border-right: 1px solid #EAEBEB;
    border-top: 3px solid #2663AA !important;
    color: #656565 !important;
    position: relative;
    top: -2px;
}

    .tabSelected a {
        color: #388FC4 !important;
    }

.box_view {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 3px #CCCCCC;
    float: left;
    margin: 10px 0 0;
}


.grid checkbox {
    margin-top: 10px;
}

.blur_look {
    opacity: 0.5;
}

.default_cursor {
    cursor: default;
}

#updateProgressDiv {
    background: none repeat scroll 0 0 #5F5F5F;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

    #updateProgressDiv img {
        position: relative; /* top: 30%; */
        top: 300px;
        position: fixed;
    }

#Fra {
    float: left;
    width: 942px; /* box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.35);*/
    height: 43px;
    margin-top: 16px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    margin-left: 16px;
}

    #Fra > a {
        float: left;
        padding: 0px;
        text-align: center;
        text-decoration: none;
        width: 152px;
        height: 40px;
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        color: #908070;
    }

.selected_color {
    color: #2663AA;
    border-bottom: 3px solid #2663AA;
}

/*Boxes*/
.bordernones {
    border: 0px !important;
}

.TopMenuBox {
    margin: 0 4px;
    width: 19%;
}

.cls_TopMenuBox {
    border-radius: 3px;
    box-shadow: 0px 0px 0px #ccc;
    float: left;
    height: 107px;
    margin: 0 4px;
    width: 24.5%;
}

    .cls_TopMenuBox label {
        color: #fff;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 17px;
        padding: 10px;
        width: 89%;
    }

.padrgt15p {
    padding-right: 15px !important;
}

.Five {
    background: #7bae22;
}
/*Comments popup*/
.AddOk {
    float: left;
    width: 98%;
    margin: 10px 0 0 10px;
}

    .AddOk input {
        float: left;
        width: 15px;
        margin: 1px 5px 0 0;
    }

    .AddOk label {
        float: left;
        width: 80%;
        font-size: 14px;
        color: #373737;
    }

.AddTextBox {
    float: left;
    width: 96%;
    margin: 10px 10px 20px;
}

    .AddTextBox textarea {
        float: left;
        width: 96%;
        padding: 10px;
        border: 1px solid #ccc;
        min-height: 50px;
    }
/*Buttons*/
.Continue_Button {
    float: right;
    width: auto;
    margin: 15px 0 5px;
}

    .Continue_Button a {
        background: none repeat scroll 0 0 #2663AA;
        border: 0 none;
        border-radius: 5px;
        color: #FFFFFF;
        cursor: pointer;
        float: right;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 5px;
        text-align: center;
        width: 100px;
        margin: 0 15px 0 0;
    }
/**/
.btdlr1px {
}

.gridtop {
    margin-left: 0px;
}

.gridbottom {
    margin-left: 0px;
}

.norecord_new {
    font-size: 18px;
    text-align: center;
    color: #f00;
    border: none;
    border-width: 1px 1px;
    padding: 65px 0;
    width: 76%;
}

.tabsMenu {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-left: 15px;
    margin-top: 10px;
}

.tabsInnerMenu {
    width: 100%;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    margin: 0px 0px 0px 0px;
    border-top: 3px solid #FFFFFF;
}

    .tabsInnerMenu ul {
        list-style: none;
        float: left;
        width: 100%;
    }


        .tabsInnerMenu ul li a {
            text-decoration: none;
            color: #4A5E67;
            font-size: 15px;
            line-height: 41px;
            text-align: center;
            width: 99%;
            float: left;
            border-top: 3px solid #fff;
            color: #9E9E9E;
            font-weight: bold;
        }

.tabSelected {
    border-top: 3px solid #2663AA !important;
    border-left: 1px solid #eaebeb;
    border-right: 1px solid #eaebeb;
    position: relative;
    top: -2px;
    background: #fff;
    color: #656565 !important;
}


.box_view {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 3px #CCCCCC;
    float: left;
    margin: 10px 0 0;
}



.grid checkbox {
    margin-top: 10px;
}

.blur_look {
    opacity: 0.5;
}

.default_cursor {
    cursor: default;
}

#updateProgressDiv {
    background: none repeat scroll 0 0 #5F5F5F;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

    #updateProgressDiv img {
        position: relative; /* top: 30%; */
        top: 300px;
        position: fixed;
    }

.TabBorder {
    border: 1px solid #EAEBEB;
    float: left;
    width: 97%;
    background: #fff;
    padding: 10px 0;
    margin-left: 15px;
}

.cls_marleft0p {
    width: 945px !important;
}

.cls_gridbmarleft0p {
    width: 945px !important;
}

.wid925p {
    float: left;
    width: 915px !important;
}


#updateProgressDiv {
    background: none repeat scroll 0 0 #5F5F5F;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

    #updateProgressDiv img {
        position: relative; /* top: 30%; */
        top: 300px;
        position: fixed;
    }

.btdlr1px {
}

.gridtop {
    margin-left: 0px;
}

.gridbottom {
    margin-left: 0px;
}

.brdlr1px {
}

.cls_gridrownew1 {
    width: 100%;
}

.tabsMenu {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-left: 15px;
    margin-top: 10px;
}

.tabsInnerMenu {
    width: 100%;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    margin: 0px 0px 0px 0px;
    border-top: 3px solid #FFFFFF;
}

    .tabsInnerMenu ul {
        list-style: none;
        float: left;
        width: 100%;
    }


        .tabsInnerMenu ul li a {
            text-decoration: none;
            color: #4A5E67;
            font-size: 15px;
            line-height: 41px;
            text-align: center;
            width: 99%;
            float: left;
            border-top: 3px solid #fff;
            color: #9E9E9E;
            font-weight: bold;
        }

.tabSelected {
    border-top: 3px solid #2663AA !important;
    border-left: 1px solid #eaebeb;
    border-right: 1px solid #eaebeb;
    position: relative;
    top: -2px;
    background: #fff;
    color: #656565 !important;
}


.box_view {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 3px #CCCCCC;
    float: left;
    margin: 10px 0 0;
}



.grid checkbox {
    margin-top: 10px;
}

.blur_look {
    opacity: 0.5;
}

.default_cursor {
    cursor: default;
}

#updateProgressDiv {
    background: none repeat scroll 0 0 #5F5F5F;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

    #updateProgressDiv img {
        position: relative; /* top: 30%; */
        top: 300px;
        position: fixed;
    }

.TabBorder {
    border: 1px solid #EAEBEB;
    float: left;
    width: 97%;
    background: #fff;
    padding: 10px 0;
    margin-left: 15px;
}


.cls_gridbmarleft0p {
    width: 915px !important;
}

.wid925p {
    float: left;
    width: 915px !important;
}

#updateProgressDiv {
    background: none repeat scroll 0 0 #5F5F5F;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

    #updateProgressDiv img {
        position: relative; /* top: 30%; */
        top: 300px;
        position: fixed;
    }

.cls_usergrid {
    float: left;
    margin: 8px 0 0 10px;
    width: auto;
}

.cls_usercode {
    float: left;
    width: auto;
    font-size: 14px;
    color: #848484;
    padding-top: 12px;
    font-weight: normal;
}

.cls_user_name {
    float: left;
    font-size: 14px;
    padding: 10px 0 0 9px;
    width: auto;
    color: #686666;
    font-weight: bold;
}

.cls_user_name1 {
    color: #686666;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 0 0 2px;
    width: auto;
}

.textcolorcustomer {
    color: #CC6500;
    width: 28% !important;
}

.cls_user_name2 {
    color: #686666;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 0 2px;
    width: auto;
}

.ForBrndTitle {
    overflow: hidden;
    padding: 13px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topright li {
    width: auto;
}

.ForBrndTitle {
    color: #7d7d7d;
}

.topright li span a:hover {
    color: #005DAB;
    text-decoration: underline;
}

.logout a:hover {
    color: #686667 !important;
    text-decoration: none;
}

.textcolortwo1 {
    color: #E400A7;
}

.textcolor {
    color: #0099CB;
    padding: 2px 0 0 5px;
    width: 15% !important;
}

.textcolor1 {
    color: #4d4d4d;
    width: auto !important;
    text-align: left;
    padding-left: 5px;
}

textcolortwo {
    color: #CC6500;
}
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
        {
            width: 203px !important;
        }*/
.listmenu {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px 9px;
    /*text-align: center;*/
    width: 15%;
}

    .listmenu a {
        padding: 0px;
        width: 100%;
    }

.listmenunew {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px 7px;
    text-align: center;
    width: 49.7% !important;
}

    .listmenunew a {
        padding: 0px;
        width: 100%;
    }

.ViewBtn {
    margin: 9px 10px;
}

.width80 {
    width: 99%;
}

.list_col {
    color: #ABABAB !important;
}

.salespersons {
    margin-left: 35px;
}

.plan_grid {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #ccc;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width: 99%;
    float: left;
}

.brndnme {
    float: left;
    width: 44%;
    padding: 10px 20px 0;
    font-size: 12px;
}

    .brndnme span {
        float: left;
        width: auto !important;
        color: #477F40;
        font-weight: bold;
    }

    .brndnme label {
        float: left;
        width: 60%;
        color: #777777;
        font-weight: bold;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.wid33p_col {
    color: #0099CB;
    width: 31%;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding: 5px 10px;
}

.padwid33p {
    padding: 5px 0px;
    width: 66% !important;
}

.padwidq33p {
    padding: 5px 0px;
    width: 15% !important;
    text-align: center;
}

.padtp5p {
    padding-top: 5px;
}

.wid25p {
    width: 21% !important;
    margin-left: 20px;
    height: 80px;
    border: 0px solid #ccc;
    margin-bottom: 7px;
}

.overflow_wid95 {
    float: left;
    height: auto;
    overflow-x: scroll;
    width: 95%;
}

.aprvd {
    float: left;
    width: 16%;
}

    .aprvd a {
        background: #757473;
        border-radius: 5px;
        color: #FFFFFF;
        float: left;
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        width: 100%;
    }

/*end popup styles*/


.promo span {
    width: 96%;
    float: left;
    background: #f9f9f9f; /*padding:10px 0 10px 10px*/
    font-size: 1.2em;
    text-align: left;
    color: #fff;
}

.promo {
    width: 94%;
    float: left;
    background: #fff; /*#b2b2b2;*/
    margin: 0 3%;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.Gridename {
    width: 19% !important;
}


.ui-multiselect-filter input {
    width: 158px !important;
    padding: 4px 2px !important;
    background: #ffffff;
    border: 1px solid #999;
    height: 23px !important;
}

.skucount {
    color: #FFFFFF;
    float: left;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    width: 99%;
}

.ui-widget-header {
    height: 75px;
    width: 227px;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.ui-state-default .ui-icon {
    width: 25px;
}

.cls_useridenty {
    float: right;
    width: 42%;
    margin-bottom: 5px;
}

    .cls_useridenty ul {
        float: left;
        width: 100%;
    }

    .cls_useridenty li {
        float: left;
        width: auto;
        padding: 0 0 0 16px;
        list-style: none;
    }

    .cls_useridenty ul li span {
        float: left;
        width: auto;
        padding: 10px 2px;
        color: #4d4d4d;
        font-size: 14px;
    }

    .cls_useridenty ul li img {
        float: left;
        width: auto;
        margin: 5px;
    }

.clsone {
    margin: 0px;
}


.selecttab a {
    color: #FFFFFF;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 31px 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 99%;
}
/*.tab a
        {
            color: #404040;
            float: left;
            font-family: arial;
            font-size: 13px;
            font-weight: bold;
            padding: 31px 0;
            position: relative;
            text-align: center;
            top: 0;
            width: 90%;
        }*/
.tab span {
    color: #999999 !important;
}

.tab a {
    color: #999999;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    text-align: center;
    top: 0;
    width: 99%;
}

.BreadCam_Main {
    margin: 0 10px 20px;
}

.btnfind {
    background: url("../Images/find.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 38px;
    text-align: center;
    width: 40px !important;
}


.TopBox {
    border-radius: 5px;
    float: left;
    height: 85px;
    margin: 10px 5px;
    width: 182px;
}

.ui-widget-header {
    height: 45px;
}

.ui-helper-reset {
    width: 98%;
}

.BoxValue {
    color: #FFFFFF;
    float: left;
    font-size: 40px;
    font-weight: bold;
    margin: 3px 0;
    text-align: center;
    width: 100%;
}

.clsone {
    min-height: 100px;
}

.BoxTitle {
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

.breadcrum {
    width: 700px;
}

.megawrapper {
    height: 357px !important;
    left: 177px !important;
    opacity: 0.99 !important;
    width: 993px !important;
}

.btn_apply {
    background: none repeat scroll 0 0 #2663AA;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 16px;
    margin-right: 7px;
    padding: 5px 5px;
    text-align: center;
    width: 100px;
}

.pad5 {
    padding-left: 10px !important;
}

.cls_padleft15p {
    padding-left: 20px !important;
}

.cls_gridrownew1 {
    width: 100%;
}

.TabBorder {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EAEBEB;
    float: left;
    margin-left: 9px;
    width: 97%;
}

.cls_wid945p {
    float: left;
    width: 100% !important;
}

.cls_marleft0p {
    margin-left: 0 !important;
    width: 913px !important;
}

.cls_gridbmarleft0p {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    width: 913px !important;
}

.seltab {
    background-color: #2663AA;
}

.unseltab {
    background-color: Red;
}

.class_flr {
    float: left;
    margin: 20px 0 20px 1.5%;
    width: 87%;
}

/*#Fra
        {
            float: left;
            width: 613px; /* box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.35);
            height: 43px;
            margin-top: 16px;
            border: 1px solid #ccc;
            margin-bottom: 10px;
            margin-left: 16px;
        }*/

#Fra > a {
    float: left;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 152px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    color: #908070;
}

.selected_color {
    background: #f8f3f0;
    color: #908070 !important;
    border-bottom: 4px solid #2663AA !important;
}

.no_borer {
    border-right: 0px none !important;
}

.partetion {
    border-left: 1px solid #ccc;
    float: left;
    height: 25px;
    color: #ccc;
    margin-top: 9px;
}



.tabsMenu {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-left: 10px;
    margin-top: 10px;
}

.tabsInnerMenu {
    border-radius: 5px;
    border-top: 3px solid #FFFFFF;
    float: left;
    margin: 0;
    width: auto;
}

    .tabsInnerMenu ul {
        list-style: none;
        float: left;
        width: 100%;
    }

        .tabsInnerMenu ul li {
            background: none repeat scroll 0 0 #FFFFFF;
            float: left;
            height: 35px;
            width: 182px;
        }

            .tabsInnerMenu ul li a {
                border-top: 3px solid #FFFFFF;
                color: #9E9E9E;
                float: left;
                font-size: 15px;
                font-weight: bold;
                line-height: 35px;
                text-align: center;
                text-decoration: none;
                width: 99%;
                font-family: calibri;
            }

.tabSelected {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #EAEBEB;
    border-right: 1px solid #EAEBEB;
    border-top: 3px solid #2663AA !important;
    color: #656565 !important;
    position: relative;
    top: -2px;
}

    .tabSelected a {
        color: #388FC4 !important;
    }

.box_view {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 3px #CCCCCC;
    float: left;
    margin: 10px 0 0;
}


.grid checkbox {
    margin-top: 10px;
}

.blur_look {
    opacity: 0.5;
}

.default_cursor {
    cursor: default;
}

#updateProgressDiv {
    background: none repeat scroll 0 0 #5F5F5F;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

    #updateProgressDiv img {
        position: relative; /* top: 30%; */
        top: 300px;
        position: fixed;
    }

.content {
    border-radius: 0 0 10px 10px;
}

.contmiddle {
    border-radius: 0 0 10px 10px;
}

.page-stats li {
    height: 75px;
}

.stats ul li div h2 span {
    font-size: 19px !important;
}

.page-stats-showcase h2 span {
    text-align: right;
    font-size: 24px;
}

.page-stats-showcase span {
    text-align: left;
    margin-bottom: 0px;
    font-size: 15px;
}



.padrgt20p {
    padding-right: 20px !important;
}

.extra_padd {
    /*padding: 0 0 8px 15px !important;*/
    padding: 0px 0px 0px 15px !important;
}

.alternativegridrow {
    border-width: 1px 1px;
}

.gridrow {
    border-width: 1px 1px;
}

.cls_marleft0p4 {
    margin-left: 0px !important;
}

.cls_gridbmarleft0p4 {
    margin-left: 0px !important;
    width: 957px !important; /*box-shadow: 0 7px 5px -3px #AEAEAE;*/
}

.gridtop {
    width: 100% !important;
}

.cls_marleft0p {
    margin-left: 0px !important;
    width: 940px !important;
}

.padt24 {
    padding-top: 26px !important;
}

.filter_width {
    margin-top: 6px;
    width: 105px;
}

.page-stats-showcase label {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0px;
    width: 100%;
}

.page-stats-showcase span {
    color: #FFFFFF;
    float: right;
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 25px;
    text-align: right;
    width: auto;
}


.wid_130p {
    width: 130px !important;
    color: #2663AA!important;
}

.wid_145p {
    width: 111px !important;
}

.innrepart {
    width: 96%;
    float: left;
    margin: 15px 2%;
}

.maindiv_title {
    width: auto;
    float: left;
    font-size:18px;
    color: #666666;
    font-weight: bold;
}

.innerleft {
    width: 45%;
    float: left;
    padding-right: 3%;
    margin-top: 25px;
}

.innerright {
    width: 49%;
    float: left;
    border-left: 1px solid #cccccc;
    padding-left: 2%;
    height: 190px;
    margin-top: 25px;
}

.cr {
    clear: both;
}

.inputfild {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f2f3;
    padding: 8px 0px;
}

.input_tile {
    width: 160px;
    float: left;
    font-size: 14px;
    font-family: helvetica;
}

.input_details {
    width: 180px;
    float: left;
    font-size: 16px;
    color: #2663AA;
    font-family: calibri;
}

.style {
    width: 1004px;
    float: left;
    padding: 0px;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    background: #ddd;
}

.counter {
    font-size: 18px;
    font-weight: bold;
}

.Collected {
    color: #1667b0;
    font-size: 17px;
    font-weight: bold;
}

.righttop {
    border-bottom: 1px solid #f1f2f3;
    height: 185px;
}

.spicetitle {
    width: auto;
    float: left;
    font-size: 21px;
    color: #2663AA;
    margin: 0px 0px;
    font-family: calibri;
    font-weight: bold;
}

.spicesub {
    width: 300px;
    float: left;
    font-size: 22px;
    color: #6d6c6c;
    font-family: calibri;
    margin-bottom: 10px;
}

.bagimg {
    width: 30px;
    float: left;
}

.bodernone {
    border: 0px !important;
}

.wid_60 {
    float: left;
    width: 60%;
}

.wid_40 span {
    color: #2663AA;
    float: left;
    font-family: calibri;
    font-size: 16px;
    width: 100%;
}

.wid_40 {
    float: left;
    width: 40%;
    margin: 0px 0px 0px 0;
}

    .wid_40 label {
        float: left;
        width: 100%;
        border: 1px solid #ccc;
        margin: 5px 0;
        height: 80px;
        box-shadow: 1px 1px 0 0 #E0E0E0;
    }

.rec_label {
    float: left;
    width: 137px;
}

.paddingright {
    padding-right: 10px !important;
}

.Wordbreak {
    word-wrap: break-word;
}

.padlft10p {
    padding-left: 10px !important;
}

.Pop_up_main {
    left: 27px !important;
    top: 100px !important;
}

.cls_position {
    position: absolute !important;
}

.PvTabel table tr {
    margin: 0 0 3px 0;
    width: 928px;
}

.cufon canvas {
    font-family: NeutraBlack;
}

/* .contmiddle h1
        {
            margin-top: 50px;
        }
        */
.ml1 {
    margin-left: 8px;
}

.formmain {
    padding: 15px 0 15px 80px;
    width: 91.6%;
    background: none;
}

.gridheadernew th, .mygridheader th {
    padding: 0 0 5px 5px;
    float: left;
}

.gridrow td, .alternativegridrow td {
    padding: 0 0 0px 5px;
    float: left;
}




.mand {
    margin: 0 0 0px;
}

.actionbox {
    border: 0px none;
    margin-top: 0px;
}


.btn_apply {
    background: none repeat scroll 0 0 #2663AA;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 16px;
    margin-right: 7px;
    padding: 5px 5px;
    text-align: center;
    width: 100px;
}

.cls_height36 {
    height: 36px;
}


.wid_130p {
    width: 130px !important;
    color: #1667B0 !important;
}

.wid_145p {
    width: 145px !important;
}

.innrepart {
    width: 96%;
    float: left;
    margin: 15px 2%;
}

.maindiv_title {
    width: auto;
    float: left;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
}

.innerleft {
    width: 45%;
    float: left;
    padding-right: 3%;
    margin-top: 25px;
}

.innerright {
    width: 45%;
    float: left;
    border-left: 1px solid #cccccc;
    padding-left: 2%;
    height: 260px;
    margin-top: 25px;
}

.cr {
    clear: both;
}

.inputfild {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f2f3;
    padding: 8px 0px;
}

.input_tile {
    width: 160px;
    float: left;
    font-size: 14px;
    font-family: helvetica;
}

.input_details {
    width: 180px;
    float: left;
    font-size: 16px;
    color: #2663AA;
    font-family: calibri;
}

.counter {
    font-size: 18px;
    font-weight: bold;
}

.Collected {
    color: #1667b0;
    font-size: 17px;
    font-weight: bold;
}

.righttop {
    border-bottom: 1px solid #f1f2f3;
    height: auto;
}

.spicetitle {
    width: auto;
    float: left;
    font-size: 21px;
    color: #2663AA;
    margin: 0px 0px;
    font-family: calibri;
    font-weight: bold;
}

.spicesub {
    width: auto;
    float: left;
    font-size: 17px;
    color: #6d6c6c;
    font-family: calibri;
    margin-bottom: 10px;
}

.bagimg {
    width: 30px;
    float: left;
}

.bodernone {
    border: 0px !important;
}

.wid_60 {
    float: left;
    width: 60%;
}

.wid_40 span {
    color: #2663AA;
    float: left;
    font-family: calibri;
    font-size: 16px;
    width: 100%;
}

.wid_40 {
    float: left;
    width: 46%;
    margin-right: 10px;
}

    .wid_40 label {
        float: left;
        width: 100%;
        border: 1px solid #ccc;
        margin: 5px 0;
        height: 60px;
        box-shadow: 1px 1px 0 0 #E0E0E0;
    }

.Pop_up_main {
    position: fixed !important;
    left: 165px !important;
    top: 150px !important;
    width: 29.8%;
}

.paddingright {
    padding-right: 10px !important;
}

.cls_padllp5 {
    padding-left: 10px !important;
}

.padl5 {
    padding-left: 5px !important;
}

.cls_marleft0p4 {
    margin-left: 4px !important;
}

.cls_gridbmarleft0p4 {
    margin-left: 3px !important;
    width: 945px !important;
}

.cls_marleft0p {
    margin-left: 0px !important;
    width: 940px !important;
}

.cls_gridbmarleft0p {
    margin-left: 3px !important;
}

.gridtop {
    background: none repeat scroll 0 0 #2663AA;
    border-radius: 6px 6px 0 0;
    float: left;
    height: 9px;
    margin-left: 7px;
    text-align: left;
    width: 98%;
}

.gridmain {
    width: 100%;
    float: left;
    border-radius: 7px;
    padding: 0px;
    min-height: 300px;
    margin: 25px 0px 20px 0px;
}

.cls_width940p {
    width: 940px !important;
}

.cls_wid100pct {
    width: 100% !important;
}

.gridtop {
    margin-left: 7px;
    width: 100% !important;
}

.gridbottom {
    margin-left: 0px;
}

.viewsales h4, .orderde {
    margin: 10px 0 0px 5px;
}

#cphContent_spnTotalCashSales {
    font-size: 24px !important;
    margin-top: 16px !important;
}

#cphContent_spnTotalCreditSales {
    font-size: 24px !important;
    margin-top: 16px !important;
}

#cphContent_spnTotalCreditNote {
    font-size: 24px !important;
    margin-top: 16px !important;
}

#cphContent_spnTotalSales {
    font-size: 24px !important;
    margin-top: 16px !important;
}

.page-stats-showcase span {
    font-size: 13px !important;
}

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

.spnkey {
    float: left;
    width: 60%;
}

.spnval {
    float: left;
    width: 40%;
}

.formmain {
    float: left;
    width: 99%;
}

.arrowmark {
    border-bottom: 12px solid #222222;
    border-left: 11px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    display: block;
    left: 680px;
    position: absolute;
    top: 272px;
    width: 1px;
}

#cphContent_rptTimeLineRouteClients tr {
    float: left;
    width: 884px;
}

#cphContent_rptTimeLineRouteClients td {
    float: left;
    padding-right: 10px;
    width: 30%;
}

.clsvalue {
    width: 100% !important;
    color: #6B757E !important;
    font-size: 18px !important;
}

.repmiddlennn {
    border: 1px solid #CACACA;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin-left: 6px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 940px;
}

.countamt {
    font-size: 21px;
}

.PvTabel table tr {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0px;
    box-shadow: none !important;
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.nonimg img {
    top: 0;
}

.wid97_mglft16 {
    width: 97% !important;
    margin-left: 16px !important;
}

.divmain {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    float: left;
    height: auto;
    margin: 10px 1%;
    padding-bottom: 20px;
    width: 952px;
}
/*Transaction module*/
.markrep_padt25 {
    padding-top: 25px;
}

.markrep_padt30 {
    padding-top: 30px;
}

.repdet_mgtop28p {
    margin-top: 28px;
}

.padtop0px {
    padding-top: 0px;
}

.padbtm0p {
    padding-bottom: 0px !important;
}

.margtop2p {
    margin-top: 2px;
}

.markrep_padt35 {
    padding-top: 35px;
}

.grv_wid99 {
    width: 97%;
    margin: 10px 0;
}

.grv_wid98 {
    width: 98%;
}

.grv_wid923px {
    width: 100% !important;
}

.grv_wid152px ul li {
    width: 180px !important;
}

.grv_wid182px ul li {
    width: 182px;
}

.padlft6px {
    padding-left: 6px !important;
}

.quantity_cls {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #ccc;
    padding: 2px;
    width: 50px;
}

.padleft33px {
    padding-left: 33px !important;
}

.movement_wid913px {
    width: 100% !important;
}

.fl_marg0p {
    float: left !important;
    margin: 0px;
}

.movement_wid915px {
    width: 100% !important;
}

.padleft0p {
    padding-left: 0px !important;
}

.cls_marg0 {
    margin: 0px;
}

.brdlft1px {
    border-left: 1px solid #ccc;
}

.mgleft35px {
    margin-left: 35px;
}

.mglr20px {
    margin: 10px 20px;
}
/*.bord1px{border:1px solid #ccc;}*/
.fl_width70per {
    float: left !important;
    width: 72% !important;
}

.BYNameProvider {
    float: left;
    width: 232px;
}

    .BYNameProvider span {
        float: left;
        width: auto;
        margin: 0 5px 0 0;
        font-weight: bold;
        color: #373737;
    }

    .BYNameProvider label {
        float: left;
        width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #716558;
    }

.pad10 a {
    color: #A3A09B;
}

.store_survy {
    float: left;
    color: #454545 !important;
    font-size: 13px !important;
    font-weight: bold;
    padding-left: 10px;
    width: 6% !important;
}

.pos_filter {
    left: -10px !important;
    position: relative !important;
    top: -14px !important;
}

.new_slidea235 {
    width: 235px;
}

.extra_surveypadd {
    padding: 5px 0 0 15px !important;
}

.store_labl {
    color: #898989 !important;
    float: left;
    font-weight: bold;
    padding-top: 1px;
    width: 27% !important;
    font-size: 13px !important;
}

.address_survy {
    color: #454545 !important;
    float: left;
    font-weight: bold;
    width: 10% !important;
    font-size: 13px !important;
}

.address_labl {
    color: #898989 !important;
    float: left;
    font-size: 13px !important;
    font-weight: bold;
    width: 52% !important;
}

.InneerTabelPv960 {
    float: left;
    width: 100%;
}

    .InneerTabelPv960 table, .InneerTabelPv960 table tr {
        width: 100% !important;
    }

.container1 {
    width: 1004px;
    margin: auto;
}

.error964 {
    width: 964px;
}

.pagingright_newauto tr {
    background: none !important;
    border: none !important;
    box-shadow: 0px 0px 0px 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.pagingright_newauto {
    background: none !important;
    border: none !important;
    box-shadow: 0px 0px 0px 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    float: left !important;
    width: auto !important;
}

.PvTabel30 {
    width: 100%;
    margin: 0 auto;
}

    .PvTabel30 table {
        width: 100%;
        float: left;
    }

        .PvTabel30 table tr {
            width: 100%;
            background: #fff;
            border: 1px solid #ccc;
            padding: 10px 0;
            margin: 0 0 10px;
            float: left;
            border-radius: 3px;
            box-shadow: 0 1px 3px #CCC;
        }


            .PvTabel30 table tr td {
                float: left;
                width: 30px;
            }

.cls_padt25 {
    margin-top: 27px;
}

.seacontrol1 {
    height: 42px;
    width: 435px;
}

    .seacontrol1 input {
        height: 42px;
        width: 420px;
        padding-left: 10px;
    }

.gridpager table {
    border: 0px !important;
}

.gridpager tr {
    width: 400px !important;
    float: left;
    height: auto !important;
    margin: 0 10px !important;
}

.gridpager td {
    width: 30px !important;
    float: left;
    height: auto !important;
}

#divSurveyAnswerDetails {
    left: 165px !important;
}


.IvCount215 label {
    margin: 0;
    float: left;
    color: #686666;
    font-size: 13px;
}

.IvCount215 {
    width: 215px !important;
    float: right;
}

.question {
    float: left;
    width: 92%;
    padding: 5px;
    font-weight: bold;
}

.answer {
    float: left;
    width: 97%;
    padding: 5px;
}

.promo1 {
    width: 100%;
    float: left;
    background: #fff; /*#b2b2b2;*/
}

.promo94 {
    width: 94%;
    float: left;
    background: #fff; /*#b2b2b2;*/
    margin: 0 1%;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

    .promo94 span {
        width: 96%;
        float: left;
        background: #f9f9f9f; /*padding:10px 0 10px 10px*/
        font-size: 1.2em;
        text-align: left;
        color: #fff;
    }

    .promo94 p {
        float: left;
        font-size: 1.2em; /*padding: 10px;*/
        width: 93%;
        padding: 10px 2.5%;
        text-align: left;
    }

.okbtn {
    border-top: 1px solid #B2B2B2;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

    .okbtn a {
        width: 100%;
        float: left;
        color: #569FFF;
        font-size: 20px;
    }

.popupbtn {
    float: left;
    margin-bottom: 5px;
    margin-left: 7px;
    width: 95%;
}

.popmiddle {
    float: left;
    width: 100%;
}

.borderbtm {
    border-bottom: 1px solid #ccc;
}

.martop {
    margin-top: 8px !important;
}

.popupheading97 {
    float: left;
    width: 97%; /*27/08/2014*/
    background: #152049;
    border-radius: 4px 4px 0px 0px;
}

.fipopuptext {
    color: #414141;
    float: left;
    font-size: 1em;
    padding: 0 10px 2px;
    width: 93%;
}

#pageLoader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: url('../images/loader.gif') no-repeat center center;
}

.cls_question {
    float: left;
    width: auto;
    margin: 5px 5px 0 5px;
}

.cls_ans {
    float: left;
    width: auto;
    margin: 5px 0;
}

    .cls_ans input {
        float: left;
        width: auto;
        margin: 0 5px;
    }

    .cls_ans label {
        float: left;
        width: auto;
        padding: 0 5px;
    }

.cls_quesimg {
    width: 100px;
    float: left;
}

.cls_ansmain {
    float: left;
    width: 97%;
    padding: 2px;
    border: 1px solid #ccc;
    margin: 6px 1%;
    border-width: 1px 0 0 0;
}

.cls_quesmain {
    float: left;
    width: 97%;
    padding: 2px;
    border: 0px solid #ccc;
    margin: 6px 1%;
}

.cls_okbtn {
    width: 110px !important;
    height: 38px;
    background: url(../Images/ok.png) no-repeat;
    border: 0;
    cursor: pointer;
    float: left;
}

.cls_ansselect {
    float: left;
    width: 150px;
    margin: 5px 0;
}

    .cls_ansselect select {
        float: left;
        width: 140px;
        margin: 5px 0;
        border: 1px solid #ccc;
        color: #222;
        font-size: 13px;
        padding: 5px;
    }

.cls_quesans {
    border: 1px solid #ccc;
    float: left;
    width: 98%;
    margin: 5px 1%;
}

.cls_button2 {
    background: url("../images/sea1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px !important;
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    margin-right: 5px;
    width: auto;
}

.BGRD {
    background: none repeat scroll 0 0 #74ae00;
}

.BGBL {
    background: none repeat scroll 0 0 #e400a7;
}

.BGRG {
    background: none repeat scroll 0 0 #ea8900;
}

.BRPU {
    background: none repeat scroll 0 0 #3ac3a9;
}

.BROR {
    background: none repeat scroll 0 0 #8181f7;
}

.middlepartone {
    box-shadow: 0 9px 6px -5px #cccccc;
    float: left;
    margin-bottom: 10px;
    min-height: 42px;
    padding: 0 20px 10px;
    position: relative;
    width: 95%;
}

.listmenu {
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 15%;
}

.OneRow {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #cccccc;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    float: left;
    width: 100%;
}

.treeImg {
    display: block;
    float: left;
    position: relative;
    top: -10px;
    width: auto;
}

.topbox1 {
    float: left;
    width: 100%;
}

.View_Btn {
    float: right;
    margin: 9px 10px;
    width: 10%;
}

    .View_Btn a {
        background: none repeat scroll 0 0 #477f40;
        color: #ffffff;
        float: right;
        font-weight: bold;
        padding: 4px 0;
        text-align: center;
        width: 100%;
    }

.StoreBoxReport {
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0 0 10px #cecfd0 inset;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-left: 9%;
    padding: 0;
    width: 91%;
}

.brndnme > b {
    float: left;
    width: 15px;
}

.marglr4px {
    margin: 8px 4px 0 5px;
}

.ui-multiselect {
    padding: 8px 0 10px 4px;
}

.cls_useridenty37 {
    float: right;
    margin-bottom: 5px;
    width: 37%;
}

    .cls_useridenty37 ul {
        float: left;
        width: 100%;
    }

    .cls_useridenty37 li {
        float: left;
        list-style: outside none none;
        padding: 0 0 0 16px;
        width: auto;
    }

    .cls_useridenty37 ul li img {
        float: left;
        margin: 5px;
        width: auto;
    }

    .cls_useridenty37 ul li span {
        color: #4d4d4d;
        float: left;
        font-size: 14px;
        padding: 10px 2px;
        width: auto;
    }

.mglr35px {
    margin: 0 35px;
}

.width100per {
    width: 100%;
}

.marg10p {
    margin: 10px;
}

.filter_new {
    top: -3px !important;
    left: -6px !important;
    position: relative !important;
}

.padl10 {
    padding-left: 10px !important;
}

.cls_padl20 {
    padding-left: 15px !important;
}

.bgireacoard97 {
    width: 97%;
    margin-left: 0;
    float: left;
    margin-top: 0px;
}

.newinnermenu213p ul li {
    float: left;
    width: 213px;
    background: #fff;
    height: 41px;
}

.newinnermenu213p ul {
    list-style: none;
    float: left;
    width: 100%;
}

    .newinnermenu213p ul li a {
        text-decoration: none;
        color: #4A5E67;
        font-size: 15px;
        line-height: 41px;
        text-align: center;
        width: 99%;
        float: left;
        border-top: 3px solid #fff;
        color: #9E9E9E;
        font-weight: bold;
    }

.tabSelected1 {
    border-top: 3px solid #2663AA !important;
    border-left: 1px solid #eaebeb;
    border-right: 1px solid #eaebeb;
    position: relative;
    top: -2px;
    background: #fff;
    color: #656565 !important;
}

.marg0p {
    margin: 0px;
}

#Fra156 {
    border: 1px solid #ccc;
    float: left;
    height: 43px;
    margin-bottom: 10px;
    margin-left: 16px;
    margin-top: 16px;
    width: 942px;
}

    #Fra156 > a {
        color: #908070;
        float: left;
        font-size: 14px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        padding: 0;
        text-align: center;
        text-decoration: none;
        width: 156px;
    }

.wid96_pad20 {
    width: 96% !important;
    padding: 20px !important;
}

#divPaging {
    margin-right: 10px;
}

.brandmglt0 {
    margin-left: 0px;
    margin-top: 0px;
}

.padleft35px {
    padding-left: 35px !important;
}

.ui-corner-all > span {
    float: right;
    text-align: left;
    width: 87%;
}

.No_Edit {
    text-decoration: underline !important;
}

.text_underline {
    text-decoration: underline !important;
}

.padleft90px {
    padding-left: 90px !important;
}

.width910px {
    width: 910px !important;
}

/*Transaction module*/

/*Report module*/
.pad5px {
    padding: 5px !important;
}

    .pad5px span {
        width: 40% !important;
    }

.cls_marleft0px {
    margin-left: 0px !important;
}

.padbtm0px {
    padding-bottom: 0px;
}

.tabsInnerMenu942 {
    border-radius: 0px;
    border-top: 3px solid #FFFFFF;
    float: left;
    margin: 0 0 0 16px;
    width: 942px;
    border: 1px solid #ccc;
}

    .tabsInnerMenu942 ul {
        list-style: none;
        float: left;
        width: 100%;
    }

        .tabsInnerMenu942 ul li {
            background: none repeat scroll 0 0 #FFFFFF;
            float: left;
            height: 46px;
            width: 152px;
        }

            .tabsInnerMenu942 ul li a {
                border-top: 3px solid #FFFFFF;
                color: #9E9E9E;
                float: left;
                font-size: 15px;
                font-weight: bold;
                line-height: 41px;
                text-align: center;
                text-decoration: none;
                width: 99%;
            }

.tabSelected942 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #EAEBEB;
    border-right: 1px solid #EAEBEB;
    border-bottom: 3px solid #2663AA !important;
    color: #656565 !important;
    position: relative;
    top: 0px;
}

    .tabSelected942 a {
        color: #388FC4 !important;
    }

.padleft30px {
    padding-left: 30px !important;
}


/*Report module*/



/*Admin Module  */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #000 !important;
}

.cls_width100p {
    float: left;
    width: 100%;
}

.SaveBtn {
    background: url("../images/SaveBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left !important;
    height: 32px !important;
    width: 103px !important;
}

.SaveContinueBtn {
    background: url("../images/Save&ContinueBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left !important;
    height: 32px !important;
    margin: 0 0 0 5px;
    width: 238px !important;
}

.SaveContinueAssBtn {
    background: url("../images/Save&ContinueAssBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left !important;
    height: 32px !important;
    margin: 0 5px;
    width: 222px !important;
}

.btncancel {
    background: url("../images/btncancel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left !important;
    height: 32px !important;
    width: 103px !important;
}

.labelright {
    float: left;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 11.5px;
    width: 52%;
}

.cls_breadcrumnnew_text {
    border-bottom: 1px solid #e9e9e9;
    color: #ab1230;
    float: left;
    line-height: 20px;
    margin: 13px 1% 13px 0;
    padding: 4px 1% 8px 0;
    width: 98%;
}

.cls_profileleft {
    color: #98989a;
    float: left;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 11.5px;
    font-weight: normal;
    padding: 5px 0;
}

.cls_breadcam_text {
    color: #666666;
    float: left;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 20px;
    padding: 1px 0;
    width: auto;
}

.cls_breadcrumnnew1 a {
    color: #373737;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 11.5px;
    margin: 0 5px;
    text-decoration: none;
}

.cls_breadspan {
    color: #047644 !important;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 11.5px;
    margin: 0 5px;
}

.cls_width100pt {
    float: left;
    width: 100%;
}

.cls_whleft_1 {
    float: left;
    margin: 0 4% 0 0;
    width: 45%;
}

.cls_competilorside_1 {
    float: left;
    padding: 0;
    width: 100%;
}

.cls_width98pad {
    float: left;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 98%;
}

.cls_whleft_1 {
    float: left;
    margin: 0 4% 0 0;
    width: 45%;
}

.labelright1 input {
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #dde1e4 inset;
    color: #000;
    float: left;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 6px 3px;
    width: 98%;
}

input, textarea, select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0px solid #ccc;
}

.labelright input {
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #dde1e4 inset;
    float: left;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 11px;
    padding: 6px 3px;
    width: 98%;
}

.labelright1 select {
    height: auto !important;
}

.labelright1 select {
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: -1px 0 8px 0 #dde1e4 inset;
    color: #333333;
    font-size: 11px;
    padding: 6px 3px;
    width: 100%;
}

.labelright1 {
    float: left;
    font-family: Arial,Helvetica,Verdana,Geneva;
    font-size: 11.5px;
    width: 55%;
}

.ui-multiselect-header {
    padding: 3px 0 10px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: none !important;
    border: 1px solid #CCCCCC !important;
    box-shadow: -1px 0 8px 0 #dde1e4 inset;
}

.cls_profileleft {
    width: 25%;
}

.cls_breadspan {
    color: #454545 !important;
}

.ui-icon-circle-close {
    background-position: -32px -192px !important;
}

.ui-icon-check {
    background-position: -64px -144px !important;
}

.ui-icon-closethick {
    background-position: -96px -128px !important;
}


.ui-multiselect-checkboxes.ui-helper-reset {
    float: left;
    width: 100%;
}

.contentmiddle {
    float: left;
    margin: 20px 10px 0;
    width: 100%;
}

.cls_breadcam_t1 {
    color: #666666;
    float: left;
    font-family: arial;
    font-size: 17px;
    font-weight: normal;
    margin-top: 0;
    width: 70%;
}

.from_to {
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin-top: 2px;
    text-align: center;
    width: 6%;
}

.cls_breadcrumnnew1 {
    color: #737373;
    float: left;
    font-size: 11px;
    line-height: 20px;
    margin: 5px 0 10px;
    padding: 0 0;
    width: 100%;
}

.blackbold {
    color: #000;
    font-weight: bold;
}

.edit_form {
    background: #F1F2F3;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -mos-border-radius: 3px;
    color: #525252;
    float: left;
    font-weight: normal;
    margin-bottom: 7px;
    padding: 6px 10px;
    width: 93.5%;
}

.width_30 {
    width: 10% !important;
}

.cls_red_color {
    color: #f00;
}

.cls_profileleft {
    color: #454545;
}


.tdnone img {
    top: 0px;
}

.imp_width100 {
    width: 100% !important;
}

.region label {
    color: #454545;
    float: left;
    font-size: 13px;
    margin: 7px 10px;
    text-align: right;
    width: auto;
}

.region select {
    background: url("../images/input_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    color: #737373 !important;
    float: left;
    margin: 0 0 0 5px;
    padding: 11px 5px;
    width: 150px;
}

.scrollx {
    overflow-x: scroll;
}

.clearfix {
    clear: both;
}

.targetpreviewbtn {
    float: right;
    width: auto;
}

    .targetpreviewbtn a {
        background: url("../images/previewbtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: left;
        margin: 7px 0 0;
        width: 131px;
    }

.ltie7 .spa_image {
    margin-top: 0 !important;
}

.ltie7 .search_ll {
    padding-top: 2px !important;
}

.ltie7 .ie7mrg28 {
    margin-left: 28.8% !important;
}

.ltie7 .formcontroller select {
    margin: 6px 0 0;
}

.ltie7 .region select {
    margin: 10px 0 0;
}

.ltie7 .formcontrol select {
    margin: 10px 0 0;
}

.ltie7 .btnalignrig select {
    margin: 10px 0 0;
}

.monthfields {
    background-image: url("../images/input_bg.png");
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    float: left;
    text-align: left;
    width: 320px;
}

    .monthfields input {
        background: none repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        border: 0 none;
        color: #737373 !important;
        float: left;
        padding: 11px 5px;
        width: 155px !important;
    }

    .monthfields select {
        background-image: url("../images/input_bg.png");
        background-repeat: repeat-x;
        border: 1px solid #CCCCCC;
        border-radius: 8px;
        color: #737373 !important;
        float: left;
        margin: 6px 0;
        padding: 3px 11px 3px 5px;
        width: 152px !important;
    }

.targetsetdate {
    background-color: #C0D7F0 !important;
    border-bottom: 1px solid #8A8A8A !important;
    border-right: 1px solid #8A8A8A !important;
    border-top: 1px solid #8A8A8A !important;
    color: #505050 !important;
    font-weight: bold !important;
    padding: 3px 0 !important;
    text-align: center !important;
    width: 10% !important;
}

.org_targetsetdate {
    background-color: #2663AA !important;
    border-bottom: 1px solid #2663AA !important;
    border-right: 1px solid #ccc !important;
    border-top: 1px solid #2663AA !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    padding: 3px 0 !important;
    text-align: center !important;
    width: 7.65% !important;
    float: left;
}

.monthsbottom {
    float: left !important;
    margin: 0 !important;
    width: 100% !important;
}

.medinlbl {
    border-right: 1px solid #CCCCCC !important;
    float: left !important;
    padding: 5px !important;
    text-align: center !important;
    width: 8.8% !important;
}

    .medinlbl input {
        border: 1px solid #CCCCCC !important;
        float: left;
        padding: 8px;
        text-align: center;
        width: 75% !important;
    }

.newmedinlbl {
    float: left !important;
    padding: 7px 3px !important;
    text-align: center !important;
    width: 6.8% !important;
    border-right: 1px solid #CCCCCC;
}

.OrangeHeader {
    float: left;
    width: 100%;
}

img {
    border: 0 none;
    max-width: 100%;
    outline: 0 none;
}

.newmedinlbl input {
    border: 1px solid #CCCCCC !important;
    float: left;
    padding: 4px 0;
    margin-left: 2px;
    text-align: center;
    width: 88% !important;
}

.ShowHistry {
    float: left;
    width: 100%;
}

.objunitlist {
    /*background-image: url("../images/gridtabbg.png");*/
    background: #2663AA;
    color: #fff;
    border-bottom: 1px solid #CCCCCC !important;
    border-left: 0px solid #CCCCCC !important;
    float: left !important;
    width: 100%;
}

.unitmonths {
    border-right: 1px solid #CCCCCC !important;
    border-top: 0px solid #CCCCCC !important;
    float: left !important;
    width: 6% !important;
}

.yearsname {
    /*background-image: url("../images/secondtab1.png");*/
    background-repeat: repeat;
    background: #fff;
    background-size: 100% 100%;
    border-bottom: 1px solid #CCCCCC !important;
    border-left: 0px solid #CCCCCC !important;
    float: left !important;
    width: 100%;
}

.wid100pp {
    float: left;
    width: 100%;
}

.mntslbl {
    border-right: 1px solid #CCCCCC !important;
    float: left !important;
    text-align: center !important;
    width: 5.5% !important;
    padding: 5px;
}

.unitsvalue_main {
    background: none repeat scroll 0 0 #F5F7EE;
    border-right: 1px solid #CCCCCC;
    float: left;
    width: 835px;
}

.profile {
    float: left;
    width: 100%;
}

    .profile ul {
        float: left;
        width: 100%;
    }

        .profile ul li {
            border-right: 1px solid #CCCCCC;
            float: left;
            text-align: center;
            width: 15%;
        }

            .profile ul li a {
                background: none repeat scroll 0 0 #EFECE7;
                border-color: #CCCCCC #CCCCCC -moz-use-text-color;
                border-style: solid solid none;
                border-width: 1px 1px 0;
                color: #767676;
                float: left;
                font-size: 13px;
                font-weight: bold;
                height: 41px;
                line-height: 41px;
                padding: 0;
                width: 100%;
            }

.profileSelect {
    background: none repeat scroll 0 0 #D1D1D1 !important;
    color: #454545 !important;
    float: left;
    font-size: 13px !important;
    font-weight: bold;
    padding: 8px 0;
    width: 100%;
}

.ctr_cancel {
    float: right;
    margin: 40px 0 0;
    width: 515px;
}

.padleft10px {
    padding: 0 0 0 10px !important;
}

.btnFinish {
    background: url("../Images/finish_active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    height: 29px;
    margin-right: 10px;
    width: 99px;
}

    .btnFinish a {
        float: left;
        text-decoration: none;
        width: 100%;
    }

.btnNext {
    background: url("../Images/next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    height: 29px;
    margin-right: 10px;
    width: 99px;
}

    .btnNext a {
        float: left;
        text-decoration: none;
        width: 100%;
    }

#fade {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.TopPerformers {
    float: right;
    width: auto;
}

    .TopPerformers select {
        margin: 0 5px;
        width: 100px;
    }

.PpgMain {
    border: 1px solid #B9B9BB;
    border-radius: 5px;
    float: left;
    height: auto !important;
    margin: 0 0 0 10px;
    width: 306px;
}

.PpgText {
    background: none repeat scroll 0 0 #DBF1EF;
    border-bottom: 1px solid #B9B9BB;
    border-radius: 5px 5px 0 0;
    color: #059A96;
    float: left;
    font-family: "HelveticaNeue-CondensedBold";
    font-size: 19px;
    font-weight: normal;
    padding: 10px;
    width: 296px;
}

.SalesRep {
    background: none repeat scroll 0 0 #F9FAFC;
    border-radius: 0 0 5px 5px;
    float: left;
    width: 306px;
}

    .SalesRep ul {
        float: left;
        margin: 0;
        padding: 0;
        width: 306px;
    }

        .SalesRep ul li {
            float: left;
            margin: 0;
            padding: 0;
            width: 306px;
        }

            .SalesRep ul li a {
                float: left;
                padding: 10px;
                width: 290px;
            }

                .SalesRep ul li a label {
                    color: #059A96;
                    float: left;
                    font-family: "HelveticaNeue-CondensedBold";
                    font-size: 16px;
                    font-weight: normal;
                    line-height: 18px;
                    width: auto;
                }

                .SalesRep ul li a span {
                    float: right;
                    padding: 3px 0 0;
                    width: 30px;
                }

.GraphMain {
    float: left;
    width: 100%;
}

.GraphMain_left, .GraphMain_right {
    float: left;
    width: 50%;
}

    .GraphMain_left span {
        color: #6F6F6F;
        float: left;
        font-family: "Helvetica",Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 11px 10px;
        width: 98%;
    }

.GraphMain_right {
    position: relative;
    top: -10px;
}

.AhmedPopup {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    float: left;
    height: 321px;
    padding: 10px;
    position: absolute;
    right: 385px;
    top: 198px;
    width: 500px;
    z-index: 1000;
}

.AhmedPopupHeader {
    float: left;
    width: 100%;
}

    .AhmedPopupHeader span {
        color: #059A96;
        float: left;
        font-family: "Helvetica",Arial,Helvetica,sans-serif;
        font-size: 20px;
        font-weight: bold;
        width: auto;
    }

    .AhmedPopupHeader a {
        float: right;
        width: auto;
    }

.textcenter {
    text-align: center !important;
}

.AhmedPopupHeader a img {
    position: relative;
    top: -5px;
}

.ack_font {
    width: 60px;
}

.Ppg_Font {
    width: 70px;
}

.sideheading {
    color: #3E3E3E !important;
    float: left;
    font-family: "HelveticaNeue-CondensedBold";
    font-size: 27px;
    padding: 10px 25px 5px;
    width: 51%;
}

.UnitsUsdMain {
    background: none repeat scroll 0 0 #E0E0E0;
    border: 1px solid #C1C4C6;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0 #FFFFFF;
    float: left;
    margin-right: 0;
    margin-top: 4px;
    padding: 1px;
    width: 14%;
}

.cls_unitbox {
    background: url("../Images/btnbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #B9BBBF;
    border-radius: 5px;
    float: left;
    margin-top: 4px;
    padding: 4px 2px;
    width: 14%;
}

.cls_txtbox {
    font-family: "Helvetica",Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.cls_searchbtn {
    float: left;
    margin: 3px 0 0 5px;
}

.SelectbtnUSD1 {
    background: url("../Images/boxbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #017B76 !important;
    border-radius: 3px;
    color: #FFFFFF !important;
    float: left;
    font-size: 13px;
    font-weight: bold !important;
    margin: 1px 0 0 2px;
    padding: 3px;
    width: 100px !important;
}

.btnUSD_ul_li_input1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none;
    color: #6F6F6F;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 1px 0 0 2px;
    padding: 3px;
    width: 92px !important;
}

.cls_unitbox1 {
    background: url("../Images/btnbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #B9BBBF;
    border-radius: 5px;
    float: left;
    margin-top: 4px;
    padding: 4px 2px;
    width: 21.2%;
}

.ddlshow {
    display: block;
}

.ddlhide {
    display: none;
}

.overallppgach {
    color: #3E3E3E;
    float: left;
    font-family: "HelveticaNeue-CondensedBold";
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    width: 80px;
}

.btnNext_New {
    background: url("../Images/next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 29px;
    margin-right: 10px;
    width: 100px;
}

.btnFinish_New {
    background: url("../Images/finish_active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 29px;
    margin-right: 10px;
    width: 99px;
}

.filtercal {
    float: left;
    margin: 10px 1%;
    width: 23%;
}

.Filtermain {
    float: left;
    margin: 0 1.1%;
    padding: 15px 1%;
    width: 95.1%;
}

    .Filtermain label {
        float: left;
        font-size: 12px;
        padding: 1px 0;
        width: 75%;
    }

    .Filtermain span {
        color: #5A5A5A;
        float: left;
        font-size: 28px;
        font-weight: bold;
        padding: 1px 0;
        width: 100%;
    }

.Filtercalmain {
    background-image: linear-gradient(#F7F7F7, #E8E8E8);
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 1px #B5B5B5;
    float: left;
    margin: 0 1.1%;
    padding: 15px 1%;
    width: 95.2%;
}

.Filtermain input {
    float: left;
    margin-top: 6px;
    width: 15%;
}

.filtercalbottom {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    border-radius: 0 5px 5px;
    float: left;
    padding: 2px;
    width: 96%;
}

    .filtercalbottom span {
        float: left;
        margin: 0 1%;
        width: 31%;
    }

    .filtercalbottom span {
        float: left;
        margin: 0 1%;
        width: 31%;
    }

.medicinlist {
    width: 100%;
}

    .medicinlist input {
        text-align: center;
        width: 84px;
    }

.filtercalbottom span {
    float: left;
    margin: 0 1%;
    width: 31%;
}

.Callmaintarget {
    background-image: linear-gradient(#F7F7F7, #E8E8E8);
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 1px #B5B5B5;
    float: left;
    margin: 0 1.1%;
    padding: 14px 1%;
    width: 15.1%;
}

.notificationfiltercal {
    float: left;
    margin: 10px 1%;
    width: 98%;
}

.notificationFiltermain {
    float: left;
    margin: 0 1.1%;
    padding: 5px 1%;
    width: 45%;
}

    .notificationFiltermain span {
        float: left;
        margin: 6px 5px 0 0;
        width: 15px;
    }

.boxshd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: linear-gradient(#F7F7F7, #E8E8E8);
    border-color: #DFDFDF #DFDFDF -moz-use-text-color;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 1px #B5B5B5;
    float: left;
    padding: 0;
    width: 100%;
}

.firstrow {
    color: #454545;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    padding: 3px 0 0;
    width: 51%;
}

.innerdiv {
    background: none repeat scroll 0 0 #E0F8F8;
    border: 1px solid #CDEAEA;
    float: left;
    margin: 5px;
    padding: 5px 10px;
    width: 90%;
}

.GridNewMain {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    height: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.Target_txt {
    color: #4D4D4D;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0 0 10px;
    width: 51%;
}

.SecondGridBg {
    background: none repeat scroll 0 0 #E0F8F8;
    border-top: 1px solid #CDEAEA;
    float: left;
    padding: 1%;
    width: 98%;
}

.SecondGrid {
    background: url("../images/innergridbg.png") repeat scroll 0 0 / 100% 100% #F4F4F4;
    border: 1px solid #BFD3D3;
    float: left;
    padding: 3px 10px;
    width: 922px;
}

.Arcox {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0 0 8px;
    width: 51%;
}

.ShowHistry {
    float: left;
    text-align: center;
    width: 100%;
}

.GridTablebig {
    float: left;
    width: 100%;
}

.GridTablebigleft {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
    border-style: none none solid solid;
    border-width: 0 0 0px 0px;
    float: left;
    padding: 5px 6px;
    width: 10.1%;
}

.GridTablebigright {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    float: left;
    padding: 7px 0 0px;
    width: 88.2%;
}

.OrangeHeader {
    float: left;
    width: 100%;
}

.btnUSD {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    float: left;
    width: 140px;
}

.btnUSD_ul {
    float: left;
    width: 140px;
}

.btnUSD_ul_li {
    float: left;
    width: 70px;
}

.btnUSD_ul_li_input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #6F6F6F;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 4px;
    width: 65px !important;
}

.SelectbtnUSD {
    background: -moz-linear-gradient(center top, #41CFC9 0%, #17A7A1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #017B76 !important;
    border-radius: 3px;
    color: #FFFFFF !important;
    float: left;
    font-size: 12px;
    font-weight: bold !important;
    padding: 3px;
    width: 64px !important;
}

.SelectbtnEdit {
    background: none repeat scroll 0 0 #E0E6E6 !important;
    border: 1px solid #CCCCCC !important;
    border-radius: 5px;
    color: #6F6F6F !important;
    float: left;
    font-weight: bold !important;
    margin: 3px 4px !important;
    width: 62px !important;
}

.fl {
    float: left !important;
}

.SalesTarget {
    color: #434343;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    width: 98px;
}

.SalesTotal {
    color: #363636;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 0;
    text-align: center;
    width: 98px;
}

.SalesPooled {
    background: none repeat scroll 0 0 #AEAEAE;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #FFFFFF;
    float: left;
    margin: 8px 0 0;
    padding: 10px 0;
    width: 98px;
}

    .SalesPooled input {
        float: left;
        margin: 0 5px 0 15px;
        width: 15px;
    }

    .SalesPooled label {
        color: #363636;
        float: left;
        font-size: 13px;
        padding: 0 5px;
        width: auto;
    }

.Total_Target {
    float: left;
    width: 100%;
    margin: 0px 0 1px;
}

.Total_Target_left {
    float: left;
    width: 46%;
}

.Total_Target_right {
    float: right;
    width: 50%;
    margin: 5px 0 6px;
}

.Total_Sales {
    float: left;
    width: 50%;
}

    .Total_Sales > input {
        border: 1px solid #CCCCCC;
        float: left;
        padding: 5px;
        width: 23%;
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .Total_Sales > label {
        float: left;
        font-size: 12px;
        margin-top: 8px;
        width: 66%;
    }

.Total_Sales_check {
    float: left;
    width: 30%;
}

.Total_Sales_check_new {
    float: left;
    width: 70%;
}

.Total_Sales_check > input {
    float: left;
    margin-top: 5px;
    width: 19%;
}

.Total_Sales_check_new > input {
    float: left;
    margin-top: 5px;
    width: 8%;
}

.Total_Sales_check_new > label {
    float: left;
    margin-top: 5px;
    width: auto;
}

.Total_Sales_check > label {
    float: left;
    margin-top: 5px;
    width: auto;
}

.newinnermenu {
    border-radius: 5px;
    float: left;
    margin: 0;
    width: 100%;
}

    .newinnermenu ul {
        float: left;
        list-style: none outside none;
        width: 80%;
    }


.mainmenusel1 {
    background: url("../Images/11.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;
}

.newinnermenu ul li a {
    color: #4A5E67;
    float: left;
    font-size: 15px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.mainmenusel1 a {
    color: #388FC4 !important;
}

.For_separate {
    width: 10.3% !important;
    float: left;
    border-right: 1px solid #cccccc !important;
    padding: 5px;
    border-left: 0 !important;
}

.no_border_r {
    border-right: 0 !important;
}

.cls_addbtn {
    background: none repeat scroll 0 0 #2663AA;
    border: 1px solid #2663AA;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 33px;
    margin-right: 5px;
    padding: 2px 10px;
    text-decoration: none;
    font-weight: bold;
}

.class_tar {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.class_tar11 {
    float: left;
    width: 30%;
    margin: 0 1%;
}

.class_tar12 {
    float: left;
    width: 1%;
    border: 4px solid #2663AA;
    height: 40px;
    border-width: 0px 0 0 4px;
}

.class_tarlab {
    float: left;
    width: auto;
    font-size: 14px;
    color: #5d5d5d;
}

.tilnamtext {
    float: left;
    width: auto;
    font-size: 14px;
    color: #6bb1da;
    padding: 0 0 0 10px;
}

ul {
    list-style: none;
}

.filtercal {
    float: left;
    width: 23%;
    margin: 10px 1%;
}

.cls_totaltar {
    float: left;
    width: 215px;
    margin: 5px 0;
}

    .cls_totaltar label {
        float: left;
        width: auto !important;
        padding: 5px;
        color: #5d5d5d;
        font-size: 14px;
    }

    .cls_totaltar input {
        float: left;
        width: 20% !important;
        border: 1px solid #cccc;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        padding: 7px 5px;
        margin-left: 5px;
    }

.unselec {
    background: url("../Images/13_h.png") no-repeat scroll 0 0 / 38px 100% rgba(0, 0, 0, 0);
    padding: 0;
}

.selec {
    background: url("../Images/12.png") no-repeat scroll 0 0 / 38px 100% rgba(0, 0, 0, 0);
    padding: 0;
}

.brand ul li {
    float: left;
    width: 25%;
}

.brand {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 61%;
}

    .brand ul li a {
        color: #FFFFFF;
        float: left;
        font-size: 14px;
        padding: 0;
        text-align: center;
        width: 92%;
    }

.grid_new_border {
    border: 1px solid #CCCCCC;
    float: left;
    width: 100%;
}

.popsloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=20);
    display: none;
    z-index: 10;
}

.ntry_wise_dept {
    float: left;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.chk_filter_search_panel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E3E3E3;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    float: left;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 6.5px;
    width: 2000px;
}

.level4_month {
    border-right: 1px solid #CCCCCC !important;
    border-top: 0 solid #CCCCCC !important;
    float: left !important;
    width: 6.07% !important;
}
/**/

/*Admin Module  */

/*thiru start here*/
.cls_new_slidea {
    float: left;
    width: 235px;
}

.cls_height34p {
    height: 34px;
}

.cls_new_searing {
    float: left;
    width: 945px;
}

.cls_pad0p {
    padding: 0px !important;
}

.cls_extra_padd {
    padding: 0 0 0 15px !important;
}

.cls_cls_mart25p {
    margin-top: 25px !important;
}

.cls_cls_mart34p {
    margin-top: 34px !important;
}

.cls_padleft10pc {
    padding-left: 10px !important;
}

.cls_TopMenuBoxlabel {
    line-height: 22px !important;
    padding: 10px 10px 0 !important;
}

.cls_TopMenuBox {
    margin: 0 3px !important;
    width: 24.3% !important;
}

.for_h3_rr {
    font-size: 18px;
    float: right;
    margin: 0 10px 0 0px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 35px;
    width: auto;
}

.cls_IvCount {
    float: left;
    width: 318px;
}

    .cls_IvCount label {
        color: #2663AA;
        font-size: 12px;
        width: 160px;
        margin: 4px 0 0;
        float: left;
    }

.cls_coln {
    float: left;
    width: auto !important;
}

.cls_widthauto {
    width: auto !important;
}

.cls_IvCount strong {
    font-size: 14px;
    margin: 3px 0 0 5px;
    text-align: right;
    width: 100%;
    color: #686666;
    float: left;
}

.cls_norecord {
    color: red;
    line-height: 100px;
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.cls_norecord1 {
    border-left: 2px solid #e3e3e3 !important;
    box-shadow: 0 0px 0px #cccccc;
    color: red;
    line-height: 100px;
    font-size: 18px;
    width: 98%;
    text-align: center;
}

.cls_datagrid {
    margin-left: 15px !important;
    margin-top: 5px !important;
}

.cls_fn24p {
    font-size: 24px !important;
}

.cls_padbtm {
    padding-bottom: 0px !important;
}

.pldright15p {
    padding-right: 15px !important;
}

.cls_gridspan {
    float: left;
    width: 99%;
}

.pldleft8p {
    padding-left: 5px !important;
}

.cls_pldleft8p {
    padding-left: 15px !important;
}

.color {
    color: #333 !important;
}

.cls_width90p {
    width: 90% !important;
}

.cls_width_60_r {
    font-size: 16px !important;
}

.cls_wid100pt {
    float: left;
    width: 100%;
}

.cls_wid100ptb {
    margin: 10px 0 0 10px;
    padding: 0;
    width: 100%;
}

.cls_wid100ptg {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.cls_mar0p {
    margin: 0px !important;
}

.cls_page-stats-showcase {
    color: #ffffff;
    float: left;
    padding: 10px;
    width: 90%;
}

    .cls_page-stats-showcase label {
        color: #ffffff;
        float: left;
        font-size: 16px;
        width: 100%;
    }

    .cls_page-stats-showcase span {
        color: #ffffff;
        float: left;
        font-size: 20px;
        font-weight: bold;
        padding: 8px 0 0;
        text-align: center;
        width: 100%;
    }

.cls_gridtopn {
    margin-left: 7px !important;
    width: 958px !important;
}

.cls_textright {
    text-align: right !important;
}

.cls_SkbiGrid tr td {
    line-height: 18px;
    padding: 0 0 0 5px !important;
}

.cls_width90p {
    width: 90% !important;
}

.stats {
    float: left;
    width: 30%;
    background: #00b5e9;
    padding: 10px 10px 24px;
    border-radius: 3px;
    height: 100px;
    margin-right: 1%;
}

.totl_100p {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .totl_100p span {
        float: left;
        width: 85%;
        color: #fff;
        padding-top: 2px;
    }

    .totl_100p label {
        float: left;
        width: 15%;
        color: #fff;
        font-size: 23px;
        font-weight: bold;
        text-align: right;
    }

.cls_SubPvTabel {
    padding: 10px 15px !important;
}

.cls_PvTabel table tr {
    padding: 0 !important;
    width: 958px !important;
}

.cls_PvTabell table tr {
    padding: 0 !important;
    width: 947px !important;
}

.cls_bordenone {
    border: none !important;
}

#cphContent_gvItemsBySKU tr {
    border: medium none !important;
}

#cphContent_gvUsers_gvCustomer_0 tr {
    background: none repeat scroll 0 0 #f1f1f1 !important;
}

.cls_treeImg {
    display: block;
    float: left;
    margin-left: 24px;
    position: relative;
    top: -10px;
    width: auto;
}

.cls_bggrid {
    background: #2663AA !important;
    color: #fff !important;
    border: 0 none !important;
    border-radius: 5px 5px 0 0 !important;
    padding: 9px 0 0 !important;
}

.totl_100pr {
    float: left;
    margin-bottom: 0px;
    width: 50%;
    border-right: 1px solid #FFF;
    height: 90px;
}

    .totl_100pr span {
        width: auto;
        text-align: right;
        font-size: 18px;
        font-weight: bold;
        float: right;
        margin-right: 5px;
        padding: 6px 0px;
        color: #fff;
        padding-top: 2px;
    }

    .totl_100pr label {
        float: left;
        color: #fff;
        width: auto;
        padding-top: 8px;
        font-weight: normal;
        padding-bottom: 8px;
        margin-left: 5px;
        font-size: 14px;
        text-align: right;
    }

.Coverage_total label {
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 0 2px;
    width: 53%;
}

.Coverage_total {
    float: left;
    padding: 10px;
    width: 90%;
}

    .Coverage_total span {
        color: #fff;
        float: right;
        font-size: 30px !important;
        font-weight: bold;
        padding: 0 5px 0 0;
        text-align: right !important;
        width: 43%;
    }

.PlansMain {
    border-top: 1px solid #f4f2cc;
    float: left;
    width: 100%;
}

.PlansMain_left {
    border-right: 1px solid #f4f2cc;
    float: left;
    padding: 5px 1%;
    width: 47.5%;
}

    .PlansMain_left label {
        color: #fff;
        float: left;
        font-size: 12px;
        font-weight: bold;
        padding: 0 0 0 4px;
        width: 96%;
    }

.PlansMain_right {
    float: left;
    padding: 5px 1%;
    width: 48%;
}

    .PlansMain_right label {
        color: #fff;
        float: left;
        font-size: 12px;
        font-weight: bold;
        padding: 0 0 0 4px;
        width: 96%;
    }

    .PlansMain_right span {
        color: #fff;
        float: right;
        font-size: 25px !important;
        padding: 0 5px 0 0;
        text-align: right !important;
        width: 96%;
    }

.cls_totl_100p {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px solid #FFFFFF;
}

    .cls_totl_100p label {
        width: auto;
        padding-top: 2px;
        font-weight: normal;
        padding-bottom: 7px;
        font-size: 15px;
        margin-left: 5px;
        color: #fff;
        float: left;
    }

    .cls_totl_100p span {
        width: auto;
        text-align: right;
        font-size: 20px;
        font-weight: bold;
        float: right;
        margin-right: 5px;
        color: #fff;
        padding-top: 2px;
        padding-bottom: 7px;
    }

.stats1 {
    float: left;
    width: 30%;
    background: #3AC3A9;
    padding: 10px 10px 24px;
    border-radius: 3px;
    height: 100px;
    margin-right: 1%;
}

.totl_100p1 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .totl_100p1 span {
        float: left;
        width: 65%;
        color: #fff;
        padding-top: 2px;
    }

    .totl_100p1 label {
        float: left;
        width: 25%;
        color: #fff;
        font-size: 23px;
        font-weight: bold;
        text-align: right;
    }

    .totl_100p1 h5 {
        color: #FFFFFF;
        float: left;
        font-size: 14px;
        font-weight: normal;
        padding-top: 9px;
        width: 10%;
    }

.stats2 {
    float: left;
    width: 31%;
    background: #FFA23F;
    padding: 10px 10px 24px;
    border-radius: 3px;
    height: 100px;
    margin-right: 0%;
}

.totl_100p2 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

    .totl_100p2 span {
        float: left;
        width: 65%;
        color: #fff;
        padding-top: 2px;
    }

    .totl_100p2 label {
        float: left;
        width: 75%;
        color: #fff;
        font-size: 27px;
        font-weight: bold;
        text-align: right;
    }

    .totl_100p2 h5 {
        color: #FFFFFF;
        float: left;
        font-size: 18px;
        font-weight: normal;
        padding-top: 9px;
        width: 15%;
    }

.name {
    float: left;
    width: 33%;
}

    .name span {
        float: left;
        width: 40%;
        color: #434343;
        font-size: 14px;
    }

    .name label {
        float: left;
        width: 40%;
        color: #434343;
        font-size: 14px;
        font-weight: bold;
    }

.cls_floatright {
    float: right !important;
}

.width_100p {
    float: left;
    margin: 0 0 10px 1.5%;
    width: 98%;
}

.width_100pb {
    border-bottom: 1px solid #fff;
    float: left;
    width: 100%;
}

.cls_TopMenuBoxnew {
    float: right;
    width: auto;
}

    .cls_TopMenuBoxnew h3 {
        color: #ffffff;
        float: left;
        font-family: arial;
        font-size: 17px;
        margin: 0 !important;
        padding: 19px 10px 0;
        width: auto;
    }

    .cls_TopMenuBoxnew span {
        color: #ffffff;
        float: left;
        font-family: arial;
        font-size: 25px;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 12px;
        text-align: right;
        width: auto;
    }

.norecords95P {
    border: 1px solid #ccc;
    color: red;
    float: left;
    font-weight: bold;
    margin: 0 0 10px 30px;
    padding: 20px;
    text-align: center;
    width: 93%;
}

.horzScroll {
    display: inline-block;
    height: 300px;
    width: 180px;
}

.custmr span {
    color: #1b399b;
    float: left;
    font-size: 21px;
    padding: 10px 0 0;
    text-align: right;
    width: 87%;
}

.custmr label {
    color: #de0019;
    float: left;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 93%;
}

.custmr {
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 5px;
    height: 315px;
    margin: 20px 0 0;
}

.cust_lab {
    color: #666666 !important;
    float: left;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 5px 0;
    text-align: center !important;
    width: 100% !important;
}

.hgt {
    float: left;
    height: 200px;
    padding: 5px 10px;
    width: 90%;
}

.cust_bord {
    border-radius: 5px;
    float: left;
    height: 55px;
    width: 100%;
}

.current_txt {
    color: #727272;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.cls_maindiv {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    float: left;
    margin: 0 0 15px 10px;
    padding: 0 25px;
    width: 92.5%;
}

.Submenu {
    color: #4d4d4d;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    width: 13.5%;
}

.SubmenuDetails {
    color: #7d7d7d;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 13.5%;
}

.cls_InnerTabHeader {
    margin: 10px 0 0 !important;
}

/*thiru end here*/



.planfields {
    float: left;
    width: 100%;
}

.planfield {
    float: left;
    margin: 8px 0;
    width: 100%;
}

    .planfield span {
        float: left;
        font-size: 13px;
        font-weight: bold;
        padding-top: 5px;
        text-align: right;
        width: 23%;
        color: #6c6c6c;
    }

.planwid45 {
    float: left;
    margin-left: 1%;
    width: 40%;
}

.cls_wid100pnew {
    width: 100% !important;
}

.planwid45 input {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    float: left;
    padding: 5px 3px;
    width: 100%;
    -moz-box-shadow: inset -1px 0 8px 0px #DDE1E4;
    -webkit-box-shadow: inset -1px 0 8px 0px #DDE1E4;
    box-shadow: inset -1px 0 8px 0px #DDE1E4;
}

.planwid45 select {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    float: left;
    padding: 5px 3px;
    width: 100%;
    -moz-box-shadow: inset -1px 0 8px 0px #DDE1E4;
    -webkit-box-shadow: inset -1px 0 8px 0px #DDE1E4;
    box-shadow: inset -1px 0 8px 0px #DDE1E4;
}

.planwid45 textarea {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    float: left;
    padding: 5px 3px;
    width: 100%;
    -moz-box-shadow: inset -1px 0 8px 0px #DDE1E4;
    -webkit-box-shadow: inset -1px 0 8px 0px #DDE1E4;
    box-shadow: inset -1px 0 8px 0px #DDE1E4;
}

.planwid75 {
    float: left;
    width: 75%;
}

.padt20p {
    padding-top: 20px !important;
}

.planwid75 span {
    float: left;
    width: 25%;
    text-align: center;
    padding-top: 5px;
}

.planwid20 {
    float: left;
    width: 20%;
    border-right: 1px solid #ccc !important;
}

    .planwid20 span {
        float: left;
        padding: 6px 0;
        width: 100%;
        text-align: center;
    }

.planmgtb15 {
    float: left;
    margin: 15px 0;
    text-align: center;
    width: 100%;
}

.planwid100 {
    float: left;
    width: 100%;
    margin-left: 0%;
    border-right: 1px solid #ccc;
}

    .planwid100 span {
        float: left;
        width: 10%;
        text-align: left;
        padding: 5px 0 5px 25px;
    }

.plantxtcntr {
    float: left;
    width: 100%;
    text-align: center;
}

.planwid962 {
    width: 962px !important;
}

.planwid962hgt {
    width: 962px !important;
    float: left;
    height: 25px;
}

.planwid962fl {
    width: 962px !important;
    float: left;
}

.planmgtb20 {
    float: left;
    margin: 20px 0;
    text-align: center;
    width: 100%;
}

#divView1Content ul {
    list-style: none;
    float: left;
    width: 100%;
}

    #divView1Content ul li {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        padding: 5px 0;
        width: 100%;
        background: #FAFFFF;
    }

        #divView1Content ul li:hover {
            border: 1px dashed #ccc;
            float: left;
            padding: 5px 0;
            width: 100%;
            background: #fff;
        }

        #divView1Content ul li span {
            float: left;
            padding-top: 5px;
            text-align: center;
            width: 15%;
        }

            #divView1Content ul li span input {
                border: 1px solid #CCCCCC;
                float: left;
                padding: 3px;
                width: 85%;
            }

#divView2Content ul {
    list-style: none;
    float: left;
    width: 100%;
}

    #divView2Content ul li {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        padding: 5px 0;
        width: 100%;
        background: #FAFFFF;
    }

        #divView2Content ul li:hover {
            border: 1px dashed #ccc;
            float: left;
            padding: 5px 0;
            width: 100%;
            background: #fff;
        }

        #divView2Content ul li span {
            float: left;
            padding-top: 5px;
            text-align: center;
            width: 15%;
        }

            #divView2Content ul li span input {
                border: 1px solid #CCCCCC;
                float: left;
                padding: 3px;
                width: 85%;
            }

#divView3Content ul {
    list-style: none;
    float: left;
    width: 100%;
}

    #divView3Content ul li {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        padding: 5px 0;
        width: 100%;
        background: #FAFFFF;
    }

        #divView3Content ul li:hover {
            border: 1px dashed #ccc;
            float: left;
            padding: 5px 0;
            width: 100%;
            background: #fff;
        }

        #divView3Content ul li span {
            float: left;
            padding-top: 5px;
            text-align: center;
            width: 15%;
        }

            #divView3Content ul li span input {
                border: 1px solid #CCCCCC;
                float: left;
                padding: 3px;
                width: 85%;
            }

#divView4Content ul {
    list-style: none;
    float: left;
    width: 100%;
}

    #divView4Content ul li {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        padding: 5px 0;
        width: 100%;
        background: #FAFFFF;
    }

        #divView4Content ul li:hover {
            border: 1px dashed #ccc;
            float: left;
            padding: 5px 0;
            width: 100%;
            background: #fff;
        }

        #divView4Content ul li span {
            float: left;
            padding-top: 5px;
            text-align: center;
            width: 15%;
        }

            #divView4Content ul li span input {
                border: 1px solid #CCCCCC;
                float: left;
                padding: 3px;
                width: 85%;
            }

#divView5Content ul {
    list-style: none;
    float: left;
    width: 100%;
}

    #divView5Content ul li {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        padding: 5px 0;
        width: 100%;
        background: #FAFFFF;
    }

        #divView5Content ul li:hover {
            border: 1px dashed #ccc;
            float: left;
            padding: 5px 0;
            width: 100%;
            background: #fff;
        }

        #divView5Content ul li span {
            float: left;
            padding-top: 5px;
            text-align: center;
            width: 15%;
        }

            #divView5Content ul li span input {
                border: 1px solid #CCCCCC;
                float: left;
                padding: 3px;
                width: 85%;
            }

#divView6Content ul {
    list-style: none;
    float: left;
    width: 100%;
}

    #divView6Content ul li {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        padding: 5px 0;
        width: 100%;
        background: #FAFFFF;
    }

        #divView6Content ul li:hover {
            border: 1px dashed #ccc;
            float: left;
            padding: 5px 0;
            width: 100%;
            background: #fff;
        }

        #divView6Content ul li span {
            float: left;
            padding-top: 5px;
            text-align: center;
            width: 15%;
        }

            #divView6Content ul li span input {
                border: 1px solid #CCCCCC;
                float: left;
                padding: 3px;
                width: 85%;
            }

#divView7Content ul {
    list-style: none;
    float: left;
    width: 100%;
}

    #divView7Content ul li {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        padding: 5px 0;
        width: 100%;
        background: #FAFFFF;
    }

        #divView7Content ul li:hover {
            border: 1px dashed #ccc;
            float: left;
            padding: 5px 0;
            width: 100%;
            background: #fff;
        }

        #divView7Content ul li span {
            float: left;
            padding-top: 5px;
            text-align: center;
            width: 15%;
        }

            #divView7Content ul li span input {
                border: 1px solid #CCCCCC;
                float: left;
                padding: 3px;
                width: 85%;
            }

#divView8Content ul {
    list-style: none;
    float: left;
    width: 100%;
}

    #divView8Content ul li {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        padding: 5px 0;
        width: 100%;
        background: #FAFFFF;
    }

        #divView8Content ul li:hover {
            border: 1px dashed #ccc;
            float: left;
            padding: 5px 0;
            width: 100%;
            background: #fff;
        }

        #divView8Content ul li span {
            float: left;
            padding-top: 5px;
            text-align: center;
            width: 15%;
        }

            #divView8Content ul li span input {
                border: 1px solid #CCCCCC;
                float: left;
                padding: 3px;
                width: 85%;
            }



.planheaderbg {
    background: #079509;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    float: left;
    padding: 5px;
    width: 99%;
}

.weekgridheader tr {
    float: left;
    width: 100%;
}

    .weekgridheader tr th {
        float: left;
        text-align: center;
        width: 16%;
    }

.planborder {
    border: 1px solid #079509;
    width: 100%;
    height: 20px;
    background: none repeat scroll 0 0 #079509;
    float: left;
}

.planbgcol {
    background: none repeat scroll 0 0 #079509;
    color: #FFFFFF !important;
    float: left;
    font-size: 12px;
    margin: 0;
    width: 100%;
}

.planwid44 {
    float: left;
    font-size: 12px;
    padding: 4px 0;
    width: 52%;
}

.planwid54 {
    float: left;
    font-size: 12px;
    padding: 4px 0;
    width: 47%;
}

.invalid textarea {
    border: 1px solid #f00 !important;
}

.invalid input {
    border: 1px solid #f00 !important;
}

.invalid radiobutton {
    border: 1px solid #f00 !important;
}

.invalid checkbox {
    border: 1px solid #f00 !important;
}

.invalid calenrow1 {
    border: 1px solid #f00 !important;
}

.invalid .planwid75 {
    border: 1px solid #f00 !important;
}

.ui_tpicker_hour_label {
    float: left;
    font-size: 12px;
    padding: 4px 0 4px 9px;
    width: 47%;
}

.ui_tpicker_hour {
    float: left;
    font-size: 12px;
    padding: 4px 0;
    width: 45%;
}

.ui_tpicker_minute_label {
    float: left;
    font-size: 12px;
    padding: 4px 0 4px 9px;
    width: 47%;
}

.ui_tpicker_minute {
    float: left;
    font-size: 12px;
    padding: 4px 0;
    width: 45%;
}

.ui_tpicker_second_label {
    float: left;
    font-size: 12px;
    padding: 4px 0;
    width: 53%;
}

.ui_tpicker_second {
    float: left;
    font-size: 12px;
    padding: 4px 0;
    width: 45%;
}

#ui-datepicker-div {
    width: auto;
}

.ui-datepicker-buttonpane ui-widget-content {
    float: left;
    width: 100%;
    margin-top: 0px;
}






.nouserselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    /* padding: .3em 1em .5em .4em; */
}

.ui-widget-content {
    border: 1px solid #DDD;
    background: #EEE url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333;
}

.divweekrepeat {
    width: 19%;
    float: left;
    border: 1px solid #ccc;
    border-width: 0 1px 0 0;
}

.spnweeklbl {
    width: 67%;
    float: left;
    padding: 20px 30px 0;
    text-align: center;
    color: #079509;
}

.spnweekdlabel {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 10px;
}

ul.tabs {
}

.weekgridheader {
    font-size: 13px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    width: 100%;
}

div.tabcontents {
    padding: 10px;
}

#fade {
    z-index: 9900;
    opacity: 0.4;
    filter: alpha(opacity=40);
}


.importpopup {
    width: 60%;
    height: 250px;
}

.latestcontent {
    overflow-x: visible;
    overflow-y: visible;
}

#divAssignUsers {
    left: 493px !important;
}

#dropzone {
    margin: 30px 0;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.13);
    box-shadow: 0 0 50px rgba(0,0,0,0.13);
    padding: 4px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


    #dropzone .dropzone {
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow-x: hidden;
    }

.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropzone {
    position: relative;
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(0,0,0,0.02);
    padding: 1em;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

        .dropzone.dz-clickable .dz-message,
        .dropzone.dz-clickable .dz-message span {
            cursor: pointer;
        }

        .dropzone.dz-clickable * {
            cursor: default;
        }

    .dropzone .dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .dropzone.dz-drag-hover {
        border-color: rgba(0,0,0,0.15);
        background: rgba(0,0,0,0.04);
    }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone .dz-preview,
    .dropzone-previews .dz-preview {
        background: rgba(255,255,255,0.8);
        position: relative;
        display: inline-block;
        margin: 17px;
        vertical-align: top;
        border: 1px solid #acacac;
        padding: 6px 6px 6px 6px;
    }

        .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
        .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
            display: none;
        }

        .dropzone .dz-preview .dz-details,
        .dropzone-previews .dz-preview .dz-details {
            width: 100px;
            height: 100px;
            position: relative;
            background: #ebebeb;
            padding: 5px;
            margin-bottom: 22px;
        }

            .dropzone .dz-preview .dz-details .dz-filename,
            .dropzone-previews .dz-preview .dz-details .dz-filename {
                overflow: hidden;
                height: 100%;
            }

            .dropzone .dz-preview .dz-details img,
            .dropzone-previews .dz-preview .dz-details img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100px;
                height: 100px;
            }

            .dropzone .dz-preview .dz-details .dz-size,
            .dropzone-previews .dz-preview .dz-details .dz-size {
                position: absolute;
                bottom: -28px;
                left: 3px;
                height: 28px;
                line-height: 28px;
            }

        .dropzone .dz-preview.dz-error .dz-error-mark,
        .dropzone-previews .dz-preview.dz-error .dz-error-mark {
            display: block;
        }

        .dropzone .dz-preview.dz-success .dz-success-mark,
        .dropzone-previews .dz-preview.dz-success .dz-success-mark {
            display: block;
        }

        .dropzone .dz-preview:hover .dz-details img,
        .dropzone-previews .dz-preview:hover .dz-details img {
            display: none;
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark,
        .dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px;
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark {
            color: #8cc657;
        }

        .dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            color: #ee162d;
        }

        .dropzone .dz-preview .dz-progress,
        .dropzone-previews .dz-preview .dz-progress {
            position: absolute;
            top: 100px;
            left: 6px;
            right: 6px;
            height: 6px;
            background: #d7d7d7;
            display: none;
        }

            .dropzone .dz-preview .dz-progress .dz-upload,
            .dropzone-previews .dz-preview .dz-progress .dz-upload {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 0%;
                background-color: #8cc657;
            }

        .dropzone .dz-preview.dz-processing .dz-progress,
        .dropzone-previews .dz-preview.dz-processing .dz-progress {
            display: block;
        }

        .dropzone .dz-preview .dz-error-message,
        .dropzone-previews .dz-preview .dz-error-message {
            display: none;
            position: absolute;
            top: -5px;
            left: -20px;
            background: rgba(245,245,245,0.8);
            padding: 8px 10px;
            color: #800;
            min-width: 140px;
            max-width: 500px;
            z-index: 500;
        }

.dz-success .dz-error-message {
    display: none;
    position: absolute;
    top: -5px;
    left: -20px;
    background: rgba(245,245,245,0.8);
    padding: 8px 10px;
    color: #43B166 !important;
    min-width: 140px;
    max-width: 500px;
    z-index: 500;
}



.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    display: block;
}

.dropzone .dz-preview:hover.dz-success .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-success .dz-error-message {
    display: block;
}


.dropzone {
    border: 1px solid rgba(0,0,0,0.03);
    height: 200px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,0.03);
    padding: 23px;
}

    .dropzone .dz-default.dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        background-image: url("../images/spritemap.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        width: 428px;
        height: 123px;
        margin-left: -214px;
        margin-top: -61.5px;
        top: 50%;
        left: 50%;
    }

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .dropzone .dz-default.dz-message {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.dropzone .dz-default.dz-message span {
    display: none;
}

.dropzone.dz-square .dz-default.dz-message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px;
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.15;
    filter: alpha(opacity=15);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}

.dropzone.dz-started .dz-message {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    font-size: 14px;
}

    .dropzone .dz-preview.dz-image-preview:hover .dz-details img,
    .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
        display: block;
        opacity: 0.1;
        filter: alpha(opacity=10);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    }

    .dropzone .dz-preview.dz-success .dz-success-mark,
    .dropzone-previews .dz-preview.dz-success .dz-success-mark {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .dropzone .dz-preview.dz-error .dz-error-mark,
    .dropzone-previews .dz-preview.dz-error .dz-error-mark {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .dropzone .dz-preview.dz-error .dz-progress .dz-upload,
    .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
        background: #ee1e2d;
    }




    .dropzone .dz-preview .dz-error-mark,
    .dropzone-previews .dz-preview .dz-error-mark,
    .dropzone .dz-preview .dz-success-mark,
    .dropzone-previews .dz-preview .dz-success-mark {
        display: block;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
        background-image: url("../images/spritemap.png");
        background-repeat: no-repeat;
    }

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .dropzone .dz-preview .dz-error-mark,
    .dropzone-previews .dz-preview .dz-error-mark,
    .dropzone .dz-preview .dz-success-mark,
    .dropzone-previews .dz-preview .dz-success-mark {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
    display: none;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    background-position: -268px -123px;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    background-position: -268px -163px;
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    -webkit-animation: loading 0.4s linear infinite;
    -moz-animation: loading 0.4s linear infinite;
    -o-animation: loading 0.4s linear infinite;
    -ms-animation: loading 0.4s linear infinite;
    animation: loading 0.4s linear infinite;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-image: url("../images/spritemap.png");
    background-repeat: repeat-x;
    background-position: 0px -400px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .dropzone .dz-preview .dz-progress .dz-upload,
    .dropzone-previews .dz-preview .dz-progress .dz-upload {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.dropzone .dz-preview:hover.dz-success .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-success .dz-error-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
    background-image: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background-image: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background-image: -o-linear-gradient(top, #fafafa 0%, #eee 100%);
    background-image: -ms-linear-gradient(top, #fafafa 0%, #eee 100%);
    background-image: linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #eee;
    text-decoration: none;
    display: block;
    padding: 4px 5px;
    text-align: center;
    color: #aaa;
    margin-top: 26px;
}

    .dropzone a.dz-remove:hover,
    .dropzone-previews a.dz-remove:hover {
        color: #666;
    }

.noborder {
    border: 0px !important;
}

.dragable {
    cursor: move;
}

.Continue_Button {
    float: right;
    width: auto;
}
    .Continue_Button_mm {
        float: left;
        width: auto;
        background: #2663AA;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border: 0px none;
        border-radius:3px;
        text-align: center;
        cursor: pointer;margin-top:10px;
    }
    .Continue_Button input {
        float: right;
        width: 100px;
        background: #2663AA;
        padding: 10px 5px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border: 0px none;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
    }
.Continue_Button_gray {
    float: right;
    width: auto;
}
.Continue_Button_gray input {
    float: right;
    width: 100px;
    background: #717171;
    padding: 10px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border: 0px none;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

    .Continue_Button a {
        float: right;
        width: 100px;
        background: #2663AA;
        padding: 10px 5px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border: 0px none;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
    }

.ConfirmBtn input {
    width: 150px;
    height: 32px;
    float: left;
    background: url(../images/tabs/ConfirmSave.png);
    background-repeat: no-repeat;
}

.NoEndDate {
    float: left;
    width: 20%;
    margin: 8px 0;
}

    .NoEndDate input {
        float: left;
        width: 15px;
        margin: 5px 5px 0 0 !important;
    }

    .NoEndDate label {
        float: left;
        width: auto;
        font-weight: bold;
        color: #2663AA;
        margin: 3px 0 0 0;
    }

.HolidayList_Button {
    float: right;
    width: auto;
    margin: 5px 0;
}

    .HolidayList_Button input {
        float: right;
        width: 110px;
        background: url("../images/tabs/holiday_btn.png") repeat-x;
        padding: 5px;
        color: #2663AA;
        font-weight: bold;
        font-size: 12px;
        border: 1px solid #dddddd;
        border-radius: 2px;
        text-align: center;
        cursor: pointer;
    }

/*Tabs Top*/
#applicationStatus {
    width: auto;
}

.applicationStatus li { /* Added this and moved much code to here */
    position: relative; /* this was a key property missing from your code */
    text-indent: 18px;
    height: 20px;
    background-color: #fff;
    display: inline-block;
    /* Dirty IE Hack */
    zoom: 1;
    *display: inline;
    /* margin-right: 30px; Eliminated this */
    margin-left: 3px;
    padding: 10px 10px 10px 10px;
    color: #000;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
}

ul.applicationStatus { /* this is irrelevant with the HTML you gave, but I added the class */
    background: #E4E4E4;
    height: 40px;
    list-style: none outside none;
    padding: 1%;
    width: 98%;
    border-radius: 5px;
}

li.applicationStatus:first-child:after, li.applicationStatusGood:after, li.applicationStatusNoGood:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-left: 19px solid #fff;
    border-bottom: 19px solid transparent;
    margin: -9px 90px 0 10px;
    z-index: 100;
}

li.applicationStatus:last-child:before, li.applicationStatusGood:before, li.applicationStatusNoGood:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-top: 19px solid transparent;
    border-left: 19px solid #E4E4E4;
    border-bottom: 19px solid transparent;
    margin: -9px 0px 0 -1px;
}

li.applicationStatus:first-child {
    padding-left: 5px;
    margin-left: 0;
}

li.applicationStatus:last-child {
    padding-right: 20px;
}

li.applicationStatusGood {
    background-color: #fff;
}

    li.applicationStatusGood:after {
        border-left: 20px solid #fff;
    }

li.applicationStatusNoGood {
    background-color: #fff;
}

    li.applicationStatusNoGood:after {
        border-left: 20px solid #fff;
    }

.applicationStatus li a {
    color: #fff;
}

/*Tabs*/
.wid100pp {
    width: 100%;
    float: left;
}

.navmenu_main ul li a:hover {
    background: transparent;
}

.panel-default {
    border: 1px solid #DDDDDD;
    float: left;
    margin: 5px 0;
    width: 100%;
    background: #fff;
}

.panel-group {
    width: 100%;
    float: left;
    margin: 0;
}

.panel-heading {
    float: left;
    padding: 10px 18px;
    width: 96.8%;
    box-shadow: 0 2px 1px 0 #CCCCCC;
}

    .panel-heading span {
        float: left;
        width: 813px;
        margin: 2px 0 0 15px;
        font-size: 21px;
        color: #afb2b9;
        font-family: Calibri;
    }

    .panel-heading div {
        float: left;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        -mos-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border: 1px solid #8e8e8e;
        text-align: center;
    }

        .panel-heading div label {
            float: left;
            width: 30px; /*position: relative;top: 5px;*/
            color: #afb1b0;
            font-size: 16px;
            font-weight: bold;
        }
/*Active Nav menus*/

/*.active{background: #fece00 !important;color: #000 !important;}       */
.active_green {
    background: #2663AA!important;
}

    .active_green a {
        color: #fff !important;
    }

li.active_green:after {
    border-left: 20px solid #2663AA !important;
}

li.active:after {
    border-left: 20px solid #f8f8f8 !important;
}
/*Active Tabas*/
.panel-heading_success {
    background: url("../images/tabs/arrow.png") no-repeat scroll 99% center #EDF8F7 !important;
    box-shadow: none !important;
    cursor: pointer;
}

    .panel-heading_success span {
        color: #2663AA !important;
    }

    .panel-heading_success div {
        border: 1px solid #2663AA !important;
    }

        .panel-heading_success div label {
            color: #2663AA !important;
        }
/*Panel Select*/
.panel-heading_active {
    background: #fff !important;
    border: 0 none !important;
    box-shadow: none !important;
}

    .panel-heading_active span {
        color: #221e1b !important;
    }

    .panel-heading_active div {
        border: 1px solid #8f8f8f !important;
    }

        .panel-heading_active div label {
            color: #62676b !important;
        }
/*Collapse*/
.navbar {
    margin: 0 0 10px;
}
/*.panel-collapse.collapse.in{padding: 1% 1.5% 1% 1.5%;}*/
.panel-collapse {
    float: left;
    width: 97%;
}

.active_lightGreen {
    background-color: #90EE90;
    border: dashed 1px #FFF;
}

.nouserselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.listmenutex_tcolordate {
    float: left;
    width: 216px;
    padding-bottom: 0;
}

    .listmenutex_tcolordate span {
        float: left;
        width: auto;
        color: #333 !important;
    }

    .listmenutex_tcolordate div {
        float: left;
        width: auto;
        color: #333 !important;
    }

.listmenutex_tcolordate11 {
    float: left;
    width: 195px;
    padding-bottom: 0;
}

    .listmenutex_tcolordate11 span {
        float: left;
        width: auto;
        color: #333 !important;
    }

    .listmenutex_tcolordate11 div {
        float: left;
        width: auto;
        color: #333 !important;
    }

.listmenutex_tcolordate1 {
    float: left;
    width: 174px;
    padding-bottom: 0;
}

    .listmenutex_tcolordate1 span {
        float: left;
        width: auto;
        color: #333 !important;
    }

    .listmenutex_tcolordate1 div {
        float: left;
        width: auto;
        color: #333 !important;
    }

.cls_padtop2p {
    padding-top: 2px !important;
}

.cls_InneerTabelPv {
    border: 0px solid #ccc !important;
}

/*AddEditUserNew: Piyush*/
.No_Class_Brand.rela_active {
    overflow-y: auto;
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 3px solid #2663AA;
    position: relative;
    width: 81% !important;
    height: 357px;
    display: block !important;
}

.sortable {
    width: 90%;
    float: left;
}

    .sortable li {
        list-style: none;
        float: left;
        width: 100%;
    }

.grid_view_salesNew {
    margin: 4% !important;
    width: 92% !important;
}

.Brandsortable {
    width: 100%;
    float: left;
}

    .Brandsortable li {
        list-style: none;
        float: left;
        width: 18%;
        margin: 1%;
    }

.Brandsortable_emptyLi {
    list-style: none;
    float: left;
    width: 17%;
    margin: 0.5% 1% 0.5% 1.6%;
    height: 72px;
    border: 1px dashed #CCC;
}
/*AddEditUserNew: Piyush*/

.cls_InneerTabelPv {
    border: 0px solid #ccc !important;
}

.cls_cls_usercode {
    color: #333 !important;
}

.salesmans {
    float: left;
    margin: 10px 0 30px 25px;
    width: 22%;
}

.sales_main {
    background: none repeat scroll 0 0 #3c3c3c;
    border: 1px solid #3c3c3c;
    border-radius: 7px 7px 0 0;
    color: #fff;
    float: left;
    font-family: helvetica;
    font-size: 17px;
    font-weight: bold;
    padding: 7px 0 7px 10px;
    text-align: left;
    text-transform: uppercase;
    width: 90%;
}

.sales_sub {
    float: left;
    width: 259px;
}

    .sales_sub ul {
        float: left;
        width: 100%;
    }

        .sales_sub ul li {
            float: left;
            width: 100%;
        }

            .sales_sub ul li a {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                background: none repeat scroll 0 0 #fff;
                border-color: #2663AA;
                border-image: none;
                border-radius: 0;
                border-style: solid;
                border-width: 0 1px 1px;
                float: left;
                font-family: helvetica;
                font-size: 14px;
                padding: 8px 0 8px 10px;
                text-align: left;
                text-decoration: none;
                text-transform: uppercase;
                width: 94%;
            }

.select_li a {
    background: none repeat scroll 0 0 #2663AA !important;
    color: #ffffff;
    font-weight: bold;
}

.google_map {
    float: left;
    margin-top: 10px;
    padding-bottom: 15px;
    width: 74%;
}

.cls_pagingright_new {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e3e3e3;
    border-image: none !important;
    border-style: solid;
    border-width: 1px 1px 0;
    float: right;
    font-size: 12px;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .cls_pagingright_new table {
        border: 0 none;
        margin: 5px 0;
        width: auto;
        float: right !important;
    }

    .cls_pagingright_new td {
        width: 941px !important;
    }

    .cls_pagingright_new table tr {
        padding: 0px !important;
        margin: 0px !important;
        width: auto;
        border: none !important;
    }

        .cls_pagingright_new table tr td {
            width: auto !important;
        }

    .cls_pagingright_new a {
        background: url("../images/pagebg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        color: #494949;
        font-size: 13px;
        margin: 0 4px 0 0;
        padding: 2px 6px;
        text-decoration: none;
        width: auto;
    }

    .cls_pagingright_new span {
        background: none repeat scroll 0 0 #2663AA;
        border: 1px solid #2663AA;
        border-radius: 4px;
        color: #fff;
        font-size: 13px;
        margin: 0 4px 0 0;
        padding: 2px 6px;
    }

.cls_norecord11 {
    font-size: 18px;
    text-align: center;
    color: red;
    border: #E3E3E3 solid 1px;
    border-width: 1px;
    padding: 65px 0;
    width: 100%;
}

.cls_viewr {
    float: right;
    margin-right: 24px;
    text-align: right;
    width: 85%;
}

.cls_PvTabel1 tr {
    width: 912px !important;
}

.cls_PvTabel1 table tr td {
    width: 912px !important;
}

.Pop_up_main_JP {
    border: solid 0px #000000;
    background: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: absolute;
    width: 500px;
    float: left;
}

/*PP*/
.Middlerow {
    float: left;
    border: 1px solid #CCCCCC;
    height: 100%;
}

.bottomrow {
    background: none repeat scroll 0 0 #e4ecff;
    border-top: 1px solid #cddcff !important;
    float: left;
    padding: 5px 0 !important;
    width: 100%;
}

.padbottmnone {
    padding-bottom: 0px !important;
}

.Amountlimk {
    float: left !important;
    text-align: right;
    width: 100% !important;
}

.padr10 {
    padding-right: 10px !important;
}

.paddingtopnone {
    padding-top: 0px !important;
}

.paddingrightnone {
    padding-right: 0px !important;
}

.paddingbottomnone {
    padding-bottom: 0px !important;
}

.paddingleftnone {
    padding-left: 0px !important;
}

.margintopnone {
    margin-top: 0px !important;
}

.marginrightnone {
    margin-right: 0px !important;
}

.marginbottomnone {
    margin-bottom: 0px !important;
}

.marginleftnone {
    margin-left: 0px !important;
}

.AED {
    font-size: 17px;
    float: left;
    margin-left: 6px;
    padding-top: 17px;
    color: #FFF;
    font-weight: bold;
    font-family: calibri;
}

.labeltitle {
    font-size: 15px;
    font-weight: bold;
}

.Amountlbl {
    font-size: 22px !important;
    font-weight: bold;
}

.PhotoImg {
    float: left;
    margin: 5px 0;
    width: 100%;
}

.bottomtab {
    width: 100%;
    background: none repeat scroll 0% 0% rgb(222, 234, 244);
    padding: 5px 0px;
    border-top: 1px solid rgb(148, 192, 228) !important;
}

.Notes {
    width: 100%;
    background: none repeat scroll 0% 0% rgb(222, 234, 244);
    padding: 5px 0px !important;
    border-top: 1px solid rgb(148, 192, 228) !important;
    margin: 5px 0 0;
}

    .Notes span {
        float: left;
        width: 140px;
        margin: 18px 0px 18px 5px;
        color: #1667B0;
    }

    .Notes input {
        float: left;
        width: 785px;
        min-height: 40px;
        line-height: 20px;
        text-align: left;
        background: #FFFFFF;
        padding-left: 5px;
    }

.wid97_txtrgt {
    float: left;
    text-align: right;
    width: 95%;
}

input, button, textarea, select {
}

.ProcessBtnBG {
    background: url(../images/ProcessBtn.png) !important;
    background-repeat: no-repeat !important;
}

.RejectBtnBG {
    background: url(../images/Rejectbtn.png) !important;
    background-repeat: no-repeat !important;
}

.ProceedBtnBG {
    background: url(../images/ProceedBtn.png) !important;
    background-repeat: no-repeat !important;
}

.AddBtnUser {
    background: url(../images/add.png) !important;
    background-repeat: no-repeat !important;
}

.WidthInput221 select {
    width: 221px !important;
}

.SaveNconBtn {
    background: url(../images/SaveNconBtn.png) !important;
    background-repeat: no-repeat !important;
    width: 186px;
    height: 32px;
}

.width100Percent {
    width: 100%;
}

.tdspanalign {
    width: 100% !important;
    float: left;
    text-align: center;
}

.tdAmountalign {
    width: 100% !important;
    float: left;
    text-align: right;
}

.Photoo {
    float: left;
    text-align: center;
    width: 100%;
}

    .Photoo span {
        color: #000;
        float: left;
        margin-top: 5px;
        text-align: center;
        width: 100%;
    }

.Label3 {
    color: #737373;
    float: left;
    text-align: center;
    width: 100%;
}

.gridLingAlign {
    float: right;
    margin: 10px 15px 10px 0;
    width: auto;
}
/**/



#divPieChart a img {
    width: 43px;
    height: 30px;
}

#divGridView a img {
    width: 43px;
    height: 30px;
}

/*SalesSupervisor Styless*/

.mainhead, .resinnermain {
    display: none;
}

.formobile {
    display: none;
}

.fordesktop {
    display: block;
}

.mainhead, .resinnermain, .formobile {
    display: none;
}

.basic_inf {
    color: #000;
    font-family: calibri;
    font-size: 20px;
    margin: 0 10px;
}

.DetailsRowUser {
    background: none repeat scroll 0 0 #fffad6;
    border: 1px solid #ffea9b;
    border-radius: 5px 5px 5px 5px;
    float: left;
    font-size: 14px;
    margin: 10px 15px;
    width: 97.5%;
}

.DetailsRowUserSpan {
    color: #7b7b79;
    font-size: 14px;
    font-family: calibri;
    font-weight: bold;
    width: 100%;
}


.EditUserBox {
    box-shadow: 2px 2px 5px #ccc;
    border-radius: 5px;
    margin-top: 20px;
}

.UserDetails {
    color: #000000;
    font-size: 15px;
    font-family: Calibri;
}


.titleDivH1 {
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
    width: 100%;
}

.Chknew {
    float: left;
    margin: 1px 5px 0;
}

    .Chknew span {
        font-family: arial;
        font-size: 13px;
        width: auto;
    }

.clearboth {
    clear: both;
}

.pad10.fl > a:hover {
    text-decoration: none !important;
}

.apap {
    left: 40px;
    position: relative;
}

.width495pc {
    width: 472px !important;
}

.Rowone {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    float: left;
    width: 100%;
}

.RowTwo {
    float: left;
    margin-left: 7%;
    margin-top: 10px;
    width: 92%;
}

.RowTxt {
    float: left;
    height: auto;
    margin-bottom: 0;
    padding-left: 5px;
    width: auto;
    font-family: arial;
    font-weight: bold;
}

.RowChk {
    width: 19px;
    text-align: center;
    padding-left: 10px;
    padding-top: 3px;
    float: left;
    background: url(../images/aricon.png) 0px 4px no-repeat;
}

.firstrowone {
    border-bottom: 1px solid #999999;
    padding-bottom: 10px;
}

.buttonf {
    background: url("../Images/finalized.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    width: 106px !important;
}

.cls_input_disable {
    background-color: #ccc !important;
}

.finalsettlementreportbg {
    background-color: #E86666;
}

.price_list_sku {
    float: left;
    width: 95.3%;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 #cccccc;
    padding: 10px 1%;
    margin: 0 15px;
    background: #fff;
}

.price_list_left {
    float: left;
    width: 10%;
}

.calib_bol_15 {
    font-family: Calibri;
    color: #000;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    float: left;
}

.for_aed {
    font-family: Calibri;
    color: #0273ab;
    width: 100%;
    font-size: 24.76px;
    font-weight: bold;
}

.price_list_right {
    float: left;
    width: 90%;
}

.calib_bol_151 {
    font-family: Calibri;
    color: #aaaaaa;
    width: 30%;
    font-size: 15px;
    font-weight: bold;
    float: left;
    text-align: right;
    margin: 0 9px 5px 0;
}

.list_detail_sku {
    text-align: left;
    color: #000 !important;
    width: 60%;
}

.sel_clas_now {
    background-image: url("../images/new_select.png");
    background-position: 0 36px;
    background-repeat: no-repeat;
    color: #3e332d;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 14px 10px;
    text-align: center;
    width: 11%;
}

.sku_arrow_up {
    left: 502px;
    position: absolute;
    bottom: -12px;
}

.Cls_EditBox {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    color: #373737 !important;
    float: left;
    height: auto;
    margin-top: 0;
    padding: 0 1%;
    width: 98%;
}

.Cls_formmain {
    float: left;
    padding: 0;
    width: 100%;
}

.Cls_formrepeat {
    margin: 0 auto;
    width: 800px;
}

.cls_bbg {
    background: url("../img/bg.jpg") no-repeat center 10% #fff;
    min-height: 95.5vh;
    float: left;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.Cls-Searched-lbl{
    color: #000;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: auto;
}
.cls-Searched-Row {
    box-sizing: border-box;
    color: darkcyan;
    float: left;
    margin: 10px 0px 0px 15px;
    width: auto;
    font-weight:bold;
}
.cls-Margin-left {
    border-right: 1px solid;
    margin-right: 15px;
    padding-right: 15px;
}

.Cls-70 {float: left;margin-left: 7%;width: 60%;border-right: 1px solid #cccccc;}
.Cls-30 {width:30%;float:left;}
.Cls-35 {width:35%;float:left;
}
.Cls-SelectGroup { border: 1px solid #ccc;border-radius: 2px;float: left;margin-bottom: 5px;width: 90%;cursor:pointer;color: #363636;}
.Cls-SelectGroup-Selected {
    border-radius: 0px;
    float: left;
    margin-bottom: 5px;
    width: 100% !important;
    cursor: pointer;
    background: #2663AA !important;
    color: #FFF !important;
    border: 1px solid #3399ff;
}
.Cls-SelectGroup:hover {background:#f1f2f2;}
.Cls-img {float: left;margin: 10px;width: auto;}
.Cls-lbl {float: left;font-family: arial;font-weight: bold;margin: 10px 0;width: auto;}

.Cls-65{float: left;margin-left: 5%;width: 60%;}

.Cls-frozen{width: 42%;float:left;}
.Frozen {color: #363636;
    float: right;
    font-weight: bold;
    margin-top: 4px;
    width: 69%;}
.cls_market_timings
{width:100%;float:left;
}
.cls_step1
{width:100%;float:left;
}
.cls_h2
{font-family: "Roboto",sans-serif;font-weight:400;margin:20px 0px 30px 0px;color:#004183;font-size:23px;
}
.cls_h21
{font-family: "Roboto",sans-serif;font-weight:400;margin:20px 0px 30px 0px;color:#004183;font-size:19px;
}
    .cls_h21 p
    {font-family: "Roboto",sans-serif;font-weight:400;width:100%;float:left;color:#454545;font-size:15px;
    }
.select_lest
{ margin: 0 22px 35px 0;width: 250px;float:left;
}
    .select_lest label
    {width:100%;float:left;font-family: "Roboto",sans-serif;font-weight:400;color:#2f2f2f;margin-bottom:10px;font-size:15px;
    }
    .select_lest_inner input
{width:100%;float:left;border:1px solid #adadad;background:#fff;border-radius:3px;color:#2f2f2f;font-family: "Roboto",sans-serif;font-weight:300;
}
.select_lest_inner input
{border:0px;width:100%;
}
.select_lest_inner 
{width:90%;float:left;border:1px solid #adadad;background:#fff;border-radius:3px;color:#2f2f2f;font-family: "Roboto",sans-serif;font-weight:300;padding: 10px;
}
.select_lest_inner select{border:0px;width:100%;
}
.cls_coninue_main
{margin:35px 0 0 43%;float:left;
}
.cls_coninue
{background:#00458d;border-radius:3px;padding:10px 20px;float:left;
}
    .cls_coninue a
    {float:left;width:100%;text-decoration:none;color:#fff;font-family: "Roboto",sans-serif;font-weight:400;font-size:15px;
    }
.cls_step2
{width:100%;float:left;
}
.select_lest_inner_radio
{width:300px;float:left;margin-bottom:30px;
}
.select_lest_inner_radio input
{width:20px;float:left;margin-right:3px;margin-top:2px;
}
.select_lest_inner_radio label
{width:auto;float:left;font-family: "Roboto",sans-serif;font-weight:400;color:#2f2f2f;font-size:15px;
}
.cls_wid100
{width:100%;float:left;
}
.cls_add
{float:left;margin-top:40px;
}
    .cls_add a
    {text-decoration:underline;color:#01458c;font-size:15px;font-family: "Roboto",sans-serif;font-weight:400;
    }
    .cls_add a:hover
    {text-decoration:none;
    }
.cls_step3
{width:100%; float:left;
}
.cls_step3-0
{width:100%; float:left;
}
.cls_step3-1
{width:100%; float:left;
}
.cls_types
{width:100%; float:left;border-bottom:1px solid #7c7c7c;margin-bottom:25px;
}
.cls_types ul
    {list-style:none;float:left;
    }
.cls_types ul li
        {float:left;margin-right:20px;padding:0px 10px;
        }
    .cls_types ul li a
    {width:100%; float:left;font-size:15px;font-family: "Roboto",sans-serif;font-weight:400;color:#454545;
    }
.cls_sel
{float:left;border-bottom:2px solid #00468e;
}
    .cls_sel a
    {color:#00468e !important;
    }
.cls_label_style
{width:200px;float:left;border-left:3px solid #00468e;
}
    .cls_label_style label
    {width:100%;float:left;color:#2f2f2f;font-size:15px;font-family: "Roboto",sans-serif;font-weight:400;margin-bottom:20px;margin-left:15px;
    }
      .cls_label_style p
    {width:100%;float:left;color:#00468e;font-size:18px;font-family: "Roboto",sans-serif;font-weight:400;margin-left:15px;
    }
.cls_fr1
{float:right;
}
.cls_views_new
{width:100%;float:left;margin-top:20px;
}
.cls_views_new_left
{width:48%;float:left;margin-right:2%;
}
    .cls_views_new_left span
    {border:1px solid #ccc;width:100%;float:left;
    }
    .cls_views_new_left h2
    {width:100%;float:left;font-size:18px;font-family: "Roboto",sans-serif;font-weight:400;color:#454545;text-align:center;margin-bottom:6px;
    }
.cls_views_new_right
{width:48%;float:left;
}
.cls_views_new_right span
    {border:1px solid #ccc;width:100%;float:left;
    }
.cls_views_new_right h2
    {width:100%;float:left;font-size:18px;font-family: "Roboto",sans-serif;font-weight:400;color:#454545;text-align:center;margin-bottom:6px;
    }
.cls_step3-2
{width:100%; float:left;
}
.cls_step3-3
{width:100%; float:left;
}
.cls_step3-4
{width:100%; float:left;
}
.cls_step3-5
{width:100%; float:left;
}
.cls_step2-0
{width:100%; float:left;
}
.cls_step2-0 span
{border:1px solid #ccc;float:left;width:100%;}
.cls_step2-1
{width:100%; float:left;}
.cls_step2-2{width:100%; float:left;}
.cls_i_freame{border:1px solid #ccc;width:100%;height:450px;}
.cls_mian_re{width:100%;float:left;margin:10px 0px;}
.cls_mian_re_left
{width:77%;float:left;margin-right:1%}
.cls_mian_re_right{width:21%;float:left;}
.Cls_EditBox_nne {background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    color: #373737 !important;
    float: left;
    height: auto;
    margin-top: 0;
    padding:10px;
    width: 98%;margin-bottom:10px;}
.cls_lableing_main
{width:100%;float:left;    padding-left: 16px;
}
.cls_lableing_main_inner
{width:20%;float:left;border-left:2px solid #2663AA;padding-left:6px;margin:7px 0px;
}
.cls_lableing_main_top
{width:100%;float:left;margin-bottom:2px;
}
.cls_lableing_main_bottom
{width:100%;float:left;color:#2663AA
}
.cls_lableing_main_inner_head
{width:100%;float:left;color: #2663AA;padding-left:6px;margin:0px 0px 7px 0px;font-weight:bold;font-size:18px;
}
.cls_new_main_head_pr_order_main {
    width: 100%;
    float: left;padding:10px;
}

.cls_new_main_head_pr_order_main_inner1 {
    width: 98%;
    float: left;border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom:15px;
}
    .cls_new_main_head_pr_order_main_inner1 h3 {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: 600;
        color: #0e0e0e;
        margin: 0px 0px 0px 0px;
    }

    .cls_new_main_head_pr_order_main_inner1 h4 {
        width: 100%;
        float: left;
        font-size: 17px;
        font-weight: 600;
        color: #2663AA;
        margin: 7px 0px 15px 0px;
    }

.cls_new_main_head_pr_order_main_inner1_left {
    float: left;width:70%;
}

.cls_new_main_head_pr_order_main_inner1_left_inner {
    float: left;width:24%;
}

.cls_new_main_head_pr_order_main_inner1_left_inner_left {
    border-right: 1px solid #2663AA;
    padding: 5px 0px;
    padding-right: 10px;
    margin-right: 10px;
    width: 20px;
    float: left;margin-top:4px;}

.cls_new_main_head_pr_order_main_inner1_left_inner_right {
    float: left;width:70%;
}

    .cls_new_main_head_pr_order_main_inner1_left_inner_right p {
        width: 100%;
        float: left;
        font-size: 12px;
        font-weight: 500;
        color: #2d2e2f;
        margin: 0px 6px 3px 0px;
    }

    .cls_new_main_head_pr_order_main_inner1_left_inner_right h4 {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 600;
        color: #2663AA;
        margin: 0px 0px;
    }

.cls_new_main_head_pr_order_main_inner1_right {
    float: left;width:29%;margin-top:-40px;
}



.cls_new_main_head_pr_order_main_inner2 {
    float: left;
    width: 100%;
}
    .cls_new_main_head_pr_order_main_inner2 h3 {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: 600;
        color: #0e0e0e;
        margin: 0px 0px 15px 0px;
    }
.cls_new_main_head_pr_order_main_inner2_rep {
    float: left;
    width:15%;height:60px;
}

    .cls_new_main_head_pr_order_main_inner2_rep p {
        width: 100%;
        float: left;
        font-size: 12px;
        font-weight: 500;
        color: #2d2e2f;
        margin: 0px 0px 6px 0px;
    }

    .cls_new_main_head_pr_order_main_inner2_rep h4 {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 600;
        color: #20457c;
        margin: 0px 0px;
    }
.textbox1111 {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #2663AA;
    margin: 0px 0px;
}
.textbox111122 {
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #db8234;
    margin: 0px 0px;
}
.textbox111133 {
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #406cad;
    margin: 0px 0px;
}
.textbox111144 {
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #1eac13;
    margin: 0px 0px;
}
.cls_new_main_head_pr_order_main_inner3 {
    width: 97%;
    float: left;
    background: #5a5f66;padding:15px 10px;
}
.cls_new_main_head_pr_order_main_inner3_rep {
   
    width: 30.5%;
    float: left;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;margin-right:1%;padding:10px;
}

.cls_new_main_head_pr_order_main_inner3_rep_left {
    border-right: 0px solid #509eea;
    padding: 5px 0px;
    padding-right: 10px;
    margin-right: 10px;
    width: auto;
    float: left;
    margin-top: 4px;
}

.cls_new_main_head_pr_order_main_inner3_rep_right {
    float: left;
    width: 70%;
}

    .cls_new_main_head_pr_order_main_inner3_rep_right p {
        width: 100%;
        float: left;
        font-size: 12px;
        font-weight: 500;
        color: #2d2e2f;
        margin: 0px 6px 3px 0px;
    }

    .cls_new_main_head_pr_order_main_inner3_rep_right h4 {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 600;
        color: #20457c;
        margin: 0px 0px;
    }
.cls_new_approve_btn {
    background: #2663AA;
    border-radius: 6px;
    color: #fff;
    padding: 8px 15px;
    font-size: 15px;margin-right:7px;float:left
}
.cls_new_reject_btn {
    background: #8d8f90;
    border-radius: 6px;
    color: #fff;
    padding: 8px 15px;
    font-size: 15px;
    margin-right: 7px;
    float: left;
}
.inner_ebs_nnn {
    width: 100% !important;
    float: left;
    padding: 5px 0px !important;
    background: #e7e7e7;
    margin-top: 5px;
    font-size: 13px;
}
.cls_new_head_nn {
    float: left;
    margin-left: 10px;
}
    .cls_new_head_nn span {
        float: left;
        font-weight: 500;
        color: #333333;
        font-size: 12px;
        margin-right: 5px;
    }
    .cls_new_head_nn label {
        float: left;
        font-weight: 600;
        color: #333333;
        font-size: 12px;
        margin-right: 5px;
    }
.cls_pad_bb_0 {padding-bottom:0px;
}
.cls_empty_style {
    width: 100%;
    float: left;
}
.cls_empty_style td {
    width: 100%;
    float: left;
}
    .cls_empty_style td h3 {display:flex;flex-direction:column;width:100%;
    }
.cls_top_load_details {width:100%;float:left;border-bottom:1px solid #ccc;margin-bottom:20px;
}
.cls_top_load_details_heading {
    width: 100%;
    float: left;margin-bottom:20px;
}
    .cls_top_load_details_heading span {
        float: left;
        margin: 0px;
        margin-right: 10px;
    }
    .cls_top_load_details_heading h3 {
        float: left;
        margin: 0px;
        color: #414141;
        font-size: 16px;
        font-weight: 600;
        margin-top: 2px;
    }
.cls_top_load_details_heading_n {
   
    float: left;
    margin-bottom:6px;
}

    .cls_top_load_details_heading_n span {
        float: left;
        margin: 0px;
        margin-right: 10px;
    }

    .cls_top_load_details_heading_n h3 {
        float: left;
        margin: 0px;
        color: #414141;
        font-size: 16px;
        font-weight: 600;
        margin-top: 2px;
    }

.cls_top_load_details_body {
    width: 100%;
    float: left;
}
.cls_top_load_details_body_rep {
    float: left;
    margin-right:0px;
    width:23.5%;
    border-left: 2px solid #075b34;padding-left:1%;margin-bottom:20px;
}
    .cls_top_load_details_body_rep label {
        width: 100%;
        float: left;
        font-size: 11px;
        font-weight: 500;
        color: #616161;margin-bottom:5px;
    }
    .cls_top_load_details_body_rep p span {
        width: 100%;
        float: left;
        font-size: 13px;
        font-weight: 600;
        color: #075b34;
    }

.cls_new_tabs {
    border: 0px;
    background: #fff;
    padding-left: 0px;float:left;width:100%;
}
    .cls_new_tabs a {
        width: auto;
        padding:0px 25px;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-decoration: none;
        border: 0px;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        color: #696695;cursor:pointer;
    }
.cls_new_tabs_sel {    
    color: #2663AA !important;
    border-bottom: 4px solid #2663AA !important;font-weight:700 !important;
}
.cls_new_d_toggle {
    float: left;
    height:29px;
    margin-bottom: 10px;
    /* border-top: 6px solid #e2e2e2; */
    border: 1px solid #dedede;
    cursor: pointer;
    float: left;
    background: #fbfbfb;
    border-radius: 5px;width:120px;
}
    .cls_new_d_toggle a {
        border: 1px solid #ccc;
        font-weight: bold;
        color: #013799;
        border-width: 0px 0px 0px 0px;
        width:47%;
        font-size: 12px;
        text-align: center;
        float: left;
        height: 100%;
        vertical-align: middle;
        margin-top: 0px;
        line-height:29px;
        padding: 0px 0px;cursor:pointer;width:60px;
       
    }
.cls_new_d_toggle_sel {
    border-bottom: 0px solid #003291 !important;
    color: #fff !important;
    background: #2663AA !important;
    border-radius:5px;
    background: #2663AA;
}
.cls_new_tabs1 {
    border: 0px;
    background: #fff;
    padding-left: 0px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
}

    .cls_new_tabs1 a {
        width: auto;
        padding: 0px 10px;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-decoration: none;
        border: 0px;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        color: #696695;
        cursor: pointer;
    }

.cls_new_tabs1_sel {
    color: #2663AA !important;
    border-bottom: 4px solid #2663AA !important;font-weight:700 !important
}
.cls_lest_update {float:right;width:215px;margin-top:7px;
}
.cls_lest_update_left {
    float: left;
    width: 50px;
}
.cls_lest_update_right {
    float: left;
    width: 164px;
}
    .cls_lest_update_right p {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        color: #05004E;
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height:15px
    }
    .cls_lest_update_right h3 {
        width: 100%;
        float: left;
        color: #05004E;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height:21px;
        margin: 0px;
        padding: 0px;
    }