body {
    /*font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;*/
}

@font-face {
    font-family: Poppins-Regular;
    src: url('../CSS/NewThemeFonts/poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('../CSS/NewThemeFonts/poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../CSS/NewThemeFonts/poppins/Poppins-Bold.ttf');
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url('../CSS/NewThemeFonts/poppins/Poppins-SemiBold.ttf');
}

select:not([multiple]) {
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance: none;
    text-indent: 0.01px;
    color: #000000;
    /*text-overflow: '';*/
    /*background-color:white;*/
    background-image: url(../Images/auto_arrow1.png);
    background-position: 99%;
    background-repeat: no-repeat;
    padding-right: 18px;
    float: left;
    height: 25px;
    font-size: 12px !important;
    font-family: Poppins-Regular, sans-serif !important;
}

.attachmentDiv {
    /*padding-top: 4px;
    padding-left: 22px;*/
    padding: 7px;
}

.atttachmentBtnDiv {
    /*padding-left: 4px;*/
    float: left;
    padding: 0px;
}

div.atttachmentBtnDiv a {
    text-decoration: none !important;
    font-size: 13pt !important;
    color: #a7abc3 !important;
}

div.uploadleftdiv li {
    font-family: Poppins-Regular, sans-serif !important;
}

div.buttonBg a {
    text-decoration: none !important;
    background-repeat: no-repeat !important;
}
/*for IE10*/
select::-ms-expand {
    display: none;
}

h3 {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
}

div.rightsidebuttons td {
    padding-left: 1px !important;
}

table#sendTable td {
    padding-bottom: 1px !important;
}

.droparrow {
    background: url(../../../Images/auto_arrow1.png) no-repeat;
    width: 18px;
    height: 16px;
    border: 0px;
    border-collapse: collapse;
    top: 7px !important;
}

.homedroparrow {
    background: url(../../../NimbleUploads/NimbleContents/images/donw_arw.png) no-repeat !important;
    border: 0px;
    right: 0px !important;
    /*top:7px !important;*/
    border-collapse: collapse;
    background-color: #2782ec !important;
}

.dxbButton_Aqua div.dxb td.dxb {
    color: #ffffff;
    /*font-weight: bold;*/
}

.goButton {
    background: #2782ec !important;
    border: 1px solid #4480b5;
    color: #000000;
    padding: 1px 1px 1px;
    border-radius: 5px;
}

.gridheadinner {
    /*color: #000000;*/
    float: left;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: #000000 !important;
    text-align: left;
    font-weight: bold !important;
}
/*
a:link {
	color: #3399CC;
}
a:visited {
	color: #0099CC;
}
a:hover {
	color: #0099CC;
}
a:active {
	color: #0099CC;
}*/

.scrollstyle {
    float: right;
    width: 20%;
    position: relative;
    right: 0px;
    left: 0px;
    top: -34px;
    color: #720909;
}

