body, td, th {
    font-family: Arial;
    font-size: 11px;
    color: #002e7c;
    height: 100%;
}

body {
    margin: 0px;
    background: #D9DADC;
}

td {
    vertical-align: top;
}

.input {
    border: 1px solid #d8dadd;
    font-family: Arial;
    font-size: 11px;
    color: #666666;
}

.label {
    background-color: #f5f5f5;
    height: 20px;
}

.vatlas-wrap {
    margin: 0 auto;
    width: 90% !important;
}

.vatlas-menu-wrap {
    width: 100%;
    border-bottom: 9px solid #7A68AE;
}

.vatlas-menu-wrap .main-header {
    display: inline-block;
    width: 100%;
}

.vatlas-menu-wrap .main-header .logo {
    cursor: pointer;
    float: left;
    display: inline-block;
    height: 67px;
    width: 432px;
    margin-top: 11px;
    margin-left: 20px;
    margin-right: 20px;
    background: #d9dadc url("/javax.faces.resource/soluciones_viva.png.xhtml?ln=images") center no-repeat;
}

.vatlas-menu-wrap .main-header .sign-out {
    float: right;
    height: 79px;
    width: 56px;
    display: inline-block;
    background: #d9dadc url("/javax.faces.resource/signout_logo.png.xhtml?ln=images") center 34% no-repeat;
    background-size: 35px 38px;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
    margin-right: 7px;
    cursor: pointer;
    text-decoration: none;
}

.vatlas-menu-wrap .main-header .sign-out a {
    display: block;
    padding-top: 53px;
    padding-left: 3px;
    font-family: fs_dillonregular;
    font-size: 18px;
    text-decoration: none;
    color: #281e28;
}

.vatlas-menu-wrap .main-header .sign-out a:hover {
    color: #7A68AE;
}

.vatlas-menu-wrap .main-header .home {
    float: right;
    height: 79px;
    width: 79px;
    display: inline-block;
    background: #d9dadc url("/javax.faces.resource/home.png.xhtml?ln=images") center 34% no-repeat;
    background-size: 45px 45px;
    text-align: center;
    cursor: pointer;
}
.vatlas-menu-wrap .main-header .home a {
    display: block;
    padding-top: 53px;
    padding-left: 3px;
    font-family: fs_dillonregular;
    font-size: 18px;
    text-decoration: none;
    color: #281e28;
}

.headerInfo {
    float: right;
    text-align: center;
    padding-top: 25px;
    padding-left: 3px;
    display: block;
    font-family: fs_dillonregular;
    font-size: 18px;
    text-decoration: none;
    color: #281e28;
}

.vatlas-menu-wrap .main-header .home a:hover {
    color: #7A68AE;
}

.main-content .left {
    padding-right: 0px;
}

.main-content .left .ui-panelmenu-content {
    padding-left: 23px;
    border: 0;
}

.main-content .right {
    width: 100%;
}

.main-content .vatlas-menu {
    width: border-box;
}

.main-content .vatlas-menu .ui-menuitem {
    color: #FFFFFF
}

.main-content .vatlas-menu .ui-menu-item-link .ui-menu-item-text {
    font-size: 10pt;
}

.main-content .vatlas-menu .ui-panel-menu-header {
    font-size: 14pt;
}

.main-content .vatlas-menu .ui-panelmenu.ui-widget.options {
    width: 223px;
    margin: 10px;
    background-color: #C1D82F;
}

.menu-header.ui-widget-header {
    background: #F98522;
    border: 1px solid #F98522;
    color: #FFFFFF;
    font-weight: bold;
}

.menu-content.ui-widget-content {
    width: 200px;
    color: #000000 !important;
    font-weight: lighter !important;
    border: 1px solid #dddddd;
}

.menu-content.ui-widget-content a {
    color: #000000 !important;
    font-weight: lighter !important;
}

a:hover {
    color: #DC143C;
}

