body {
    color: #5A5A5A;
}

input[type=radio] {
    border: 0px;
    outline: none;
}

    input[type=radio] + label {
        vertical-align: middle;
        padding-left: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
    }

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.career {
    width: 100%;
    border: 2px solid white;
}

    .career th, .career td {
        text-align: right;
        padding: 2px;
        border: 2px solid white;
    }

    .career th {
        background-color: #E7CA49;
        font-weight: normal;
    }

#simrefNPT .career input[type=text] {
    background-color: transparent !important;
    font: normal 8pt Tahoma !important;
}

.panelBox .label {
    vertical-align: middle;
    height: 22px;
    line-height: 22px;
}

    .panelBox .label span {
        color: #abb1ba;
        font-size: x-small;
        font-family: Verdana;
        font-weight: bold !important;
    }

.right {
    text-align: right;
}

.percentage, .monetary {
    text-align: right;
}

#simrefNPT .monetary {
    width: 70px;
}

#simrefWEB .monetary {
    width: 120px;
}

.inputBeginMD, .inputPreviousMD, .inputNext, .inputEnd {
    border-style: none;
    width: 15px;
    display: block;
    height: 15px;
}

.inputBeginMD {
    background: url(../images/InicioMD.gif) no-repeat;
}

.inputPreviousMD {
    background: url(../images/AnteriorMD.gif) no-repeat;
}

.inputNext {
    background: url(../images/SeguinteMD.gif) no-repeat;
}

#simrefHeader, #simrefHeader .pageHeader {
    border: 0px;
    border-bottom: 1px solid #d4d0c8;
    text-transform: uppercase;
    color: #556e36;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #simrefHeader .navBtn {
        color: #556e36;
        white-space: nowrap;
        font-size: 10px;
    }

        #simrefHeader .navBtn:hover, #simrefHeader .navBtn:focus {
            color: #9cbc76;
        }

#simrefNPT input[type=text][readonly], #simrefNPT input[type=text].inputTextRequired[readonly] {
    color: grey !important;
    background-color: #F0F0F0 !important;
    text-decoration: wavy !important;
}

.inputEnd {
    background: url(../images/FimMD.gif) no-repeat;
}

/* remove ie7 black border*/
input[type=submit], input[type=reset], input[type=button] {
    filter: chroma(color=#000000);
    color: #010101;
}

    /* remove ie7 black border*/
    input[type=submit]:disabled, input[type=reset]:disabled, input[type=button]:disabled {
        color: gray;
    }

div.graphTitle, div.subTitle {
    text-align: center;
    color: #556e36;
    font-weight: bold;
    padding-bottom: 2px;
}

div.subTitle {
    border-bottom: 1px solid #d4d0c8;
}

#panelDetailBody DIV.graphTitle, #panelDetailBody DIV.subTitle {
    margin-bottom: 5px;
    margin-top: 15px;
    text-align: left;
}

#panelDetailBody > div.col-sm-4 > div {
    margin-right: 10px;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    padding: 0px;
}

#simrefWEB .form {
    margin: 0px;
    width: auto;
    height: auto;
    background: #EBF5BE;
    padding: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid rgb(196,220,61);
}

#simrefWEB label.title {
    clear: left;
    line-height: 20px;
    text-align: left;
    font-size: 16px;
    color: #5A5A5A;
}

#simrefWEB input[type=submit], #simrefWEB input[type=text] {
    height: 30px;
    line-height: 30px;
    background: #9BA1A1;
    font-family: sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    text-shadow: 0px -1px 0px #5A5A5A;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid rgb(196,220,61);
    -moz-box-shadow: 0px 1px 0px #AED226;
    -webkit-box-shadow: 0px 1px 0px #AED226;
    padding-left: 5px;
    padding-right: 5px;
}

#simrefWEB .career th {
    background-color: #AED226;
    font-weight: normal;
}

#Graphs {
    text-align: center;
}

#simrefWEB #Graphs label.title {
    font-size: 15px;
}

#MainContent_gvInsuranceCareer input[type=text] {
    border: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    font-size: 14px;
    color: grey;
    padding-left: 0px;
    padding-right: 0px;
}

#simrefWEB input::-webkit-input-placeholder {
    color: #CCC;
    text-shadow: 0px -1px 0px #5A5A5A;
}

#simrefWEB input:-moz-placeholder {
    color: #CCC;
    text-shadow: 0px -1px 0px #5A5A5A;
}

