@charset "utf-8";
/* Paddings */
.pTopClear {
    padding-top: 0 !important;
}
.pRightClear {
    padding-right: 0 !important;
}
.pRight2 {
    padding-right: 2px;
}
.pRight10 {
    padding-right: 10px;
}
.pRight20 {
    padding-right:20px !important;
}
.pBottomClear {
    padding-bottom: 0 !important;
}
.pLeftClear {
    padding-left: 0 !important;
}
.pAll5 {
    padding: 5px !important;
}
.pAll10 {
    padding: 10px !important;
}
.pTop0 {
    padding-top:0 !important;
}
.pTop5 {
    padding-top:5px !important;
}
.pTop10 {
    padding-top:10px !important;
}
.pTop11 {
    padding-top:11px !important;
}
.pTop15 {
    padding-top:15px !important;
}
.pTop20 {
    padding-top:20px !important;
}
.pTop25 {
    padding-top:25px !important;
}
.pTop30 {
    padding-top:30px !important;
}
.pTop35 {
    padding-top:35px !important;
}
.pTop40 {
    padding-top:40px !important;
}
.pTop100 {
    padding-top: 100px !important;
}
.pRight5 {
    padding-right:5px !important;
}
.pBottom5 {
    padding-bottom:5px !important;
}
.pBottom10 {
    padding-bottom:10px !important;
}
.pBottom15 {
    padding-bottom:15px !important;
}
.pBottom20 {
    padding-bottom:20px !important;
}
.pBottom25 {
    padding-bottom:25px !important;
}
.pBottom30 {
    padding-bottom:30px !important;
}
.pLeft2 {
    padding-left: 2px !important;
}
.pLeft5 {
    padding-left:5px !important;
}
.pLeft10 {
    padding-left:10px !important;
}
.pLeft20 {
    padding-left:20px !important;
}
.pClear {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pAllClear {
    padding: 0 !important;
}
.no-hover-padding:hover {
    padding: 0 !important;
}
/* Margins */
.mTop-10 {
    margin-top: -10px !important;
}
.mTop0 {
    margin-top:0 !important;
}
.mTop1 {
    margin-top:1px !important;
}
.mTop2 {
    margin-top:2px !important;
}
.mTop3 {
    margin-top:3px !important;
}
.mTop4 {
    margin-top:4px !important;
}
.mTop5 {
    margin-top:5px !important;
}
.mTop6 {
    margin-top:6px !important;
}
.mTop10 {
    margin-top:10px !important;
}
.mTop15 {
    margin-top:15px !important;
}
.mTop12 {
    margin-top:12px !important;
}
.mTop20 {
    margin-top:20px !important;
}
.mTop23 {
    margin-top:23px !important;
}
.mTop25 {
    margin-top: 25px !important;
}
.mTop30 {
    margin-top:30px !important;
}
.mTop35 {
    margin-top: 35px !important;
}
.mTop100 {
    margin-top:100px !important;
}
.mTop200 {
    margin-top:200px !important;
}
.mTop120 {
    margin-top:120px !important;
}
.mRight5 {
    margin-right:5px !important;
}
.mRight8 {
	margin-right: 8px !important;
}
.mRight10 {
    margin-right:10px !important;
}
.mRight15 {
    margin-right: 15px !important;
}
.mRight20 {
    margin-right: 20px !important;
}
.mRight30 {
    margin-right:30px !important;
}
.mRight40 {
	margin-right:40px !important;
}
.mRight60 {
	margin-right:60px !important;
}
.mRight70 {
	margin-right:70px !important;
}
.mRight110 {
	margin-right:110px !important;
}
.mRight265 {
	margin-right: 265px !important;
}
.mRight405 {
	margin-right: 340px !important;
}
.mBottom-10 {
    margin-bottom:-10px !important;
}
.mBottom0 {
    margin-bottom:0 !important;
}
.mBottom5 {
    margin-bottom:5px !important;
}
.mBottom6 {
    margin-bottom:6px !important;
}
.mBottom10 {
    margin-bottom:10px !important;
}
.mBottom15 {
	margin-bottom:15px !important;
}
.mBottom20 {
	margin-bottom:20px !important;
}
.mBottom8 {
	margin-bottom:8px !important;
}
.mBottom30 {
	margin-bottom:30px !important;
}
.mBottom40 {
	margin-bottom:40px !important;
}
.mLeft2 {
    margin-left:2px !important;
}
.mLeft5 {
    margin-left:5px !important;
}
.mLeft10 {
    margin-left:10px !important;
}
.mLeft15 {
    margin-left:15px !important;
}
.mLeft20 {
    margin-left:20px !important;
}
.mLeft25 {
	margin-left:25px !important;
}
.mLeft30 {
    margin-left:30px !important;
}
.mLeft40 {
    margin-left:40px !important;
}
.mLeft50 {
    margin-left:50px !important;
}
.mLeft60 {
    margin-left:60px !important;
}
.mLeft75 {
    margin-left:75px !important;
}
.mLeft90 {
    margin-left:90px !important;
}
.mLeft115 {
    margin-left:115px !important;
}
.mLeft250 {
    margin-left:250px !important;
}
.mClear {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/*negative margins*/
.mLeft-2 {
    margin-left:-2px !important;
}
.mLeft-5 {
    margin-left:-5px !important;
}
.mTop-1 {
    margin-top:-1px !important;
}
.mTop-2 {
    margin-top:-2px !important;
}
.mTop-3 {
    margin-top:-3px !important;
}
.mTop-5 {
    margin-top:-5px !important;
}
.mTop-8 {
    margin-top:-8px !important;
}
.mTop-10 {
    margin-top:-10px !important;
}
.mTop-15 {
    margin-top:-15px !important;
}
.mTop-20 {
    margin-top:-20px !important;
}
.mTop-22 {
    margin-top:-20px !important;
}
.mTop-30 {
    margin-top:-30px !important;
}
.mTop-35 {
    margin-top:-35px !important;
}
.mTop-40 {
    margin-top:-40px !important;
}
.mTop-45 {
    margin-top:-45px !important;
}
.mTop-50 {
    margin-top:-50px !important;
}
.mTop-60 {
    margin-top:-60px !important;
}
.clearTop {
    top: 0 !important;
}
/* Widths */
.widthAuto {
    width:auto !important;
}
.widthFull {
    width:100% !important;
}
.width15 {
    width: 15px !important;
}
.width35 {
    width: 35px !important;
}

.width40 {
    width: 40px !important;
}
.width70 {
    width: 70px !important;
}
.width80 {
    width: 80px !important;
}
.width170 {
    width: 170px !important;
}
.width300 {
    width: 300px;
}

.width220 {
    width: 220px;
}
.width380 {
    width: 380px;
}
.width400 {
    width: 400px;
}
.width555 {
    width: 555px !important;
}
.width680 {
    width: 680px;
}
.width900 {
    width: 900px;
}

.width100P {
    width: 100%;
}

/* Heights */
.height0 {
    height: 0px;
}
.height2 {
    height: 2px;
}
.height14 {
    height: 14px !important;
}
.height20 {
    height: 20px !important;
}
.height28 {
    height: 28px;
}
.height35 {
    height:35px
}
.height97 {
    height: 97px !important;
}
.height150 {
    height: 150px !important;
}
.height310 {
    height: 310px !important;
}
.readonly {
    pointer-events: none;
}
.minHeightAuto {
    min-height: auto !important;
}
.minHeight75 {
    min-height: 75px;
}
.minHeight50 {
    min-height: 50px;
}
/* Borders */
.no-border {
	border: none !important;
}
.no-hover-border:hover {
    border: none !important;
}
.border-gray {
    border: 1px solid #ededee !important;
}
.border-w2 {
    border-width: 2px !important;
}
/* Floats */
.float-none {
    float: none !important;
}
.fleft {
    float:left !important;
}
.fright { float:right !important; }
.pos-absolute { position: absolute; }
/* Clears */
.clear-none {
    clear: none !important;
}
.clear-left {
    clear: left !important;
}
.clear-right {
    clear: right !important;
}
.clear {
    clear:both;
}
/* Inline Positions */
.left {
    text-align:left !important;
}
.center {
    text-align:center !important;
}
.right {
    text-align:right !important;
}
.justified {
    text-align:justify !important;
}
/* Displays */
.disp-block {
    display: block !important;
}
.disp-block-normal {
    display: block;
}
.disp-inline {
    display: inline !important;
}
.disp-inline-block {
    display: inline-block !important;
}
.disp-inline-flex {
    display: inline-flex !important;
}
.disp-none,
.hide {
    display:none !important;
}
.hide-input-file {
    width:0;
    height:0;
    overflow:hidden;
    position: absolute
}
.disp-none-normal {
	display: none;
}
.visibility-hidden {
    visibility: hidden !important;
}
.hide-ui, .defaultHiddenContainer, .hiddenContainer
{
    display:none;
}
/* Fonts */
.font-s11 {
    font-size: 11px !important;
}
.font-s12 {
    font-size: 12px !important;
}
.font-s13 {
    font-size: 13px !important;
}
.font-s14 {
    font-size: 14px !important;
}
.font-s15 {
    font-size: 15px !important;
}
/* Font Weights */
.bold {
    font-weight:bold !important;
}
.normal {
    font-weight:normal !important;
}
.italic {
    font-style:italic !important;
}
/* Colors */
.fore-black {
    color: #000 !important;
}
.blueNormal {
    color:#004483 !important;
    font-weight:normal !important;
}
.blackNormal {
    color: #000 !important;
    font-weight:normal !important;
}
.black-bold {
    color: #000000 !important;
    font-weight: bold;
}
.lightGray {
    color:#8a8a8a !important;
}
.darkGray {
    color:#888888 !important;
}
.green {
    color: #248A00 !important;
}
/* Colors + Weights */
.blueBold {
    color:#004483 !important;
    font-weight:bold;
}
.blackBold {
    color:#000 !important;
    font-weight:bold;
}
.darkGrayBold {
    color:#888888 !important; font-weight:bold;
}
/* Backgrounds */
.no-background {
    background: none !important;
}
/* Custom Radio */
.custom-radio {
    position: relative;
}
.custom-radio label { 
    background: url('../images/icons/radio.png') no-repeat center center;
    background-position: 4px -20px;
    line-height: 1.5;
    padding-left: 30px;
    height: 10px;
}
.custom-radio label.checked {
    background-position: 4px 6px;
}
/*Custom Check*/
.custom-checkbox label{
    background: url(../images/common/check_boxes.png) no-repeat;
    padding: 3px 0;
    text-indent: 25px;
    font-weight: normal;
    background-position: 2px -1px;
    width: auto !important;
    font-size: 11px;
    float: left;
}
.custom-checkbox label.checked{
    background-position: 2px -22px;
}
.custom-checkbox input.custom-check:checked ~ label.disabled {
background-position: 2px -43px;
}
.custom-checkbox input.custom-check:not(:checked) ~ label.disabled {
background-position: 2px -64px;
}
.checkbox13x13 {
    width: 13px;
    height: 13px;
}
/* Custom Select-Menu */
.css-bold .ui-selectmenu-status {
    font-weight: bold;
}
.css-black li a {
    color: #000;
}
.css-black .ui-selectmenu-status {
    color: #000;
}
.css-gray .ui-selectmenu-status {
    color: #a7a7a7;
}
.css-smaller-font .ui-selectmenu-status,
.css-smaller-font li a {
    font-size: 10px;
}
.css-w50p{
    width: 50% !important;
}
.css-w45p{
    width: 45% !important;
}
.css-w55p{
    width: 55% !important;
}
.css-w60p{
    width: 60% !important;
}
.css-w98p{
    width: 98% !important;
}
.css-h10 {
    height: 10px !important;
}
.css-h70 {
    height: 70px !important;
}
.css-h90 {
    height: 90px !important;
}
.css-h100 {
    height: 100px !important;
}
.css-h140 {
    height: 140px !important;
}
.css-h200 {
    height: 200px !important;
}
.css-w0 {
    width: 0 !important;   
}
.css-w35 {
    width: 35px !important;   
}
.css-w40 {
    width: 40px !important;
}
.css-w45 {
    width: 45px !important;
}
.css-w50 {
    width: 50px !important;
}
.css-w75 {
    width: 75px !important;
}
.css-w75 .ui-selectmenu-status {
    width: 50px !important;
}
.css-w90 {
    width: 90px !important;
}
.css-w100 {
    width: 100px !important;
}
.css-w125 {
    width: 125px !important;
}
.css-w125 .ui-selectmenu-status {
    width: 100px !important;
}
.css-w150 {
    width: 150px !important;
}
.css-w150 .ui-selectmenu-status {
    width: 125px !important;
}
.css-w280 {
    width: 280px !important;
}
.css-w260 {
    width: 260px !important;
}
.css-w100 .ui-selectmenu-status {
    width: 75px !important;
}
.css-w250>.css-w100 {
    width: 100px !important;
}
.css-w250 > .css-w100 .ui-selectmenu {
    width: 100px !important;
}
.css-w250>.css-w100 .ui-selectmenu-status {
    width: 75px !important;
}
.css-w110 {
    width: 110px !important;
}
.css-w115 {
    width: 115px !important;
}
.css-w130 {
    width: 130px !important;
}
.css-w135 {
    width: 135px !important;
}
.css-w140 {
    width: 140px !important;
}
.ccs-w125 {
    width: 125px !important;
}
.ccs-w125 .ui-selectmenu {
    width: 125px !important;
}
.ccs-w125 .ui-selectmenu-status {
    width: 100px !important;
}
.css-w150, .ccs-w150 {
    width: 150px !important;
}
.css-w163
{
    width: 163px !important
}
.css-w180, .ccs-w180 {
    width: 180px !important;
}
.css-w220, .ccs-w220 {
    width: 220px !important;
}
.css-w150 .ui-selectmenu,
.ccs-w150 .ui-selectmenu {
    width: 150px !important;
}
.css-w150 .ui-selectmenu-status,
.ccs-w150 .ui-selectmenu-status {
    width: 125px !important;
}
.css-w175pad4 {
    width: 175px !important;
}
.css-w175pad4 .ui-selectmenu {
    width: 175px !important;
}
.css-w175pad4 .ui-selectmenu-status {
    width: 150px !important;
    padding-top:4px;
}
.css-w175 {
    width: 175px !important;
}
.css-w175 .ui-selectmenu {
    width: 175px !important;
}
.css-w175 .ui-selectmenu-status {
    width: 150px !important;
}
.css-w185 {
    width: 185px !important;
}
.css-w195 {
    width: 195px !important;
}
.css-w200, .ccs-w200 {
    width: 200px !important;
}
.css-w210 {
    width: 210px !important;
}
.css-w225 {
    width: 225px !important;
}
.css-w230 {
    width: 230px !important;   
}
.css-w235 {
    width: 235px !important;   
}
.css-w240 {
    width: 240px !important;   
}
.css-w250 {
    width: 250px !important;
}
.css-w250 .ui-selectmenu {
    width: 250px !important;
}
.css-w250 .ui-selectmenu-status {
    width: 225px !important;
}
.css-w275 {
    width: 275px !important;
}
.css-w275 .ui-selectmenu {
    width: 275px !important;
}
.css-w275 .ui-selectmenu-status {
    width: 250px !important;
}
.css-w290 {
    width: 290px !important;
}
.css-w300 {
    width: 300px !important;
}
.css-w320 {
    width: 320px !important;
}
.css-w300 .ui-selectmenu {
    width: 300px !important;
}
.css-w300 .ui-selectmenu-status {
    width: 275px !important;
}
.css-w325 {
    width: 325px !important;
}
.css-w325 .ui-selectmenu-status {
    width: 300px !important;
}
.css-w400,
.css-w400 .ui-selectmenu {
    width: 400px !important;
}
.css-w400 .ui-selectmenu-status {
    width: 375px !important;
}
.css-w450 {
    width: 450px !important;
}
.css-w475 {
    width: 475px !important;
}
.css-w500 {
    width: 500px !important;
}
.css-w525 {
    width: 525px !important;
}
.css-w570 {
    width: 570px !important;
}
.css-w630 {
    width: 630px !important;
}
.css-w630 .ui-selectmenu-status {
    width: 630px !important;
}
.css-w800 {
    width: 800px !important;
}
.css-w80 {
    width: 80px !important;
}
.css-w85 {
    width: 85px !important;
}
.css-mw80 {
    max-width: 80px !important;
}

.css-w15 {
    width: 15%;
}

.css-w10 {
    width: 10%;
}
/* Cursors */
.cursor-pointer {
    cursor: pointer !important;
}
.cursor-default {
    cursor: default !important;
}
/* Headers */
.header-bigger {
    font-size: 16px;
    font-weight: bold;
}
.header-medium {
    font-size: 12px;
    font-weight: bold;
    display: block;
}
/* Mask Related */
.mask {
    display:none;
    position:absolute;
    left:0;
    top:0;
    background:white;
    width:100%;
    height:100%;
}
.contentToBeMasked {
    clear:both;
    position:relative;
}
#loaderChart {
    margin-top: 25px;
	height: 230px;
}
.blockUI div img {
    display: block;
    margin: 10px auto 10px auto;
}
.blockUI div span {
    display: block;
    margin: 10px auto 10px auto;
    font-size: 12pt;
}
.ajaxLoading {
    display: none;
}
/* Login Related */
.validation_arrow span {
    display:none !important;
}
/* Box */
.box * {
    color: #000000;
}
.box a {
    position: absolute;
    height: 100%;
    width: 100%;
}
.moduleInfo img {
    top:12px;
}
.moduleInfo h1 {
    top:-10px;
}
.logInfo div * {
    font-weight: bold;
    color: #A5A5A6;
    font-size: 11px;
}
#customerSearchForm {
    max-height: 590px;
}
.ui-select {
    border: 1px solid #D6D6D6 !important;
    border-radius: 5px 5px 5px 5px;
    width: 195px;
}
.moduleTabs ul li a {
    cursor: pointer;
}
.shift_arrow {
    left: 85px;
}
/* Date Picker */
.ui-datepicker-trigger {
    cursor:pointer;
}
/* Time Picker */
#ui-timepicker-div {
    border: 1px solid #CCCCCC;
}
#ui-timepicker-div .ui-state-active {
    font-weight: bold;
}
.ui-timepicker-table {
    display:table !important;
}
.ui-timepicker td a {
	color: #1C94C4 !important;
}