th {
    background: #BBD41F !important;
    color: #ffffff !important;
}

.wrapper {
    min-height: 100%;
    height: 100%;
    padding-bottom: 45px;
}

.footer {
    position: fixed;
    bottom: 0;
    height: 35px;
    width: 99%;
}

.ui-panelmenu-content {
    background: #C1D82F !important;
    border-radius: 14px !important;
}

.ui-panelmenu, .ui-panelmenu-header {
    background: #C1D82F !important;
    border: 1px solid #C1D82F !important;
    font-size: 16px;
    border-radius: 14px !important;
}

.ui-panelmenu-header a:focus {
    outline: 0;
}

.ui-state-active a {
    color: #7A68AE !important;
}

.ui-datatable th, .ui-datatable-header th, .ui-datatable-footer th {
    background: #7A68AE !important;
}

.ui-datatable th, .ui-datatable td {
    border: 1px solid #686A6F !important;

}

.vatlas-content {
    position: relative;
    top: -15px;
    overflow: visible;

    padding: 0px;
    border: 0px;
    box-shadow: 6px 6px 6px #A9A9A9;
}

.form-content {
    display: table;
    margin: 0 auto;
    background: #EDEDED;
    padding: 10px 40px 20px;
    border: 1px solid;
    border-radius: 15px;
    -moz-border-radius: 15px;
    width: 800px;
}

.form-content-small {
    display: table;
    margin: 0 auto;
    background: #EDEDED;
    padding: 10px 40px 20px;
    border: 1px solid;
    border-radius: 15px;
    -moz-border-radius: 15px;
    width: 500px;
}

.form-content-small table {
    width: 100%;
}

.form-content table {
    width: 100%;
}

.form-content input {
    width: 260px;
}

.form-content-small input {
    width: 260px;
}

.form-content td {
    text-transform: uppercase;
    font-family: fs_dillonregular;
    font-weight: bold;
    font-size: 16px;
    color: #7A68AE;
    vertical-align: middle;
}

.form-content-small td {
    text-transform: uppercase;
    font-family: fs_dillonregular;
    font-weight: bold;
    font-size: 16px;
    color: #7A68AE;
    vertical-align: middle;
}