#simrefWEB textarea {
    width: 260px;
    height: 170px;
    line-height: 35px;
    padding: 0px 20px 0px 20px;
    margin: 0 0 20px 0;
    background: #9BA1A1;
    font-family: sans-serif;
    font-size: 16px;
    color: #f2f2f2;
    text-transform: uppercase;
    text-shadow: 0px -1px 0px #5A5A5A;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid rgb(196,220,61);
    -moz-box-shadow: 0px 1px 0px #AED226;
    -webkit-box-shadow: 0px 1px 0px #AED226;
}

    #simrefWEB textarea::-webkit-input-placeholder {
        color: #DDD;
        text-shadow: 0px -1px 0px #5A5A5A;
    }

    #simrefWEB textarea:-moz-placeholder {
        color: #DDD;
        text-shadow: 0px -1px 0px #5A5A5A;
    }

    #simrefWEB input:focus, #simrefWEB textarea:focus {
        background: #AAA;
    }

#simrefWEB input[type=submit] {
    background-color: #D5E383; /* Green */
    border: none;
    height: 35px;
    padding: 0px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    color: #5A5A5A;
    border: 2px solid #AED226;
}

    #simrefWEB input[type=submit]:hover {
        background-color: #AED226;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
    }

#simrefWEB .row {
    margin-left: 0px;
    margin-right: 0px;
}

#simrefWEB .height {
    min-height: 65px;
}

#simrefWEB #panelDetailHeader {
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #556e36;
    font-weight: bold;
    cursor: pointer;
}

    #simrefWEB #panelDetailHeader span {
        display: inline-block;
        width: 10px;
        font-weight: bolder;
    }

#simrefWEB #panelDetailBody {
    border-color: transparent;
    border-top: solid 1px #D2CFC1;
    padding: 0px;
}

/* ====================================== */
/* iCheck */
/* ====================================== */
#simrefWEB .icheckbox_square + label, #simrefWEB .icheckbox_square-grey + label, #simrefWEB .iradio_square + label, #simrefWEB .iradio_square-grey + label {
    width: 40px;
    padding-left: 5px;
}

body #simrefNPT {
    font: normal 8pt Tahoma !important;
}

#simrefNPT .btn-group {
    margin-top: 6px;
    height: auto;
    min-height: 5px;
}

#simrefNPT label {
    margin-bottom: 5px;
}

    #simrefNPT label.titleRadio {
        margin-bottom: 0px;
    }

#simrefNPT input[type=text] {
    line-height: 16px;
    color: #333;
    background: #ffffff;
    border: 1px solid #666;
}

#simrefNPT ul {
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}

#simrefNPT input[type=text].inputTextRequired {
    border-bottom: 2px solid #00B400 !important;
    margin-bottom: 5px;
    margin: 0px;
    color: #333;
    border: 1px solid #666;
    background: #f0f0f0;
}

#simrefNPT input[type=submit] {
    border: 0px;
}

    #simrefNPT input[type=submit].inputButton {
        font-weight: bold !important;
        cursor: pointer;
        border: 0px;
        border-top: solid 1px #D2CFC1;
        border-left: solid 1px #D2CFC1;
        border-right: solid 2px #ACA899;
        border-bottom: solid 2px #ACA899;
    }

#simrefNPT input[disabled=disabled].inputButton {
    font-weight: bold !important;
    cursor: pointer;
    border: 0px;
    border-top: solid 1px #D2CFC1;
    border-left: solid 1px #D2CFC1;
    border-right: solid 2px #ACA899;
    border-bottom: solid 2px #ACA899;
}

#simrefNPT .height {
    min-height: 45px;
}

#simrefNPT #panelDetailHeader {
    text-transform: uppercase;
    color: #556e36;
    font-weight: bold;
    cursor: pointer;
}

    #simrefNPT #panelDetailHeader span {
        display: inline-block;
        width: 10px;
        font-weight: bolder;
    }

#simrefNPT #panelDetailBody {
    border-color: transparent;
    border-top: solid 1px #D2CFC1;
    padding: 0px;
}

