body
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 9pt;
    background-color: #FFF;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*overflow: hidden;*/
}


/*******************************************************
	Special function divs and panels style definition
********************************************************/
/* 
	Default page content div style
*/
div.MasterContentDiv
{
    border: 0 none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

a.DefaultButton
{
    align-items: flex-start;
    text-align: center;
    text-decoration: none;
    cursor: default;
    color: buttontext;
    border-style: outset;
    border-color: buttonface;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
}

a.DefaultButton:active
{
    border-style: inset;
}


.RightAlignedTable td
{
    text-align: right;
}

.RightAlignedTable input[type=text]
{
    text-align: right;
}

.NoBorderTable td
{
    border-style: none;
}

.WideTextBoxes input[type=text], input[type=text].WideTextBox
{
    width: 196px;
}

.NarrowTextBoxes input[type=text], input[type=text].NarrowTextBox
{
    width: 44px;
}

.MediumTextBoxes input[type=text], input[type=text].MediumTextBoxes
{
    width: 105px;
}

.ChibiTextBoxes input[type=text], input[type=text].ChibiTextBoxes
{
    width: 35px;
}

th, .GridBorderTable td
{
    border: 1px solid #777;
    padding-left: 3px;
}

.InnerTable td
{
    border-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
}

.InnerTable tr:last-child td
{
    border-bottom-style: none;
}
.InnerTable tr td:last-child
{
    border-right-style: none;
}

td
{
    white-space: nowrap;
}

.TopAlignedTable td
{
    vertical-align: top;
}

table
{
    border-collapse: collapse;
}
th
{
    background-color: #3B8194;
    color: #FFF;
    font-weight: bold;
    white-space: nowrap;
}

th a
{
    color: #FFF;
}

th a:hover
{
    font-style: italic;
}

input, select
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 9pt;
    margin: 1px auto 1px auto;
    padding: 0px 1px 0px 1px;
}

input[type=text]
{
    border-style: solid;
    border-color: #CCC;
}

.TBoxWaterMark
{
    color: #F77;
    background-color: #F0F0F0;
}

.EnteredValue
{
    color: #0072BC;
}

.FBStyle
{
    font-family: 'lucida grande' , 'Lucida Sans Unicode' ,tahoma,verdana,arial,sans-serif;
    color: #FFF;
    font-weight: bold;
    background-color: #3B5998;
}

.ChibiTable, .ChibiTable input, .ChibiTable select
{
    font-size: 8pt;
}

/*
	    Defines the attributes of the loading panel
        */