.ownerheader {
    /*background-color:#A8D4F2;*/
    width: 100%;
    float: left;
    background-image: url(../../../Images/testmenubg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 60px;
}

.topgrid {
    background-color: #D0E4FE;
    height: 25px;
    width: 100%;
    float: left;
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
    margin-top: 2px;
}

.horizontalmenu {
    width: 70%;
    /*left: 203px;*/
    /* top: -29px; */
    position: relative;
    top: -26px;
    left: 158px;
    height: 24px;
}

.hyperlink {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: #0000ee;
    cursor: pointer;
}

.extramenu {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    left: 826px;
    position: absolute;
    top: 29px;
    width: 65px;
    z-index: 1000;
}

.registrationcheckbox {
    float: left;
    margin-left: 245px;
    color: Red;
    font-size: 9pt;
    top: -20px;
    left: 16px;
    position: relative;
    font-family: Poppins-Regular, sans-serif;
}

.starsss {
    color: Red;
    float: left;
    font-size: 10px;
    left: -9px;
    position: relative;
    top: 3px;
}


.memodev {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    float: left;
    margin-bottom: 3px;
    width: 170px;
    border: 1px solid #B8B8B8;
    /* height: 50px;*/
    background-color: White;
}

.efttextbox {
}

/*.homebg
{
    background: url(../../../Images/opacitylogo.gif) no-repeat center;
    height: 388px;
    width: 383px;
    margin: 80px auto 0;
}*/

.logo1 {
    /*background-color:#A8D4F2 /*#B2D6FC*/
    width: 158px;
    height: 60px;
    float: left;
    /*background-image:url("Images/Metro/logo.png");*/
    background-repeat: no-repeat;
}

.logo {
    padding-top: 5px;
}

.logoutdiv {
    float: right;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    padding-right: 30px;
    padding-top: 3px;
    text-decoration: none;
    width: 5%;
    color: #215B96;
}


.roleheader {
    /*  background-color: #A8D4F2;*/
    height: 43px;
    width: 100%;
    /* float:left;*/
    background-image: url(../../../Images/rolebg2.png);
    background-repeat: repeat-x;
    padding-top: 5px;
}

.rolediv {
    background-color: #A8D4F2;
    float: right;
    height: 24px;
    padding-bottom: 1px;
    padding-left: 3px;
    position: relative;
    left: -13px;
    top: 0; /* width: 100%;*/
}

.switchrole {
    background-color: #B2D6FC;
    border-collapse: collapse;
    color: White;
    float: right;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    margin-top: 2px; /* width: 22%;*/
}

.welcometext {
    color: #215B96;
    float: left;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    left: 200px;
    padding-right: 10px;
    padding-top: 5px;
    position: absolute;
    text-align: right; /*width: 68%;*/
}


.trbgcolor {
    background-color: #f2f5fd;
    height: 25px;
    font-size: 12px !important;
    font-family: Poppins-Regular, sans-serif;
    font-weight: bold;
    color: Black;
}

.trheadbgcolor {
    background-color: #C1DBFA;
    height: 25px;
    font-size: 12px !important;
    font-family: Poppins-Regular, sans-serif;
    font-weight: bold;
    color: #2F2F2F;
}

.hrseparator {
    /*width: 710px;*/
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #DAEAFF;
    height: 1px;
}

.Themes {
    color: White;
    float: left;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    /*padding-right: 10px;*/
    text-align: right; /*width: 68%;*/
    /*  position:absolute;*/
    right: 200px;
    top: 4px;
    background-image: url(../../../Images/Themesnew.png);
    background-repeat: no-repeat;
    width: 73px;
    height: 18px;
}

.textboxnoborder {
    border: 0px solid #FFFFFF none;
    border-bottom: 0px solid #FFFFFF none;
    border-collapse: collapse;
    border-left: 0px solid #FFFFFF none;
    border-right: 0px solid #FFFFFF none;
    border-top: 0px solid #FFFFFF none;
    float: left;
    margin: 2px;
    width: 167px;
    height: 20px;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-align: right;
    padding-top: 3px;
}

.homelinks {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
}

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

img {
    border: 0px;
}

.span {
    float: left;
    margin-left: 155px;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
}

.span2 {
    float: left;
    margin-left: 160px;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
}

.quicklinkheading {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-decoration: none;
    color: #1A7FBC;
    padding-left: 5px;
    font-weight: bold;
}

.quicklinkmainheading {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 10pt;
    text-decoration: none;
    color: #27649F;
    padding: 5px;
    font-weight: bold;
}

.quicklinkcontent {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    padding-left: 5px;
    padding-top: 2px;
}

.watch {
    float: right;
    width: 20%;
    color: #215B96;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    padding-top: 5px;
}

.copyrights {
    float: left;
    width: 75%;
    color: #215B96;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    padding-top: 3px;
    padding-left: 104px;
}

.nimblecontainer {
    /* margin:5px; 	padding:5px;*/
    /*font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    min-height:536px;*/
    /* width: 100%;*/
    /*float: left;*/
    /*width:100%*/
    background: #FFFFFF;
    width: 100%;
    float: left;
    height: 334px;
}

.controlswrap {
    /* margin:5px; 	padding:5px;*/
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    /*min-height:595px;*/
    /* width: 100%;*/
    /*float: left;*/
    width: 100%;
}

.containerModalPopUp {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 700px;
    height: 500px;
    overflow: scroll;
    overflow-x: hidden;
}

.runningcontent {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-align: left;
    padding: 2px;
}

.runningcontentred {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-align: left;
    padding: 2px;
    color: Red;
}

.errorsdiv {
    width: 700px;
    text-decoration: none;
}

.leftmenuarrow {
    cursor: pointer;
}

.content {
    width: 387px;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: Black;
    float: left;
    text-align: justify;
    margin-bottom: 5px;
}

.contentsales {
    width: 98%;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: Black;
    padding: 2px;
    float: left;
    text-align: justify;
    line-height: 20px;
}

.contentpopup {
    width: 500px;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: Black;
    padding: 2px;
    float: left;
    text-align: justify;
}

.divline {
    font-family: Poppins-Regular, sans-serif !important;
    border: 1px solid #b5b6b7;
    border-bottom: 1px solid #b5b6b7;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 2px;
}

.div1fluid {
    float: left;
    width: 616px;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-decoration: none;
}

.div2payments {
    float: left;
    width: 420px;
}

.div1fluidPurpose {
    float: left;
    width: 100%;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-decoration: none;
    padding-bottom: 2px;
}

.div1 {
    float: left;
    width: 380px;
    padding: 5px;
}

.forgotpassword {
    float: left;
    width: 355px;
}

.divcorp {
    float: left;
    width: 400px;
}

.div1receipts {
    float: left;
    width: 400px;
}

.divhuge {
    float: left;
    width: 420px;
}


.divhugeuser {
    float: left;
    width: 420px;
    /*padding:3px;*/
}

.useraddress {
    float: left;
    width: 420px;
    padding-left: 10px;
}

.divhugeuserinfo {
    float: left;
    width: 420px;
    /*height:350px;*/
}


.divhugeshowfilter {
    float: left;
    width: 480px;
}

.divagency {
    float: left;
    width: 450px;
}

.divhuge1 {
    float: left;
    width: 574px;
}

.divuserinfo {
    float: left;
    width: 390px;
}

.div1billsviewedit {
    float: left;
    width: 450px;
}

.divDCP {
    float: left;
    width: 370px;
}

.div1scroll {
    float: left;
    width: 100%;
    overflow: scroll;
    height: 500px;
}

.div1large {
    float: left;
    width: 503px;
}

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

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

.divpannel {
    width: 745px;
    overflow-x: hidden;
    height: 500px;
    overflow: auto;
}

.divpannelsales {
    /*width: 800px;*/
    width: 100%;
    overflow-x: hidden;
    height: 500px;
    overflow: auto;
}

.div1message {
    float: left;
    width: 480px;
}

.divbig {
    float: left;
    width: 500px;
}

.div2 {
    float: right;
    width: 390px;
}

.div2fundstransfer {
    float: left;
    width: 390px;
    margin-left: 30px;
}

.div2ft {
    float: left;
    width: 420px;
    padding: 5px;
    padding-top: 8px;
}

.div2left {
    float: left;
    width: 390px;
}

.div2rightsmall {
    float: right;
    width: 355px;
}

.div2client {
    float: right;
    width: 355px;
}

.divstatus {
    float: left;
    margin-left: 152px;
}

.divstatuspayments {
    float: left;
}

.div2none {
    float: none;
    margin: 5px;
}

.div2customer {
    float: left;
    width: 380px;
    padding: 5px;
}

.divmodalpopup {
    float: right;
    width: 301px;
}

.divwagecost {
    float: left;
    width: 400px;
    position: relative;
    left: 299px;
}

.divwagegp {
    float: left;
    width: 250px;
    position: relative;
    left: 333px;
}

.asplbl {
    width: 110px;
    float: left;
    padding: 5px;
    text-align: right;
}

.asplbl2 {
    width: 110px;
    float: left;
    padding: 5px;
    text-align: right;
    margin-right: 2px;
}

.asplbl4 {
    width: 42px;
    float: left;
    padding: 5px;
    text-align: right;
    margin-right: 5px;
}

.asplbl5 {
    width: 28px;
    float: left;
    padding: 5px;
    text-align: right;
    margin-right: 2px;
}

.divaccount /* used for wagecost screen*/ {
    width: 280px;
    float: left;
    /*margin-left: 23px;*/
    position: relative;
    left: 69px;
}

.divwagecosttotal {
    float: left;
    width: 390px;
    /* margin-left: 271px;*/
    left: 299px;
    position: relative;
}

.divwagecosttax {
    float: left;
    width: 390px;
    /* margin-left: 271px;*/
    left: 333px;
    position: relative;
}


.divTotal2 {
    float: left;
    width: 300px;
    position: relative;
    left: 53px;
}

.div2small {
    float: right;
    width: 219px;
}

.div2check {
    float: right;
    width: 300px;
}

.div3 {
    float: left;
    width: 350px;
    margin-top: 128px;
}

.div3medium {
    float: left;
    width: 350px;
    margin-top: 122px;
}

.div3marginsmall {
    float: left;
    width: 350px;
    margin-top: 10px;
}

.div3marginsmalluserinfo {
    float: left;
    width: 150px;
    margin-top: 10px;
}

.div3customer {
    float: left;
    width: 350px;
    margin-top: 29px;
}

.div3personal {
    float: left;
    width: 350px;
    margin-top: 50px;
}

.div3marginless {
    float: left;
    width: 350px;
    margin-top: 73px;
}

.div3nomargin {
    float: left;
    width: 350px;
}

.divbuttonexact {
    float: left;
    width: 700px;
}

.div4 {
    float: right;
    width: 150px;
}

.div4personalinfo {
    float: right;
    width: 150px;
    margin-top: -45px;
}

.div5 {
    float: left;
    width: 400px;
}

.totaldiv {
    float: right;
    width: 275px;
}


.divscroll {
    width: 500px;
    overflow: auto;
    height: 380px;
    overflow-x: hidden;
}

.divscrollConfiguration {
    width: 800px;
    overflow: auto;
    height: 380px;
    overflow-x: hidden;
}

.divsSA {
    width: 800px;
    overflow: auto;
    /*height: 380px;*/
    overflow-x: hidden;
}

.divscrollmessage {
    width: 100%;
    overflow: auto;
    height: 100%;
    overflow-x: hidden;
}

.divscrollsentmessage {
    width: 100%;
    overflow: auto;
    height: 450px;
    overflow-x: hidden;
}

.divscrollmerge {
    width: 100%;
    overflow: auto;
    height: 250px;
    overflow-x: hidden;
    float: left;
}

.divsfloat {
    width: 99.8%;
    float: left;
}

.lblright {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 75px;
    text-align: right;
    color: #000000;
}

.lablesstatic {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
    text-align: left;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    vertical-align: middle;
    width: 100px;
    color: #000000;
}

.lablesstatichome {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
    text-align: left;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    vertical-align: middle;
    width: 100px;
    color: #000000;
    padding-right: 5px;
}

.lables {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
    width: 180px;
    text-align: left;
    float: left;
    margin: 4px 2px 0px;
    color: #000000;
    /* margin-top:4px;*/
}

.Extensionlables {
    font-family: Poppins-Regular, sans-serif;
    color: #000000;
    font-size: 12px;
    width: 55px;
    text-align: left;
    float: left;
    margin: 4px 2px 0px;
    /* margin-top:4px;*/
}

.PersonalExtensionlables {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px;
    width: 40px;
    text-align: left;
    float: left;
    margin: 4px 2px 0px;
    /* margin-top:4px;*/
    color: #000000;
}

.lables2 {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
    text-align: left;
    float: left;
    color: #000000;
    margin: 2px;
    margin-top: 2px;
}

.lablesTo {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
    text-align: left;
    float: left;
    color: #000000;
    margin: 4px 2px 0px;
}

.min {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px;
    width: 110px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
}

.motelLabel {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px;
    width: 180px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
}

.motelLabelbold {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px;
    width: 180px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
    font-weight: bold;
}

.motelLabelboldUnderLine {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px;
    width: 180px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.lblgridfont {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-align: left;
    color: #000000;
}


.gasmin {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 120px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
}

.minrptset {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 95px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
}


.medium {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 120px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
}

.large {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 130px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
}




.lablescheckbox {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 160px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 2px;
    color: #000000;
}

.grheading {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 15px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 0px;
    color: #000000;
}

.grheadingsmall {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 11px;
    text-align: left;
    float: left;
    margin: 2px;
    margin-top: 0px;
    color: #000000;
}

.lablesmediumright {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 9pt !important;
    width: 80px;
    text-align: left;
    float: left;
    margin: 5px;
    padding-left: 22px;
    color: #000000;
}

.lablesinovice {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px !important;
    width: 90px;
    text-align: right;
    float: left;
    margin: 5px;
    padding-left: 22px;
    color: #000000;
}

.lablessmall {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-align: left;
    float: left;
    padding-top: 5px;
    width: 20px;
    color: #000000;
}

.lablestiny {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px !important;
    text-align: left;
    float: left;
    padding-top: 5px;
    width: 20px;
    color: #000000;
}

.lablestextright {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 180px;
    float: left;
    text-align: right;
    margin: 2px;
    color: #000000;
}

.showbutton {
    position: relative;
    top: -20px;
    left: 340px;
    width: 25px;
    height: 25px;
}

/*.showbutnpayments {
    height: 25px;
    left: 332px;
    position: relative;
    top: -56px;
    width: 25px;
}*/
.showbutnpayments {
    height: 25px;
    left: 280px;
    position: relative;
    top: -56px;
    width: 25px;
}

.showbutnreceipts {
    height: 25px;
    left: 283px;
    position: relative;
    top: -18px;
    width: 25px;
}

.controls {
    font-family: Poppins-Regular,sans-serif !important;
    font-size: 12px !important;
    float: left;
    margin: 3px;
    width: 170px;
    height: 25px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
}

.controlsauto {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px !important;
    float: left;
    /*margin: 3px;*/
    /*border: 1px solid #b3d4f2;*/
    height: 20px;
    /*background-color: White;*/
    color: #000000;
    margin-left: 0px;
    /*border:1px solid #AECAF0;*/
    position: relative;
    /*margin-top: 23px;*/
    margin-bottom: 14px;
}

.signupcontrols {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 11px;
    float: left;
    margin: 2px;
    width: 170px;
    /*border: 1px solid #b3d4f2;*/
    height: 20px;
    background-color: White;
    color: #000000;
    margin-left: 0px;
    border: 1px solid #EEE;
}

.inputText {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px !important;
    float: left;
    width: 95%;
    text-align: right;
    color: #000000;
}

.conNoBorder {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    float: left;
    text-align: right;
    margin: 2px;
    width: 170px;
    border: 0px solid #B8B8B8;
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 20px;
    background-color: White;
    color: #000000;
    margin-left: 0px;
}

.rolecontrols {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    float: left;
    margin: 2px; /*width:170px;*/
    border: 1px solid #B8B8B8;
    height: 16px;
    background-color: White;
    border-collapse: collapse;
    border: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top: none;
    float: right;
}

.controlsdropdown {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    float: left;
    margin: 2px;
    width: 170px;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
    height: 100px;
    margin-left: 0px;
    color: #000000;
}

.autocontrolsdropdown {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    float: left;
    /* margin: 2px; */
    width: 300px;
    border: 1px solid #AECAF0;
    margin-left: 0px;
    height: auto !important;
}

.controlsdate {
    background-color: White;
    border: 1px solid #AECAF0;
    color: #000000;
    float: left;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    height: 20px;
    margin: 2px 2px 2px 0;
    width: 93px;
}



.dropdownbold {
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
    font-weight: bold;
}

.intbox {
    font-family: Poppins-Regular,sans-serif !important;
    font-size: 12px !important;
    float: left;
    margin: 3px;
    width: 170px;
    height: 25px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057 !important;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
}

.numericbox {
    /*font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px !important;
    float: left;
    width: 170px;
    border: 1px solid #AECAF0 !important;
    border-bottom: 1px solid #AECAF0 !important;
    border-left: 1px solid #AECAF0 !important;
    border-right: 1px solid #AECAF0 !important;
    border-top: 1px solid #AECAF0 !important;
    text-align: right;
    height: 20px;
    color: #000000;
    margin-top: 3px;
    margin-bottom: 2px;*/
    font-family: Poppins-Regular,sans-serif !important;
    font-size: 12px !important;
    float: left;
    margin: 3px;
    width: 170px;
    height: 25px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057 !important;
    text-align: right;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
}

.controlsImport {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 190px;
    float: left;
    margin: 2px;
}

.controls_update {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 300px;
    float: left;
    margin: 2px;
}

.controlsbig {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    float: left;
    margin: 2px;
}

.controlssmall {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 70px;
    float: left;
    margin: 2px;
}

.buttonsright {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 9pt !important;
    width: 100px;
    float: left;
    padding: 5px;
    clear: both;
}

.inputText {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px !important;
    float: left;
    width: 95%;
    text-align: right;
    color: #000000;
}

.photo {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    width: 100px;
    height: 100px;
    float: left;
    padding: 2px;
    text-align: left;
    border: 1px #BABABA solid;
    border-top: 1px #BABABA solid;
    border-right: 1px #BABABA solid;
    border-left: 1px #BABABA solid;
    border-bottom: 1px #BABABA solid;
    background: #BABABA;
    margin-bottom: 2px;
}

.divmenu {
    width: 200px;
    float: left;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 9pt !important;
    color: Black;
}

.buttons {
    width: 100px;
    float: left;
    margin-top: 80px;
}

.save {
    margin: 1px;
    float: left;
}

.buttonsaddbusiness {
    float: left;
    width: 200px;
    margin-top: 239px;
    margin-left: -50px;
}

.divbuttons {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.divbuttonsinside {
    float: left;
    width: 220px;
}


.divbuttonslarge {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.divexact {
    float: left;
    width: 700px;
    margin-top: 2px;
}

.divemp {
    float: left;
    width: 720px;
}

.tinvoice {
    float: right;
    width: 37%;
    margin-top: 2px;
}

.divbuttons3 {
    float: left;
    width: 350px;
    margin-top: 2px;
}

.divbuttons4 {
    float: left;
    width: 400px;
    margin-top: 2px;
}

.divbuttons2 {
    float: left;
    width: 250px;
    margin-left: 207px;
    margin-top: 2px;
    margin-bottom: 5px;
}

.divbut2new {
    float: left;
    width: 250px;
    margin-left: 145px;
    margin-top: 2px;
    margin-bottom: 5px;
}


.divbutphoto {
    float: left;
    width: 250px;
    margin-top: 2px;
    margin-bottom: 5px;
}

.divbuttonsregistration {
    float: left;
    width: 100px;
    margin-top: 6px;
    margin-bottom: 5px;
}

.divbuttons2sales {
    float: left;
    width: 100%;
    margin-left: 155px;
    margin-top: 8px;
    margin-bottom: 5px;
}

.divbuttonsmiddle {
    width: 250px;
    margin-left: 155px;
    margin-top: 18px;
}

.divlogin {
    float: left;
    width: 200px;
    margin-left: 155px;
    margin-top: 20px;
}

.leftsidebuttons {
    float: left;
    /*margin-left: 2px;*/
    margin-right: 1px;
}

.rightsidebuttons1 select {
    padding: 2px 15px;
    font-size: 12px !important;
    color: #000000;
    width: 140px !important;
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
    font-weight: 400;
    height: 32px;
    font-family: Poppins-Regular, sans-serif !important;
}

.rightsidebuttons span#ctl00_MainContent_lblView {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    padding: 0 !important;
}

.dxeHyperlink_Aqua {
    background: none repeat scroll 0 0 #ffffff;
    color: #2782ec !important;
    font-size: 12px !important;
    padding: 0 10px;
    text-align: center;
    text-decoration: none !important;
    border: 1px solid !important;
    border-color: #2782ec !important;
    color: #2782ec !important;
    padding: 4px !important;
    border-radius: 6px;
}

    .dxeHyperlink_Aqua:hover {
        background: #3d5c7b !important;
        color: #ffffff !important;
    }

.leftsidebuttons1 {
    float: left;
    font-size: 15px;
    margin-left: 2px;
    margin-right: 1px;
    padding-top: 1px;
    width: 220px;
    color: #000000;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: 600;
}

.rightsidebuttons {
    float: right;
    /*margin: 2px 10px;*/
    text-align: right;
    padding-top: 1px;
    margin-right: 5px;
}

.rightsidebuttons1 {
    float: right;
    margin: 5px;
    text-align: right;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px !important;
    color: #000000;
    /*padding-top:3px;*/
}

    .rightsidebuttons1 span#ctl00_MainContent_lblView {
        padding-top: 7px;
    }

.rightsidebuttonsDCP {
    float: right;
    padding-right: 2px;
}

.gridrightbuttons {
    float: right;
    margin: 2px;
}

.rightsidebuttonssmall {
    float: right;
    margin: 2px;
}


.rightsidebuttonsgrid {
    width: 150px;
    float: right;
}

.divider {
    width: 751px;
    height: 19px;
    float: left;
}


.header {
    background: #f4f5f8 !important;
    font-family: Poppins-Regular,sans-serif !important;
    font-size: 12px !important;
    height: 20px;
    padding-top: 2px;
    /* padding-left: 2px;*/
    color: #2782ec !important;
    width: 100%;
    text-align: left;
    float: left;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 0px;
    padding-left: 2px;
}

.headerplain {
    font-family: Poppins-Regular,sans-serif !important;
    font-size: 12px;
    height: 20px;
    padding-top: 5px;
    padding-left: 2px;
    color: #FFFFFF;
    width: 100%;
    text-align: left;
    float: left;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
}

.headerlarge {
    background: #f4f5f8 !important;
    font-family: Poppins-Regular,sans-serif !important;
    font-size: 12px;
    height: 28px;
    padding-top: 1px;
    color: #2782ec !important;
    width: 100%;
    text-align: left;
    float: left;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1px;
}

.leftsidebuttonssales {
    float: left;
    margin-left: 2px;
    margin-right: 1px;
    margin-top: 6px;
}

.trsalesrepeaters {
    background-color: #C4DCFB;
    height: 25px;
    padding-left: 3px;
}

.headersub {
    background: #465B9D;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    height: 25px;
    padding-top: 15px;
    padding-left: 5px;
    color: #2C4D79;
    width: 500px;
    text-align: left;
    float: left;
    font-weight: bold;
}

.divcontent {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: White;
    margin: 5px;
    font-weight: bold;
    margin-top: 5px;
    padding-top: 5px;
    padding-left: 2px;
}

.grid {
    width: 100%;
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px;
    color: #000000 !important;
    float: left;
    margin-top: 2px;
}

.gridoverflow {
    width: 100%;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: #000000 !important;
    float: left;
}

.gridscroll {
    width: 100%;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: #000000 !important;
    float: left;
    overflow: auto;
    height: 250px;
    overflow-x: hidden;
}

.gridscrollnew {
    width: 100%;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: #000000 !important;
    float: left;
    overflow: auto;
    height: 200px;
    overflow-x: hidden;
}

.gridleft {
    float: left;
    width: 500px;
}

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

.gridexact {
    float: left;
    width: 700px;
}

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

.gridalignleft {
    float: left;
}

.mandatory {
    font-family: Poppins-Regular, sans-serif !important;
    color: #FF0000;
    font-size: 12px;
}

.mandatorywagecost {
    color: #491B0B;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    left: -105px;
    position: relative;
}
/*div aside Tool tip form Multiple*/
.contentdiv {
    float: left;
    height: 440px;
    margin-top: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}

.selectedtooltip {
    color: #fff !important;
    font-family: Poppins-Regular,sans-serif !important;
    vertical-align: middle;
    background: #2782ec !important;
    padding: 5px !important;
    cursor: pointer;
    border-radius: .25rem;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500 !important;
    font-size: 12px;
}

.paddingzero {
    padding: 0px !important;
}

.divheader {
    background-color: #e5e7ec !important;
    padding: 6px 3px 6px 4px;
    float: left;
    margin-top: -10px;
    width: 101%;
}

.textdec {
    text-decoration: none !important;
}

.divtooltip {
    z-index: 1000000000 !important;
    min-width: 30px;
    min-height: 15px;
    position: absolute;
    background-color: white;
}

.divpopup {
    z-index: 99999;
    height: 80px;
    position: absolute;
    border: 1px solid black;
    opacity: 1;
    background-color: rgba(58,58,58,.8);
    width: 100%;
    height: 100%;
    top: 0px;
}

.innerdivpopup {
    float: left;
    height: 300px;
    width: 300px;
}

.divgroups {
   margin-top: 7%;
    width: 50%;
    height: 67%;
    overflow: hidden;
    background-color: #fff;
    margin-left: 0%;
    padding: 10px 10px 10px 0;
    left: 22%;
    position: absolute;
}

.ESWindow {
    margin-top: 10%;
    width: 440px;
    height: 395px;
    overflow: hidden;
    background-color: #fff;
    margin-left: 3%;
    padding: 10px 10px 10px 0px;
    left: 30%;
    position: absolute;
}
.ThresholdWindow {
    margin-top: 4%;
    width: 450px;
    height: 390px;
    overflow: hidden;
    background-color: #fff;
    margin-left: 3%;
    padding: 10px 10px 10px 0px;
    left: 30%;
    position: absolute;
}
.ChangeMappingWindow {
    margin-top: 2%;
    width: 800px;
    height: 450px;
    overflow: hidden;
    background-color: #fff;
    margin-left: -5%;
    padding: 10px 10px 10px 0px;
    left: 30%;
    position: absolute;
}

.trhead {
    background-color: #e5e7ec;
    color: #2782ec !important;
    font: 13px Poppins-Regular,sans-serif;
    padding: 4px;
    font-weight: bold !important;
}

.tblrole {
    width: 439px;
}

    .tblrole tr td {
        border: 1px solid #e5e8ef;
        padding: 4px;
    }

.lnkAssign {
    text-decoration: underline !important;
    margin-left: 0px;
}

.paddingzero {
    padding: 0px !important;
}
/*div as tooltip End*/
.fontcolor {
    color: #2782ec !important;
}

.fontfamily {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: #000;
}

.fontfamily13 {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 13px;
    color: #666674;
}

.headerfontfamily {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 13px;
    color: #666674;
}

.mandatorytext {
    font-family: Poppins-Regular, sans-serif !important;
    color: #491B0B;
    font-size: 12px;
}

.hidden {
    display: none !important;
}

.drop {
    border: 1px solid #465B9D;
}

.redvalue {
    font-family: Poppins-Regular, sans-serif !important;
    color: Red;
    font-size: 12px;
}

.costcenter {
    display: block;
}

.gasrepeatergrid {
    border: 1px solid #A3C0E8;
}





/*Filter CSS*/

#main {
    width: 100px;
    height: 20px;
    float: right;
}

#hidden {
    width: 450px;
    height: 200px;
    display: none;
    margin: 5px;
    padding: 5px;
    background-color: white;
}