#MSGContainer {
    border: #cccccc 1px solid;
    border-left: 0px;
    border-right: 0px;
    width: 100%;
    display: none;
    left: 0px;
    position: fixed;
    font-size: 8pt !important;
    font-weight: bold;
    cursor: pointer !important;
    color: #000 !important;
    z-index: 4;
    line-height: 23px;
}

    #MSGContainer.success {
        background: #E9EDDB no-repeat left 50%;
    }

    #MSGContainer.error {
        background: #fef59c no-repeat left 50%;
    }

    #MSGContainer img {
        vertical-align: middle;
        margin-right: 5px;
    }

    #MSGContainer .messageWarning, #MSGContainer .messageError {
        background: #FEF59C no-repeat left 50%;
        line-height: 23px;
        margin: 3px;
    }

    #MSGContainer.messageWarning, #MSGContainer.messageError {
        background: #FEF59C no-repeat left 50%;
        line-height: 23px;
        padding-left: 5px;
    }

    #MSGContainer .messageSuccess {
        background: #E9EDDB no-repeat left 50%;
        line-height: 0px;
    }

    #MSGContainer.messageSuccess {
        background: #E9EDDB no-repeat left 50%;
        line-height: 23px;
        padding-left: 5px;
    }

    #MSGContainer div span /*:not(.sectionTitle)*/ {
        padding-left: 20px;
        display: block;
    }

    #MSGContainer span.sectionTitle {
        vertical-align: middle;
        padding-left: 2px;
        display: inline;
    }

    #MSGContainer div {
        display: none;
    }

    #MSGContainer span.closeMSGContainer {
        float: right;
        position: relative;
        width: 20px;
        height: 20px;
        display: block;
        background: url(../images/img-fechar.gif) no-repeat left top;
        margin-top: 5px;
    }

/* ==================
    CONFIGURATIONS 
   ==================*/

.clear {
    clear: both;
}

/* Destak */
.destak {
    margin-top: 5px;
    width: 100%;
    display: block;
    line-height: 25px;
}

.destakleft {
    background-color: #F8FDF5;
    float: left;
    width: 73%;
    border: 1px solid gray;
    margin-bottom: 5px;
}

.destakcolumn {
    float: left;
    width: 48%;
    display: inline-block;
    padding: 10px;
}

.destaktitle {
    font-weight: bold;
    line-height: 26px;
}

/* GridView */
.GridViewStyle {
    padding: 4px;
    border-collapse: separate;
    border: 0px;
    border-spacing: 0px;
    width: 100%;
}

    .GridViewStyle th {
        padding: 3px;
        background-color: gray;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        /*border: 0px;*/
        font-weight: bold;
        white-space: nowrap;
    }

        .GridViewStyle th:empty {
            background: transparent; /*border: none;*/
        }

    .GridViewStyle td {
        padding: 2px;
        color: #666; /**text-shadow:1px 1px 1px #fff;*/
    }

.GridViewHeaderStyle th {
    text-align: left; /*border-left: 1px solid #EBE9ED;     border-right: 1px solid #EBE9ED;*/
}

.GridViewHeaderStyle, .GridViewFooterStyle {
    font-weight: bold;
    color: White;
}

.GridViewRowStyle {
    background-color: #FFFFFF;
    color: #333333;
}

.GridViewAlternatingRowStyle {
    background-color: #EBF5BE;
}

.GridViewSelectedRowStyle {
    background-color: #DBDBDB;
    color: #333333;
}

    .GridViewSelectedRowStyle input {
        font-size: 13px;
    }

.GridViewPagerStyle a {
    text-align: right;
    color: #575757;
}

.GridViewPagerStyle {
    text-align: right;
}

    .GridViewPagerStyle td {
        border: 0px;
    }

    .GridViewPagerStyle table /* to center the paging links*/ {
        margin: 0 0 0 auto;
    }

#simrefWEB2 {
    color: #74777c;
    font-size: 16px;
    margin-bottom: 15px;
}

    #simrefWEB2 p.title {
        font-size: 40px;
        font-weight: 700;
        line-height: 44px;
        text-align: left;
        letter-spacing: -1px;
        line-height: 1.2;
        color: #633C8F;
        margin-bottom: 0px;
    }

    #simrefWEB2 p.titleDescription {
        font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 300;
    }

    #simrefWEB2 .grayBox {
        background-color: #f5f5f5;
        padding: 10px 0 10px 10px;
        margin-top: 20px;
    }

    #simrefWEB2 .cursor {
        cursor: url(../images/cursor.png), auto;
    }

    /*    #simrefWEB2 input[type=text] {
        border: 0px;
        line-height: 25px;
        font-weight: bold;
    }*/

    #simrefWEB2 .ui-state-default, #simrefWEB2 .ui-widget-content .ui-state-default {
        border: 9px solid #633D8F;
    }