div.LoadingDiv
{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
    height: 605px;
    overflow: hidden;
    display: none;
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.PageFooter
{
    margin: 0 auto 0 auto;
}

.ShowOnUpgrade
{
    color: #00AA77;
}

.HideOnUpgrade
{
}

.HiddenElement
{
    display: none;
}

.ChibiValidator
{
    font-size: 8pt;
    background-color: #FFFF99;
}

.CalculateOnBlur
{
}


/*
	Button for minimize/collapse elements
*/
input[type="button"].MinimizeButton, .SingleCharButton
{
    font-size: 6pt;
    font-weight: bold;
    width: 14px;
    color: #ffffff;
    height: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-width: 1px;
}

input[type="button"].MinimizeButton
{
    background-color: #3B8194;
}


.Rg
{
    text-align: right !important;
}

.Lf
{
    text-align: left !important;
}

table.UnderlineOnHover tr:hover
{
    text-decoration: underline;
}


div.HiddenComment
{
    height: 14px;
    margin: 0 0 0 0;
    border: 0 none;
    padding: 0 0 0 0;
    overflow: hidden;
    white-space: nowrap;
}

.UnderlineOnHover tr:hover div.HiddenComment
{
    overflow: visible;
    white-space: normal;
    height: auto;
}

/* AutoComplete flyout */
/* Thanks to http://vijaysinghnegi.blogspot.mx/2012/04/best-css-style-for-autocomplete.html */
.completionList, .smallCompletionList
{
    border: solid 1px #444444;
    margin: 0px;
    padding: 2px;
    height: 100px;
    overflow-x: hidden;
    background-color: #FFFFFF;
    white-space: nowrap;
    z-index: 1000;
    list-style-type: none;
}

.smallCompletionList
{
    font-size: 8pt;
    height: 45px;
}

.listItem
{
    color: #1C1C1C;
}

.itemHighlighted
{
    background-color: #9DC0CA;
}

/* Used only to indicate textboxes not for being capitalized*/
.NoCapsOnBlur
{
}

/*

1	ACTIVE
2	PENDING
3	SETTLED
4	DEFAULTED
5	MICKY
6	CANCELLED
*/


.RwStyle01
{
    background-color: inherit;
}


.RwStyle02
{
    background-color: #FFFF99;
}

.RwStyle03
{
    background-color: #3399FF;
}

.RwStyle04
{
    background-color: #FF9933;
}

.RwStyle05
{
    background-color: #FFFF99;
}

.RwStyle06
{
    background-color: #FF3333;
}

a.UpgradeLink, a.DowngradeLink
{
    height: 15px;
    width: 15px;
    background-color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

a.UpgradeLink
{
    color: #33CC33;
}

a.DowngradeLink
{
    color: #CC0000;
}

/* 
	Logout button style definition
*/
.LogoutButton
{
    color: #FFF;
    padding: 0px 5px 0px 5px;
    position: absolute;
    right: 7px;
    top: 1px;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}

.LogoutButton span
{
    color: #FFF;
}

a.LogoutButton:hover
{
    color: #FFF;
    font-style: italic;
}

.LogoutButton span:visited
{
    color: #FFF;
}


#oHDivDlgNewMembership
{
    height: 450px;
    width: 294px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    overflow: hidden;
    display: none;
}

#oIFrmNewMembership
{
    width: 100%;
    height: 320px;
    border: 0;
}

/*
    Pointer cursor
*/
.linkhover :hover {
    cursor:pointer;
}

/*
    Box Notification
*/

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 8px 8px;
    padding:3px 5px 10px 50px;
    background-repeat: no-repeat;
    background-position: 8px center;
}
.close-msgcontent {
    float:right;
    width:100%;
    text-align:right;
    font-size: 9px;
    top: -10px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../Img/round-information-24.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../Img/round-success-24.png');
}
.warning {
    color: #9F6000;
    background-color: #fbfc71;
    background-image: url('../Img/round-warning-24.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../Img/round-error-24.png');
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../Img/round-error-validation-24.png');
}


/**********************************************************
	Catalog gridviews and detailviews style definition
***********************************************************/

.RowStyle
{
    background-color: #ffffff;
    color: #215968;
    white-space: nowrap;
}

table.GridTable td /*.NoPaddingRight td*/
{
    padding-right: 0px;
}


.FieldHeaderStyle, .FieldHeaderStyleHover
{
    background-color: #e9efef;
    color: #245463;
    font-weight: bold;
    text-align: Right;
    vertical-align: top;
}

.FieldHeaderStyleHover
{
    border-top: 1px solid #fff;
}

tr.FieldHeaderStyleHover:hover, td.FieldHeaderStyleHover:hover
{
    background-color: #FFF0C0;
    cursor: pointer;
}

.PagerStyle
{
    background-color: #ccecff;
    color: #157c8f;
    text-align: Center;
}

.HeaderStyle
{
    background-color: #157c8f;
    font-weight: bold;
    color: #ffffff;
    white-space: nowrap;
}

.HeaderStyle a
{
    color: #ffffff;
}

.AltRowStyle
{
    background-color: #f4f4f4;
    color: #215968;
    padding: 0px 0px 0px 0px;
}

.PagerStyle
{
    background-color: #babd97;
    color: #f4f4f4;
    text-align: Center;
    white-space: nowrap;
}

.FooterStyle
{
    background-color: #babd97;
    font-weight: bold;
    color: White;
    white-space: nowrap;
}

.WrappedItemStyle
{
    white-space: normal;
    vertical-align: top;
}

/* Width for controls that need large widths like comment textfields */
.VeryLargeWidth
{
    width: 150px;
}

.VeryLargeWidthx2
{
    width: 260px;
}



/*
*************************************
*  Edit elemet table classes
************************************
*/

table.EditElementTable
{
    width: 700px;
    margin: 0 auto 0 auto;
    text-align: left;
    white-space: nowrap;
    border-collapse: collapse;
}

table.EditElementTable>tbody>tr>td:nth-child(odd)
{
    text-align: right;
    min-width: 115px;
}

table.EditElementTable>tbody>tr>td:nth-child(even)
{
    text-align: left;
    min-width: 115px;
}

td.EditLblCell
{
    width: 18%;
}

td.EditCtrlCell
{
    width: 32%;
}


tr[id*="oHTRwHiddableLockOff"], #oHTRwLockOffCheck
{
    background-color: #FFF0C0;
}


div.HiddenComment
{
    height: 14px;
    margin: 0 0 0 0;
    border: 0 none;
    padding: 0 0 0 0;
    overflow: hidden;
    white-space: nowrap;
}

tr.GridRow:hover div.HiddenComment, tr.AltGridRow:hover div.HiddenComment
{
    overflow: visible;
    white-space: normal;
    height: auto;
}


tr.MbshActionBar a.ActionCommand img {
    max-width: 1.3em;
}


<<<<<<< .working
/*text short*/
.shortInputText1 { width:150px;}
.shortInputText2 { width:120px;}
.shortInputText3 { width:100px;}
.shortInputText4 { width:80px;}
.shortInputText5 { width:70px;}
.shortInputText6 { width:50px;}
.shortInputText7 { width:40px;}
.shortInputText8 { width:30px;}

.tblForm td{ padding:5px; margin:1px;}

.btn-act{
    text-decoration: none;
    padding: 6px;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 5px;
    border: 2px solid #0016b0;
  }

.btn-act:hover{
    color: #1883ba;
    background-color: #ededed;
    cursor:pointer;
  }


/*
    LOADER
*/
.loader,.loader:after {
        border-radius: 50%;
        width: 5em;
        height: 5em;
    }
    .loader {            
        margin: 30px auto;
        font-size: 10px;
        position: relative;
        text-indent: -9999em;
        border-top: 1.1em solid rgba(255, 255, 255, 0.2);
        border-right: 1.1em solid rgba(255, 255, 255, 0.2);
        border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
        border-left: 1.1em solid #ffffff;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
    }
    @-webkit-keyframes load8 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    @keyframes load8 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    #loadingDiv{
        z-index:10000;
        overflow: hidden;
        background-color:#2a2a2a;
        opacity:0.25;
        filter:alpha(opacity=25); /* IE < 9.0 */
        position: fixed;
        bottom:0px !important;
        top: 0px !important;
        left: 0px;
        min-height:100%;
        width:100%;
    }

    /*
    FIN LOADER
    */