.showfilterheaderbg {
    background-color: #C1DBFA;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: bold;
    color: White;
}

.showfilterheadertext {
    color: #2C4D79;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 9pt !important;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 5px;
}

.showfilter {
    background-color: #EADBEA;
    border-collapse: collapse;
    font-size: 12px;
    color: #465B9D;
    font-family: Poppins-Regular, sans-serif !important;
    border: none;
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
    width: 100px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

    .showfilter:hover {
        background: url(../../../Images/hover.gif) repeat-x;
        border-collapse: collapse;
        font-size: 12px;
        color: #333333;
        font-weight: bold;
        font-family: Poppins-Regular, sans-serif !important;
        border: none;
        border-bottom: none;
        border-top: none;
        border-left: none;
        border-right: none;
        cursor: pointer;
        width: 100px;
        height: 20px;
        text-align: center;
        vertical-align: middle;
    }


.showfilterlarge {
    background-color: #EADBEA;
    border-collapse: collapse;
    font-size: 12px;
    color: #465B9D;
    font-family: Poppins-Regular, sans-serif !important;
    border: none;
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
    width: 180px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

    .showfilterlarge:hover {
        background: url(../../../Images/hover.gif) repeat-x;
        border-collapse: collapse;
        font-size: 12px;
        color: #333333;
        font-weight: bold;
        font-family: Poppins-Regular, sans-serif !important;
        border: none;
        border-bottom: none;
        border-top: none;
        border-left: none;
        border-right: none;
        cursor: pointer;
        width: 180px;
        height: 20px;
        text-align: center;
        vertical-align: middle;
    }

.importantnote {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.importantheading {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: Red;
}

/* home html css */


.td {
    background: url(../../../Images/shadow.gif) repeat-y;
    width: 9px;
}

.tdright {
    background: url(../../../Images/shado.gif) repeat-y right;
    width: 10px;
}

.topshadow {
    background: url(../../../Images/topshowdow.gif) repeat-x;
}

.bottomshadow {
    background: url(../../../Images/bottomshadow.gif) repeat-x bottom;
}

.header1 {
    background: url(../../../Images/headerbg.gif) repeat-x;
}

.footer {
    background: url(../../../Images/headerbg.gif);
}

.grey {
    background: url(../../../Images/roundheader.gif) repeat-x;
}

.fontheading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    color: #2f8cc3;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
    text-decoration: none;
    padding-left: 5px;
}

.borderleft {
    border: #dad6d6 solid 1px;
    border-bottom: none;
    border-right: none;
    border-left: #dad6d6 solid 1px;
    border-top: none;
}

.borderright {
    border: #dad6d6 solid 1px;
    border-bottom: none;
    border-right: #dad6d6 solid 1px;
    border-left: none;
    border-top: none;
}

.bordertop {
    border: #dad6d6 solid 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top: #dad6d6 solid 1px;
}

.borderbottom {
    border: #dad6d6 solid 1px;
    border-bottom: #dad6d6 solid 1px;
    border-right: none;
    border-left: none;
    border-top: none;
}

.flbg {
    background: url(../../../Images/flashbg.gif);
}

.features {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 10px;
    color: #2F8CC3;
    font-weight: bold;
    line-height: 14px;
    text-decoration: none;
}

.testimonial {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #666;
    text-decoration: none;
    padding: 2px;
}

.featuresheading {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 14px;
    color: #6fb0d6;
    text-decoration: none;
    font-weight: bold;
}

.readmore {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: #C00;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-top: 5px;
}

.contentbody {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    padding: 2px;
    text-decoration: none;
    text-align: left;
}

.navigation {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
}

.username {
    font-family: Candara;
    font-size: 14px;
    font-weight: bold;
    font-variant: normal;
    text-transform: capitalize;
    color: #2F8CC3;
    text-decoration: none;
    font-style: normal;
    padding-left: 2px;
}

.footerfont {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFF;
    text-decoration: none;
    width: 32%;
}

.bordertopwhite {
    border: #FFF solid 1px;
    border-bottom: #FFF solid 1px;
    border-right: none;
    border-left: none;
    border-top: #FFF solid 1px;
}

.borderbottomwhite {
    border: #FFF solid 1px;
    border-bottom: #FFF solid 1px;
    border-right: none;
    border-left: none;
    border-top: none;
}

.and {
    font-family: Candara;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #C00;
    text-decoration: none;
}

.footerinner {
    width: 980px;
}

.footercolor {
    width: 100%;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    height: 4%;
    background-color: #A9E2F3;
    position: fixed;
    bottom: 0px;
}
/* style for screen shot pop -up in the home */

#overlay {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
}
    /*You can style the inner <div> however you like. As I said above, I usually center it horizontally to give it more of a dialog box look and feel.*/

    #overlay div {
        width: 300px;
        margin: 100px auto;
        background-color: #fff;
        border: 1px solid #000;
        padding: 15px;
        text-align: center;
    }