.form-content .selectFilter input {
    width: 20px;
}
.form-content-small .selectFilter input {
    width: 20px;
}
.black-form {
    background: -webkit-radial-gradient(#939599, #5F6369) !important;
    background: -moz-radial-gradient(#939599, #5F6369) !important;
    padding: 15px 50px 70px !important;
    border: 1px solid #5F6369 !important;
    border-radius: 0px !important;
    min-height: 300px;
    margin-top: 18px;
}

.black-form .ui-panel-content {
    text-align: center;
    margin-top: 10px;
}

.black-form .ui-button,.ui-button.ui-dialog-button {
    text-transform: uppercase;
    font-family: fs_dillonregular;
    font-weight: bold;
    font-size: 15.2px;
    color: #7A68AE;
}

.black-form .ui-button:focus {
    outline: 0;
}

.black-form .ui-button-text-only .ui-button-text {
    padding: .1em 1em;
}

.black-form .ui-panel-titlebar {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.black-form .ui-panel-titlebar-icon {
    margin-top: 0em !important;
}

.black-form .form-separator {
    border-bottom: 1px solid #CCCCCC;
}

.black-form .index-page {
    text-align: left
}

.black-form .index-page label {
    color: #FFF;
    font-size: 25pt;
}

.black-form .index-page p {
    font-family: fs_dillonregular;
    font-size: 18px;
    color: #FFF;
}

.black-form.error-page {
    min-height: 55px;
    padding-bottom: 53px !important;
}

.black-form.error-page label {
    font-family: fs_dillonregular;
    font-size: 18px;
    color: #FFF;
}

.black-form .button-bar, .button-dialog-bar {
    display: block;
    text-align: center;
}

.black-form .options-bar {
    display: block;
    text-transform: capitalize;
    text-align: right;
    margin-top: 15px;
    font-size: 12px;
}

.black-form .commission-box {
    margin-bottom: 10px;
}

.black-form .commission-box .ui-slider {
    width: 400px;
}

.black-form .report-table .first-column {
    width: 16px;
}

.report-table table {
    width: 1100px !important;
}

.report-table td,th{
    font-size: 11px;
}

.report-table .ui-column-filter {
    width: 40px !important;
}

.report-table .ui-button {
    font-size: 11px;
}

.black-form .summary-balance-box {
    text-align: center !important;
    width: 316px;
    padding: 20px;
}

.black-form .portfolio-accordion .ui-accordion-header {
    /*border-radius: 0;*/
}

.black-form .portfolio-accordion .ui-accordion-header a {
    color: #FFF !important;
    font-size: 18px;
}

.black-form .portfolio-accordion .portfolio-box {
    width: 100%;
}

.black-form .portfolio-accordion .portfolio-box, .black-form .portfolio-accordion .portfolio-box table {
    width: 100%;
}

.black-form .map-box {
    width: 700px;
    height: 300px;
}

.black-form.geo-location-form .geo-location-map-box {
    height: 500px;
}

.black-form.geo-location-form .geo-location-map-box .ui-outputpanel {
    text-align: center;
    display: block;
    margin: auto;
    margin-left: 27px;
}

.black-form.geo-location-form .box td:first-child {
    width:55px;
}

.black-form.register-form li.step {
    font-size: 12px;
}

.black-form.register-form table.box, .black-form.geo-location-form table.box {
    margin: auto auto;
}

.black-form.geo-location-form input {
    width: 75px;
}

.black-form.register-form input.personal-complement {
    width: 50px;
}

.black-form.register-form .map-box {
    margin: 10px 0px 0px 0px;
}

.black-form.register-form .map-box .map-image {
    width: 700px;
    height: 300px;
}

.black-form.login-form {
    min-height: 0;
}

.black-form.login-form .form-content {
    width: 371px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.black-form.login-form .form-content input {
    width: 150px;
}

.black-form.login-form .form-content .ui-button {
    width: 146px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-panel-titlebar {
    text-transform: uppercase;
    padding-top: 5px;
    font-family: fs_dillonregular;
    font-size: 17px;
    font-weight: normal;
}

.title-medium .ui-panel-titlebar {
    width: 170px !important;
    color: #fff !important;
}

.title-large .ui-panel-titlebar {
    width: 311px !important;
    color: #fff !important;
}

.align-left td {
    text-align: left !important;
    font-weight: normal !important;
    color: #686A6F !important;
}

.highlightText {
    font-weight: bold;
    font-size: 12px;
    color: #7A68AE;
}

.ui-dialog-content label.medium-font-size, .black-form label.medium-font-size {
    font-size: 20px;
}

.ui-dialog-content label.large-font-size {
    font-size: 26px;
    font-weight: bold;
}

.font-bold {
    font-weight: bold !important;
}

.ui-dialog-content .centered-box {
    text-align: center;
}

.ui-dialog-content .centered-box.edit-options th.last-column {
    width: 32px;
}

.ui-dialog-content .centered-box.edit-options .status-list {
    width: 100%;

}


.error-label {
    text-transform: uppercase;
    font-family: fs_dillonregular;
    font-weight: bold;
    font-size: 22px;
    color: #DC143C;
    vertical-align: middle;
}

.alignTop td {
    vertical-align: top;
}


.panelgrid-dotted-border{
    border-collapse: separate;
    border-spacing: 0;
    border: 2px dotted #929292;
}
.panelgrid-dotted-border.ui-panelgrid tr, .panelgrid-dotted-border.ui-panelgrid .ui-panelgrid-cell {
    border: 2px black solid;
}