.save-cancel a {
    cursor:pointer;
    float: left;
    margin-top: 7px;
    margin-left: 10px;
}

.back-reset input:active {
    background-position: 0 -68px;
}
.back-reset a {
    margin-top: 21px;
    margin-left: 7px;
    margin-right: 12px;
}

/* Misc */
.container-general {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E5E5E5 !important;
    border-radius: 5px 5px 5px 5px;
}
.container-general-bb {
    border-bottom: 1px solid #E5E5E5;
}
.inline-editor {
    padding: 8px 5px !important;
}
.inline-editor:hover {
    border: 1px solid #C6C6C6 !important;
}
.input-label {
    margin-left: 5px !important;
}
.separator {
    clear:both !important;
}
.ui-tablecell {
    display:table-cell !important;
}
.no-ptop-pbottom
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no-mtop-mbottom
{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.no-hover-border:hover
{
    border:none !important;
}


.text-w25
{
    width:25px !important;
}

.text-w25,
.elem-w35 {
	width:35px !important;
}

.text-w50
{
    width:50px !important;
}

.text-w75,
.elem-w75
{
    width:75px !important;
}

.text-w100,
.elem-w100
{
    width:100px !important;
}

.text-w290
{
    width:290px !important;
}

.text-w300,
.elem-w300
{
    width:300px !important;
}

.text-w325,
.elem-w325
{
    width:325px !important;
}

.top0 { top:0 !important; }
.top1 { top:1px !important; }
.top2 { top:2px !important; }
.top3 { top:3px !important; }
.top4 { top:4px !important; }
.top7 { top:7px !important; }
.top12 { top:12px !important; }
.top10 { top:10px !important; }
.top20 { top:20px !important; }
.top30 { top:30px !important; }
.top-4 { top:-4px !important; }
.top-9 { top:-9px !important; }
.top-10 { top:-10px !important; }
.top-20 { top:-20px !important; }

.bottom12 {
    bottom: 12px !important;
}
.bottom8 {
    bottom: 8px !important;
}
.bottom3 {
    bottom: 3px !important;
}
.bottom5 {
    bottom: 5px !important;
}
.bottom0 {
    bottom: 0 !important;
}

.left5 {
    left: 5px !important;
}

.right-55 {
    right: -55px !important;
}
.right-70 {
    right: -70px !important;
}
.v-align-top {
    vertical-align: top;
}

.gray-border
{
    border: 1px solid #ededee !important;
}

.generic-popup
{
    top: -34px;
    font-size: 11px;
    width: 292px;
    height: 120px;
    right: -234px;
}

.generic-popup
{
    color: #000000;
    display: none;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    z-index: 1;
}

.generic-popup #popupLabel {
    font-weight: bold;
}