/* End*/




/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
    margin-top: 30px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid #778;
    font: 9pt segoe ui,verdana,arial,sans-serif;
}

    ul.tabbernav li {
        list-style: none;
        margin: 0;
        display: inline;
    }

        ul.tabbernav li a {
            padding: 3px 0.5em;
            margin-left: 3px;
            border: 1px solid #778;
            border-bottom: none;
            background: #DDE;
            text-decoration: none;
        }

            ul.tabbernav li a:link {
                color: #448;
            }

            ul.tabbernav li a:visited {
                color: #667;
            }

            ul.tabbernav li a:hover {
                color: #000;
                background: #AAE;
                border-color: #227;
            }

        ul.tabbernav li.tabberactive a {
            background-color: #fff;
            border-bottom: 1px solid #fff;
        }

            ul.tabbernav li.tabberactive a:hover {
                color: #000;
                background: white;
                border-bottom: 1px solid white;
            }


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
    padding: 5px;
    border: 1px solid #aaa;
    border-top: 0;
    height: 550px;
    background-color: White;
    /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
    /* height:200px; */
    /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
    /* overflow:auto; */
}

    /* If desired, hide the heading since a heading is provided by the tab */
    .tabberlive .tabbertab h2 {
        display: none;
    }

    .tabberlive .tabbertab h3 {
        display: none;
    }

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

    .tabberlive#tab2 .tabbertab {
        height: 200px;
        overflow: auto;
    }