#leftCol .ui-state-default, #leftCol .ui-widget-content .ui-state-default {
    border: 7px solid #633D8F;
}

#simrefWEB2 .ui-slider-horizontal .ui-slider-handle {
    top: -.6em;
    /*margin-left: -1em;*/
}

#leftCol .ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    /*margin-left: -1em;*/
}

#simrefWEB2 .ui-corner-all {
    border-radius: 20px;
}

#simrefWEB2 .ui-slider .ui-slider-handle {
    width: 30px;
    height: 30px;
    outline: none;
}

#leftCol .ui-slider .ui-slider-handle {
    width: 25px;
    height: 25px;
}

#simrefWEB2 .ui-widget-content.ui-widget {
    border: 0px;
}

#simrefWEB2 .ui-widget-content {
    background: #d2d2d2;
    float: left;
}

    #simrefWEB2 .ui-widget-content + input[type=text] { /*background: transparent;*/
    }

#simrefWEB2 .ui-slider {
    cursor: pointer;
}

#simrefWEB2 .ui-slider-range {
    border-color: #633D8F;
    background: #633D8F;
}

#simrefWEB2 .ui-slider-handle {
    border-width: 5px;
    margin-top: 1px;
    cursor: pointer;
}

#simrefWEB2 .ui-state-active, #simrefWEB2 .ui-state-default, #simrefWEB2 .ui-state-hover, #simrefWEB2 .ui-widget-content .ui-state-default {
    background: white;
}

#simrefWEB2 .height {
    min-height: 35px;
}

#simrefWEB2 input[type=submit] {
    background-color: #c4dc3d;
    color: white;
    border: none;
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
}

#leftCol input[type=submit] {
    padding: 5px 0px;
}

#simrefWEB2 input[type=submit]:hover {
    background-color: #9BA1A1;
}

#simrefWEB2 input[type=submit]:active {
    outline: thin dotted #e0e0e0;
    outline-offset: 2px;
}

/*copiada da pagina*/
#red, #slideSavePerMonth { /*width: 150px;
	margin: 10px;*/
}

#slideSavePerMonth { /*	width: 80%;
	margin: 10px;*/
    margin-top: 10px;
}

.graph_stacked {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #9aa0a0;
    height: 370px;
    /*	margin: 0 10% 25px;*/
    font-size: 0;
}

    .graph_stacked .col {
        display: inline-block;
        margin: 0 0 0 0px;
        height: 100%;
        vertical-align: bottom;
        position: relative;
        width: 40%;
        margin-left: 2%;
        margin-right: 2%;
    }

        .graph_stacked .col .bar {
            display: inline-block;
            vertical-align: bottom;
            margin: auto;
            width: 100%;
            position: relative;
        }

            .graph_stacked .col .bar:first-child {
                height: 100%;
                margin: 0;
                width: 0;
            }

            .graph_stacked .col .bar .seg {
                display: block;
                background: transparent;
                font-size: 12px;
                line-height: 1.2;
                text-align: center;
                margin: auto;
                border-radius: 7px 7px 0px 0px;
            }

    .graph_stacked .seg p {
        margin: 0;
    }

    .graph_stacked .seg h4 {
        margin: 5px 0;
    }

    .graph_stacked .col .bar .seg.col1 {
        background: #C3DD28;
    }

    .graph_stacked .col .bar .seg.col2 {
        background: #633C8F;
    }

    .graph_stacked .col .bar .seg.col3 {
        background: #00878A;
    }

#col2Complement {
    border-radius: 7px;
}

.colTitleTop {
    display: block;
}

.colTitleBottom {
    display: none;
}

.leftColTitleMobile {
    display: none;
}

    .leftColTitleMobile span {
        cursor: pointer;
    }

.leftColTitleWeb {
    display: block;
}

#leftCol label.title.lblsexo {
    width: 50%;
}

.sexo {
    margin-top: 7px;
    float: right;
}

    .sexo .btn {
        border: 0;
        outline: none;
        border-radius: 7px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        color: #72777a;
        width: 50%;
    }

    .sexo .btn-default {
        background: #fefefe;
    }

    .sexo .active {
        background: #633D8F;
        border: 0;
        box-shadow: 0;
        color: #ffffff;
        font-weight: bold;
    }

    .sexo .btn:hover {
        background: #d2d2d2;
        box-shadow: 0;
        color: #633D8F;
    }

#validationGroup span {
    font-size: 14px;
}

#col1Total, #col2Pension, #col2Complement {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}