.generic-popup .popup-arrow {
    position: absolute;
}

.generic-popup .generic-popup-upper
{
    line-height: 16px;
    font-size: 11px;
    padding: 5px 5px 5px 14px;
    text-align: left;
}

.generic-popup .generic-popup-upper .row {
    clear: left;
}

.generic-popup .generic-popup-upper .col {
    float: left;
}

.generic-popup .generic-popup-lower
{
    padding: 5px 5px 5px 20px;
    text-align: left;
}

.generic-popup .generic-popup-lower .cancel-button
{
    height: 14px;
}

.generic-popup .generic-popup-lower a
{
    color: #3f3f3f;
    padding-top: 2px;
}

.generic-popup .generic-popup-lower .sept
{
    height: 17px;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #FFF;
    top: -1px;
}

.generic-popup .ar-w-pos-top-left {
    left: -11px;
    top: 18px;
}

.taxByPayee {
    display: inline;
    margin-left: 5px;
}

.generic-popup .ar-w-pos-top-right {
    left: 210px;
    top: 16px;
}

.generic-popup .ar-g-pos-bottom-left {
    left: -3px;
    top: 90px;
}

.generic-popup .ar-g-pos-bottom-right {
    left: 211px;
    top: 88px;
}

.border-b0 {
    border-bottom: 0 !important;
}