/* Wizard css start 
.deactive
{
    background-image:
}

*/













/* Wizard css end */

/* new menu bar*/

.barstyle {
    position: absolute;
    top: 49px;
    left: 2px;
    width: 100%;
    float: left;
}




.ml {
    background: url(../../../Images/leftround.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 6px;
}

.mbg {
    background: url(../../../Images/bg.png);
    background-repeat: repeat-x;
    height: 24px;
}

.m2 {
    background: url(../../../Images/rightround.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 6px;
}


.reportsdiv {
    width: 200px;
    padding: 2px;
    margin: 2px;
    float: left;
    font-family: Poppins-Regular, sans-serif;
}

.divcheckbox {
    width: 355px;
    padding-bottom: 5px;
    float: left;
}

.addbusiness {
    position: relative;
    left: 400px;
    top: -95px;
}

.autotext {
    border: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top: none;
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px !important;
    height: 16px;
    width: 148px;
    color: black;
    /*color:#000000;*/
}

.autocontainer {
    border: 1px solid #AECAF0;
    border-bottom: 1px solid #AECAF0;
    border-right: 1px solid #AECAF0;
    border-left: 1px solid #AECAF0;
    border-top: 1px solid #AECAF0;
    height: 20px;
    width: 170px;
}

/* Dashboard styles start  */

.content1 {
    background: #037BB2;
    padding: 5px;
}

.dashboardheading {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 17px;
    color: #000000;
    font-weight: bold;
    border-width: medium medium 1px;
    border-bottom: 1px solid #649DC4;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-bottom: 5px;
}

.contentround {
    background: #FFFFFF;
    padding: 5px;
    height: 550px;
    width: 98%;
}

.round_span3 {
    background: #FFFFFF;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 3px;
}

.round_span2 {
    background: #FFFFFF;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 2px;
}

.round_span1 {
    background: #FFFFFF;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 1px;
}

.headmodules {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    padding-left: 7px; /*height:25px;*/ /*padding-top:5px;*/
    background: url(../../../Images/bgdashboard.png) repeat-x;
    color: #FFFFFF;
}

.rowcolor {
    background-color: #EFF5FC; /*#FCF3CF*/ /*#E6F3FB*/
    font-family: Poppins-Regular, sans-serif !important;
    text-decoration: none;
    padding: 5px;
}

.trhing {
    background-color: #C5DEFB;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    height: 25px; /* font-weight:bold;*/
    color: Black;
    font-weight: bold;
    padding-left: 4px;
}

.trhing1 {
    background-color: #BAE0EF;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    height: 25px; /* font-weight:bold;*/
    color: Black;
    font-weight: bold;
    text-align: center;
}


.modulediv {
    height: 270px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    margin-bottom: 5px;
}

.modulediv2 {
    height: 270px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    margin-bottom: 5px;
}

.recmodulediv {
    height: 100px;
    width: 100%;
}

.salesmodulediv {
    height: 230px;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
}

.armodulediv {
    height: 230px;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
}

.dashinnerdiv1 {
    width: 99%;
    float: left; /*            overflow: auto;
            overflow-x: hidden;*/
    height: 200px;
}

.dashinnerdiv2 {
    width: 99%;
    float: left;
    overflow: auto;
    overflow-x: hidden;
}

.dashinnerdiv3 {
    width: 99%;
    float: left;
    height: 120px;
}

.leftdashcr {
    background: url(../../../Images/dashleftcorner2.png) no-repeat;
    float: left;
    height: 32px;
    width: 7px;
}

.midbgdash {
    background: url(../../../Images/dashbg2.png) repeat-x;
    height: 25px;
    float: left;
    color: #FFF;
    font-weight: bold;
    width: 95%;
}

.midbgdashrightsplit {
    background: url(../../../Images/dashbg2.png) repeat-x;
    height: 32px;
    float: left;
    color: #FFF;
    font-weight: bold;
    width: 91%;
}

.righydashcr {
    background: url(../../../Images/dashrightcorner2.png) no-repeat;
    height: 32px;
    float: left;
    width: 8px;
}

.contentdash {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    color: #000000;
}

.dashboardword {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 15px;
    color: #B78842;
    font-weight: bold;
    border-width: medium medium 1px;
    border-bottom: 1px solid #B78842;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.colum1 {
    float: left;
    width: 49%;
    margin-left: 6px;
}

.colum2 {
    float: left;
    width: 49%;
}

.dashtd {
    width: 64%;
    text-align: left;
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
}

/* Dashboard styles start  */

.leftdashcr1 {
    /*background: url(../../../Images/dashleftcorner2.png) no-repeat;*/
    background: #f2f2f2;
    border: 1px solid #c3c3c3;
    /*float: left;*/
    /*height: 32px; */ /*  width: 7px;*/
    width: 7px;
    border-right: none;
}

.midbgdash1 {
    /* background: url(../../../Images/dashbg2.png) repeat-x;*/
    /*height: 32px;*/
    background: #f2f2f2;
    border: 1px solid #c3c3c3;
    border-right: none;
    border-left: none;
    /* float: left;*/
    /*  width: 98%;*/
}

.righydashcr1 {
    /* background: url(../../../Images/dashrightcorner2.png) no-repeat;*/
    /*height: 32px;*/
    width: 7px;
    background: #f2f2f2;
    border: 1px solid #c3c3c3;
    /* float: left;*/
    border-left: none;
}

.contentlabel {
    font-family: Poppins-Regular, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    /*color: #0A4F77;*/
    float: left;
    width: 50%;
}



.helpimage {
    background: url(../../../Images/Helplink.png) no-repeat;
    width: 55px;
    height: 18px;
    cursor: pointer;
}

.divswitchCheck {
    background: url(../../../Images/Rolechange.png) no-repeat;
    width: 65px;
    height: 15px;
    cursor: pointer;
}

.themeslink {
    background: url(../../../Images/Themesnew.png) no-repeat;
    width: 68px;
    height: 17px;
    cursor: pointer;
}

.homeimage {
    background: url(../../../Images/homeicon.png) no-repeat;
    width: 57px;
    height: 16px;
    cursor: pointer;
}


.rolbg {
    background-color: #EFEFEF;
}

.rolepannel {
    width: 71%;
    min-height: 530px;
    margin: 0px auto;
    background-color: #FFFFFF;
    padding: 10px;
    border: 4px solid #4886AD;
}

.authorizepannel {
    width: 35%;
    margin: 0px auto;
    background-color: #FFFFFF;
    padding: 10px;
    border: 4px solid #4886AD;
    top: 200px;
    position: absolute;
    z-index: 0;
}

.logoimage {
    padding-top: 10px;
    background: url(../../../Images/Nimblebeta.png) no-repeat;
    width: 137px;
    height: 47px;
}

.addnewimage {
    background: url(../../../Images/addneww.png) no-repeat;
    width: 71px;
    height: 14px;
    cursor: pointer;
}

.storebackcolor {
    background-color: #DAEAFF;
    width: 100%;
}

.importin {
    background: url(../../../Images/import.png) no-repeat;
    width: 71px;
    height: 14px;
    cursor: pointer;
}

.user_message {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 3px solid #48B9ED;
    clear: both;
    line-height: 16px;
    margin-bottom: 10px;
    padding: 7px 5px 3px 1px;
    position: relative; /*height: 600px;*/
    /* width: 98%;*/
    margin-top: 2px;
    overflow: auto;
}

.customviewheader {
    background-color: #D8E8FE;
    height: 25px;
}

.noteleft {
    width: 7px;
    height: 25px;
    float: left;
}

.noteright {
    height: 25px;
    width: 7px;
    float: left;
}

.notebg {
    width: 99%;
    /* background: url(../../../Images/bgdash.png) repeat-x; */
    height: 28px;
    float: left;
    font-family: Poppins-Regular,sans-serif !important;
    margin-top: 5px;
    background-color: #e5e7ec !important;
    color: white;
    border-radius: 5px;
}

.searchborder {
    /*width: 160px;*/
    padding-top: 7px;
    font-family: Poppins-Regular, sans-serif !important;
    border-top: 1px solid #87C9FD;
    margin-left: 3px;
    padding-bottom: 7px;
}

.reconborder {
    margin-bottom: 5px;
    border: 1px solid #47ACD3;
    height: 115px;
}


.recotablebg {
    float: left;
    background-color: #D4E4F9;
}

.innerbgrecon {
    background-color: #C4DCFB;
    height: 25px;
    padding-left: 3px;
}

.reportlinebor {
    height: 2px;
    width: 100%;
    background-color: #D7E8FF;
    margin-bottom: 3px;
}

.uploadcss {
    float: left;
    width: 100%;
    background-color: #fff !important;
    border: 1px solid #eaeaea;
    margin-top: 4px;
}

.uploadcss1 {
    /*background-color: #f7f8fa;
    font-size: 12px;
    color: #003366;
    font-weight: bold;
    height: 25px;
    padding: 5px;*/
    font-size: 12px;
    font-weight: 500;
    font-family: Poppins-Regular, sans-serif !important;
    padding: 1.25rem;
    background-color: #f7f8fa;
    border-radius: 4px;
    color: #a7abc3;
    position: relative;
}

.uploadheading {
    padding-left: 36px;
    padding-top: 3px;
    vertical-align: middle;
}

.uploadleftdiv {
    /*background-color: #EFF5FC;
    border: 1px solid #C5DEFB;*/
    float: left;
    margin: 15px;
    padding: 15px 16px 14px;
}

.correctimage {
    width: 16px;
    height: 16px;
    float: left;
    display: none;
    width: 16px;
    height: 16px;
    float: left;
    display: none;
}

.sutm {
    margin-left: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.cumbtn5 {
    background: #f98954;
    padding: 10px;
    border: 1px solid #c04a10 !important;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    width: 120px;
}

    .cumbtn5:hover {
        background: #e26b33;
    }

.sutm input {
    border: 1px solid #dddddd;
    padding: 5px;
}

#btnFirst, #btnPrevious, #btnNext, #btnLast {
    border: 1px solid #dddddd !important;
    background: rgb(255,252,252) !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,252,252,1) 6%, rgba(238,238,238,1) 95%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(255,252,252,1)), color-stop(95%,rgba(238,238,238,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,252,252,1) 6%,rgba(238,238,238,1) 95%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,252,252,1) 6%,rgba(238,238,238,1) 95%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,252,252,1) 6%,rgba(238,238,238,1) 95%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,252,252,1) 6%,rgba(238,238,238,1) 95%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#eeeeee',GradientType=0) !important; /* IE6-9 */
    padding-bottom: 3px;
    padding-top: 3px;
}