.ValSummary {
    color: #ff0000;
    font-weight: bold;
}

.content_insert .validate{ 
    border:red 1px solid;
}

.title span {
    width: 83px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    padding: 0 15px 0 9px;
    background: #e9efef;
    /* text-align: center; */
}
.title {
    text-align: left;
    position: relative;
    width: 714px;
    background: #e9efef;
    margin: 0 auto 7px;
    color: #245463;
    border: solid 1px #777;
}
div#benefitSelect input {
    width: 10%;
    margin-bottom: 1px;
    margin-left: 2px;
    text-align: center;
}

span.Benefit {
    margin: 0px 0px 0 0px;
    width: 190px;
}
.content_insert {
    margin: 0px auto 30px;
    width: 714px;
    text-align: left;
}
.content_insert input {
    width: 83px;
    margin: 0px -1px 0px 1px;
}

div#benefitSelect input[type=button]  {
    background: #1883ba;
    color: #fff;
    text-transform: capitalize;
}
#insert {
    background: #1883ba;
    color: #fff;
    text-transform: capitalize;
}



/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}



/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}


#delete_modal .modal-content {
    width: 300px;
    text-align: center;
}
#modalPay .modal-content {
        top: 3%;
    width: 860px;
    text-align: center;
}

#modalPay .modal-header {
    background: #3B8194;
    margin: -1px -1px 0 -1px;
    border: 1px solid #000;
}

#modalPay .modal-header .close {
    margin-top: 9px;
    color: #000;
    text-shadow: 0 0;
    opacity: 1;
}
#delete_modal .modal-header {
    background: #ef1a1a;
}

#delete_modal .modal-body {
    font-size: 20px;
    padding: 5px 7px 16px 8px;
}

#delete_modal input.yes {

}



#delete_modal input.cancel {

}
#delete_modal input.cancel:active {

 
}
#delete_modal input.yes:active {

  
}

.cancelIcon{
    width:24px;
}

.MenuRow * {
    box-sizing: content-box;
}