.z1 {
    z-index: 1 !important;
}
.z9 {
    z-index: 9 !important;
}

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

/*buttons*/
.btnwrap {
    min-height: 25px;
}
.btn a, button.btn {
	padding: 6px 20px 6px 20px;
	float: left;
	text-align:center;
	text-decoration: none;
	font: normal 14px Arial, sans-serif, verdana !important;
	position: relative;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;				
}

button.btn {
    float: none;
}

.btn.small a, button.btn.small {
    padding: 2px 8px 2px 8px;
}

.btn.arrowright {
    z-index: 0;
}

.btn.arrowright a {    
	margin-right: 10px;
}

/*silver button*/
.btn.silver a, button.btn.silver {				
	color: #000000;
	background: #F2F2F2;
	background-image: -webkit-linear-gradient(top, #F2F2F2, #DADADA);
	background-image: -moz-linear-gradient(top, #F2F2F2, #DADADA);
	background-image: -ms-linear-gradient(top, #F2F2F2, #DADADA);
	background-image: -o-linear-gradient(top, #F2F2F2, #DADADA);
	background-image: linear-gradient(to bottom, #F2F2F2, #DADADA);
	border: solid #C4C4C4 1px;
}
						
.btn.silver a:hover, button.btn.silver:hover {
	background: #F2F2F2;			  
}
.btn.silver a:active, button.btn.silver:active {
	background: #DADADA;			  
}		
/*silver button end*/

/*darkgrey button*/
.btn.darkgrey a, button.btn.darkgrey {				
	color: #FFFFFF;
	background: darkgrey;
	background-image: -webkit-linear-gradient(top, #a9a9a9, #8e8e8e);
	background-image: -moz-linear-gradient(top, #a9a9a9, #8e8e8e);
	background-image: -ms-linear-gradient(top, #a9a9a9, #8e8e8e);
	background-image: -o-linear-gradient(top, #a9a9a9, #8e8e8e);
	background-image: linear-gradient(to bottom, #a9a9a9, #8e8e8e);
	border: solid #8e8e8e 1px;
}
						
.btn.darkgrey a:hover, button.btn.darkgrey:hover {
	background: #a9a9a9;			  
}
.btn.darkgrey a:active, button.btn.darkgrey:active {
	background: #8e8e8e;			  
}		
/*darkgrey button end*/
			
/*yellow button*/
.btn.yellow a, button.btn.yellow {				
	color: #000000;
	background: #FFD55B;
	background-image: -webkit-linear-gradient(top, #FFD55B, #FEC009);
	background-image: -moz-linear-gradient(top, #FFD55B, #FEC009);
	background-image: -ms-linear-gradient(top, #FFD55B, #FEC009);
	background-image: -o-linear-gradient(top, #FFD55B, #FEC009);
	background-image: linear-gradient(to bottom, #FFD55B, #FEC009);
	border: solid #EE992F 1px;
}
						
.btn.yellow a:hover, button.btn.yellow:hover {
	background: #FFD55B;			  
}
.btn.yellow a:active, button.btn.yellow:active {
	background: #FEC009;			  
}
			
/*yellow button end*/
			
/*light blue button*/
.btn.lightblue a, button.btn.lightblue {
	text-shadow: 1px 1px 0 #666666;
	color: #FFFFFF;
	background: #9EE0F5;
	background-image: -webkit-linear-gradient(to bottom, #59D5FD, #089DCB);
	background-image: -moz-linear-gradient(to bottom, #59D5FD, #089DCB);
	background-image: -ms-linear-gradient(to bottom, #59D5FD, #089DCB);
	background-image: -o-linear-gradient(to bottom, #59D5FD, #089DCB);
	background-image: linear-gradient(to bottom, #59D5FD, #089DCB);
	border: solid #089DCB 1px !important;
}
			
.btn.lightblue a:hover, button.btn.lightblue:hover {
	background: #00A7D3;	  
}
.btn.lightblue a:active, button.btn.lightblue:active {
	background: #089DCB;			  
}
/*light blue button end*/
			
/*dark blue button*/
.btn.darkblue a, button.btn.darkblue {
	text-shadow: 1px 1px 0 #666666;
	color: #FFFFFF;
	background: #089DCB;
	/*background: -webkit-linear-gradient(top, #089DCB, #0D6B91);
	background: -moz-linear-gradient(top, #089DCB, #0D6B91);
	background: -ms-linear-gradient(top, #089DCB, #0D6B91);
	background: -o-linear-gradient(top, #089DCB, #0D6B91);*/
	background: transparent linear-gradient(to bottom, rgb(39, 168, 183), rgb(13, 100, 107)) repeat scroll 0% 0%;
	border: solid #0D6B91 1px;
}
			
.btn.darkblue a:hover, button.btn.darkblue:hover {
	background: transparent linear-gradient(to top, #0088A2, #5DAFB3) repeat scroll 0% 0%;
}
.btn.darkblue a:active, button.btn.darkblue:active {
	background: transparent linear-gradient(to bottom, rgb(0, 178, 199), rgb(4, 95, 102)) repeat scroll 0% 0%;
}
/*dark blue button end*/
			
/*arrow right*/
.btn.arrowright a:after {			
	content:"";
	width: 15px;
	height: 15px;
	position: absolute;
	-webkit-transform: translate(-50%, -50%) rotate3d(0,0,1,45deg) skew(10deg,10deg);
	-moz-transform: translate(-50%, -50%) rotate3d(0,0,1,45deg) skew(10deg,10deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate3d(0,0,1,45deg) skew(10deg,10deg);
	top: 50%;
	left: 100%;			  
	z-index: -1;
}	

/*yellow*/
.btn.yellow.arrowright a:after {
	background: #FFD55B;
	background-image: -webkit-linear-gradient(top, #FFD55B, #FEC009);
	background-image: -moz-linear-gradient(top, #FFD55B, #FEC009);
	background-image: -ms-linear-gradient(top, #FFD55B, #FEC009);
	background-image: -o-linear-gradient(top, #FFD55B, #FEC009);
	background-image: linear-gradient(to bottom, #FFD55B, #FEC009);
	border: solid #EE992F 1px;				
}
.btn.yellow.arrowright a:hover:after {
	background: #FFD55B;			  
}
.btn.yellow.arrowright a:active:after {
	background: #FEC009;			  
}
/*yellow end*/
			
/*light blue*/
.btn.lightblue.arrowright a::after {
	background: #9EE0F5;
	background-image: -webkit-linear-gradient(top, #9EE0F5, #089DCB);
	background-image: -moz-linear-gradient(top, #9EE0F5, #089DCB);
	background-image: -ms-linear-gradient(top, #9EE0F5, #089DCB);
	background-image: -o-linear-gradient(top, #9EE0F5, #089DCB);
	background-image: linear-gradient(to bottom, #9EE0F5, #089DCB);
	border: solid #089DCB 1px;
}
.btn.lightblue.arrowright a:hover::after {
	background: #9EE0F5;			  
}
.btn.lightblue.arrowright a:active::after {
	background: #089DCB;			  
}
/*light blue end*/
			
/*dark blue*/
.btn.darkblue.arrowright a::after {
	background: #089DCB;
	background-image: -webkit-linear-gradient(top, #089DCB, #0D6B91);
	background-image: -moz-linear-gradient(top, #089DCB, #0D6B91);
	background-image: -ms-linear-gradient(top, #089DCB, #0D6B91);
	background-image: -o-linear-gradient(top, #089DCB, #0D6B91);
	background-image: linear-gradient(to bottom, #089DCB, #0D6B91);
	border: solid #0D6B91 1px;
}
.btn.darkblue.arrowright a:hover::after {
	background: #089DCB;			  
}
.btn.darkblue.arrowright a:active::after {
	background: #0D6B91;			  
}
/*dark blue end*/

/*red*/
.btn.red a {
	background: #b71b1b;
	background-image: linear-gradient(to top, #b71b1b, #f06161);
	border: solid #b71b1b 1px;
	text-shadow: 1px 1px 0 #666666;
	color: #EEEEEE;
}
.btn.red a:hover {
	background: #f06161;			  
}
.btn.red a:active {
	background: #b71b1b;			  
}
/*dark blue end*/
			
/*arrow right end*/
			
/*disabled*/
.btn.disabled a,
.btn.disabled a:hover,
.btn.disabled a:active {				
	text-shadow: 1px 1px 0 #666666;
	color: #FFFFFF;
	background: #B9B9B9;				
	border: solid #9E9E9E 1px;
	cursor: not-allowed;
}
			
.btn.disabled.arrowright a::after,
.btn.disabled.arrowright a:hover::after,
.btn.disabled.arrowright a:active::after {
	background: #B9B9B9;				
	border: solid #9E9E9E 1px;
	cursor: not-allowed;
}					
/*disabled end*/
		


/*custom image buttons*/
.btn.darkblue.monitor a {								
    background: url('../images/icons/silk/ico/monitor.png') no-repeat 15px center, #0D6B91;
	background: url('../images/icons/silk/ico/monitor.png') no-repeat 15px center, -webkit-linear-gradient(top, #089DCB, #0D6B91);
	background: url('../images/icons/silk/ico/monitor.png') no-repeat 15px center, -moz-linear-gradient(top, #089DCB, #0D6B91);
	background: url('../images/icons/silk/ico/monitor.png') no-repeat 15px center, -ms-linear-gradient(top, #089DCB, #0D6B91);
	background: url('../images/icons/silk/ico/monitor.png') no-repeat 15px center, -o-linear-gradient(top, #089DCB, #0D6B91);
	background: url('../images/icons/silk/ico/monitor.png') no-repeat 15px center, linear-gradient(to bottom, #089DCB, #0D6B91);    
	padding-left: 35px;
}

.btn.darkblue.monitor a:hover {			
	background: url('../images/icons/silk/ico/monitor.png') no-repeat 15px center, #089DCB;							  
}
			
.btn.darkblue.monitor a:active {
	background: url('../images/icons/silk/ico/monitor.png') no-repeat 15px center, #0D6B91;				
}

.btn.darkblue.add a {								
    background: url('../images/icons/silk/ico/add.png') no-repeat 15px center, #089DCB;
	background: url('../images/icons/silk/ico/add.png') no-repeat 15px center, -webkit-linear-gradient(top, #089DCB, #0D6B91);
	background: url('../images/icons/silk/ico/add.png') no-repeat 15px center, -moz-linear-gradient(top, #089DCB, #0D6B91);
	background: url('../images/icons/silk/ico/add.png') no-repeat 15px center, -ms-linear-gradient(top, #089DCB, #0D6B91);
	background: url('../images/icons/silk/ico/add.png') no-repeat 15px center, -o-linear-gradient(top, #089DCB, #0D6B91);
	background: url('../images/icons/silk/ico/add.png') no-repeat 15px center, linear-gradient(to bottom, #089DCB, #0D6B91);    
	padding-left: 35px;
}

.btn.darkblue.add a:hover {			
	background: url('../images/icons/silk/ico/add.png') no-repeat 15px center, #089DCB;							  
}
			
.btn.darkblue.add a:active {
	background: url('../images/icons/silk/ico/add.png') no-repeat 15px center, #0D6B91;				
}


.btn.lightblue.add a {								
    background: #089DCB;
	background: -webkit-linear-gradient(top, #9EE0F5, #089DCB);
	background: -moz-linear-gradient(top, #9EE0F5, #089DCB);
	background: -ms-linear-gradient(top, #9EE0F5, #089DCB);
	background: -o-linear-gradient(top, #9EE0F5, #089DCB);
	background: linear-gradient(to bottom, #9EE0F5, #089DCB);    
	padding-left: 35px;
}

.btn.lightblue.add:hover a {			
	background: #00A7D3;							  
}
			
.btn.lightblue.add:active a {
	background: #089DCB;				
}

.btn.lightblue.add.small a {								
    background: #089DCB;
	background: -webkit-linear-gradient(top, #9EE0F5, #089DCB);
	background: -moz-linear-gradient(top, #9EE0F5, #089DCB);
	background: -o-linear-gradient(top, #9EE0F5, #089DCB);
	background: linear-gradient(to bottom, #9EE0F5, #089DCB);    
	padding-left: 25px;
}

.btn.lightblue.add.small:hover a {			
	background: #00A7D3;			  
}
			
.btn.lightblue.add.small:active a {.
	background: #089DCB;		
}


.btn.lightblue.accept a {								
    background: url('../images/icons/silk/ico/accept.png') no-repeat 15px center, #089DCB;
	background: url('../images/icons/silk/ico/accept.png') no-repeat 15px center, -webkit-linear-gradient(top, #9EE0F5, #089DCB);
	background: url('../images/icons/silk/ico/accept.png') no-repeat 15px center, -moz-linear-gradient(top, #9EE0F5, #089DCB);
	background: url('../images/icons/silk/ico/accept.png') no-repeat 15px center, -ms-linear-gradient(top, #9EE0F5, #089DCB);
	background: url('../images/icons/silk/ico/accept.png') no-repeat 15px center, -o-linear-gradient(top, #9EE0F5, #089DCB);
	background: url('../images/icons/silk/ico/accept.png') no-repeat 15px center, linear-gradient(to bottom, #9EE0F5, #089DCB);    
	padding-left: 35px;
}

.btn.lightblue.accept a:hover {			
	background: url('../images/icons/silk/ico/accept.png') no-repeat 15px center, #9EE0F5;							  
}
			
.btn.lightblue.accept a:active {
	background: url('../images/icons/silk/ico/accept.png') no-repeat 15px center, #089DCB;				
}

.btn.lightblue.accept.small a {								
    background: url('../images/icons/silk/ico/accept.png') no-repeat 5px center, #089DCB;
	background: url('../images/icons/silk/ico/accept.png') no-repeat 5px center, -webkit-linear-gradient(top, #9EE0F5, #089DCB);
	background: url('../images/icons/silk/ico/accept.png') no-repeat 5px center, -moz-linear-gradient(top, #9EE0F5, #089DCB);
	background: url('../images/icons/silk/ico/accept.png') no-repeat 5px center, -ms-linear-gradient(top, #9EE0F5, #089DCB);
	background: url('../images/icons/silk/ico/accept.png') no-repeat 5px center, -o-linear-gradient(top, #9EE0F5, #089DCB);
	background: url('../images/icons/silk/ico/accept.png') no-repeat 5px center, linear-gradient(to bottom, #9EE0F5, #089DCB);    
	padding-left: 25px;
}

.btn.lightblue.accept.small a:hover {			
	background: url('../images/icons/silk/ico/accept.png') no-repeat 5px center, #9EE0F5;							  
}
			
.btn.lightblue.accept.small a:active {
	background: url('../images/icons/silk/ico/accept.png') no-repeat 5px center, #089DCB;				
}

.btn.small.delete span {
    background-image: url(/content/images/icons/icon_Delete.png);
    display: block;
    height: 17px;
    width: 14px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*custom image buttons end*/

/*buttons end*/

.white-background {
    background-color: #ffffff !important; 
}

.truncate250 {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrapText600{
    word-wrap: break-word;
    width: 600px;
}
.wrapText{
    word-wrap: break-word;
}
#ModifyAccountDetailParameter .btnwrap{
    width: 49%;
    display: inline-block;
}
.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

#generalErrorForFailedRequestMessage {
    float:left;
    padding-left:50px;
    font-weight:bold;
    font-size:12px;
    top:35%;
}

/*Tables*/
.cellAutoFit {
    width: 1%;
    white-space: nowrap;
}

.mainContentWrapperWithFooter {
    margin-bottom: 55px !important;
}

fieldset.grey {
    border: 2px solid #e4e2e2 !important;
    margin-top: 5px;
}

fieldset.darkgrey {
    border: 2px solid #B9B9B9 !important;
    margin-top: 5px;
}

.display-flex {
    display: flex;
    gap: 1em;
}

.flex-align-bottom {
    align-items: flex-end;
}

.flex-col0 {
    flex: 0 0 auto;
}

.flex-col1 {
    flex: 1 1 auto;
}