#btnInnerFirst, #btnInnerPrevious, #btnInnerNext, #btnInnerLast {
    border: 1px solid #dddddd !important;
    background: rgb(255,252,252) !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,252,252,1) 6%, rgba(238,238,238,1) 95%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(255,252,252,1)), color-stop(95%,rgba(238,238,238,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,252,252,1) 6%,rgba(238,238,238,1) 95%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,252,252,1) 6%,rgba(238,238,238,1) 95%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,252,252,1) 6%,rgba(238,238,238,1) 95%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,252,252,1) 6%,rgba(238,238,238,1) 95%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#eeeeee',GradientType=0) !important; /* IE6-9 */
    padding-bottom: 3px;
    padding-top: 3px;
}

.LnkHperlink {
    cursor: pointer !important;
    margin-top: -7px;
    display: inline-block;
    color: #3F66A0 !important;
    text-decoration: underline !important;
    background: none !important;
    padding: 0 !important;
}

.LnkHperLinkLabel {
    cursor: default !important;
    margin-top: 0px;
    display: inline-block;
    color: #000 !important;
    text-decoration: none !important;
    background: none !important;
    padding: 0 !important;
}

/*.dxgvTable_Aqua td select, .dxgvTable_Aqua .controlsauto input, .dxgvTable_Aqua.dxgvRBB tr td {
    width:auto !important;
}

.dxgvTable_Aqua .Maintable { min-width: 123px !important; }
*/

.inner_content iframe {
    width: 100% !important;
}

#idSearch {
    text-decoration: none !important;
}

.innerflaticonfs {
    font-size: 20px !important;
    color: #8c62a0 !important;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}