/*
    Document   : custom
    Created on : Feb 12, 2016, 1:06:12 PM
    Author     : yettipena
    Description: Purpose of the stylesheet follows.
*/

root {
    display: block;
}


/*Avatar*/

.avatar {
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border-radius: 300px;
    overflow: hidden;
}


/*Layout Menu*/

/*.layout-menu>li>a {
    padding: 5px 6%;
}*/


/*Top bars*/

/*.IndigoModena #layout-topbar {
    background-color: #673ab7;
}*/

.Brown {
    color: #6D4C41;
}

/*Containers*/
.Container66 {
    width: 66.66%;
    float: left;
}

.Container16 {
    width: 16.6%;
    float: left;
}

.Container16_2 {
    width: 16.2%;
    float: left;
}

.Container16_5 {
    width: 16.5%;
    float: left;
}

.Container15 {
    width: 15%;
    float: left;
}

.Container14 {
    width: 14.28%;
    float: left;
}

.Container55 {
    width: 55%;
    float: left;
}

.Container .column, .container .columns { 
    float: left; 
    display: inline; 
    margin-left: 10px; 
    margin-right: 10px; }
/*Containers*/

.col2pxPadding{
    padding: 4px 2px !important;
}

.colAlignBottom {
    vertical-align: bottom;
}

.colPnlReportes {
    width: 14%;
}

.colTop {
    vertical-align: top;
}

.colSup {
    width: 12.5%;
}

.colSup2 {
    width: 16%;
}

.colRelacionInterna {
    width: 12%;
}

.colRelacionExterna {
    width: 13%;
}

/*DIVS*/
div.container {
	position: relative;
}

div.container div.text {
     bottom: 10px;
     margin-left: 50%;
     -webkit-transform: translate(-50%);
     -moz-transform: translate(-50%);
     transform: translate(-50%)
}
/*DIVS*/

/*DIALOG STYLES*/

.dlgBigTitles .ui-dialog-titlebar {
    font-size: 16px !important;
}
/*DIALOG STYLES*/

.docLink {
    color: #4b0082 !important;
    display: block;
    min-width: 40px !important;
    max-width: 40px !important;
    padding: 10px 0px !important;
    -webkit-border-radius: 30px !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3)!important;
}

.EmptyBox2 {
    display: block;
    width: 100%;
    height: 2px;
    overflow: hidden;
}

.fieldsetBasic .ui-fieldset-legend {
    background-color: transparent;
    color: #546E7A;
    padding: 0px 5px !important;
}

.fieldset .ui-fieldset-legend {
    background-color: transparent;
    color: #0277bd;
    padding: 0px 5px !important;
}

.fieldset .ui-fieldset-legend .ui-icon-minusthick {
    background-image: url("/aomARH/javax.faces.resource/images/minus-sign-gray.svg.jsf?ln=primefaces-modena");
}

.fieldset .ui-fieldset-legend .ui-icon-plusthick {
    background-image: url("/aomARH/javax.faces.resource/images/plus-sign-gray.svg.jsf?ln=primefaces-modena");
}

.inLine {
    display: inline-block;
}

.TopLink {
    color: #546E7A !important;
}

.logoText {
    font-size: 2.2em;
    padding: 10px;
    color: white;
}

.logoText span {
    font-size: 0.75em;
}

.Link {
    color: #546E7A !important;
}

/*Margins*/
.MarBot5 {
    margin-bottom: 5px;
}

.MarTopPerc2_5 {
    margin-top: 2.5%;
}

.MarLeft5 {
    margin-left: 5px;
}

.MarRight2 {
    margin-right: 2px;
}
.MarRight5 {
    margin-right: 5px;
}

.margen {
    margin-right: 5px;
}
/*Margins*/

.noBorderLine {
    border: 0px;
}

/*.ui-fileupload-simple .ui-button {
    background-color: #673ab7 !important;
}*/

.pnlForm2 .ui-panelgrid-cell {
    padding: 4px 7px;
}

.calendar .ui-inputfield {
    width: auto !important;
}

/*.calendar .ui-button {
    background-color: #673ab7;
}*/

/*.ui-datepicker-calendar tbody tr .ui-datepicker-current-day {
    background-color: #673ab7;
    border: solid 1px #673ab7;
}*/

.circular25 {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    height: 50px;
    width: 50px;
}

.cursos {
    background: url("/aomARH/javax.faces.resource/images/tab-icon-course.png.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.personal {
    background: url("/aomARH/javax.faces.resource/images/employee-icon.jpeg.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.cargos {
    background: url("/aomARH/javax.faces.resource/images/jobs-icon.png.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.encuesta {
    background: url("/aomARH/javax.faces.resource/images/encuesta_icon.png.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.programas {
    background: url("/aomARH/javax.faces.resource/images/programa_capacitacion2.jpeg.xhtml?ln=modena-layout") no-repeat;
    background-color: transparent;
    background-size: 50px 50px;
}

.plancap {
    background: url("/aomARH/javax.faces.resource/images/plan-capacitacion.jpg.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.reclut {
    background: url("/aomARH/javax.faces.resource/images/reclut-icon.jpeg.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.soporte {
    background: url("/aomARH/javax.faces.resource/images/support-icon.png.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.cap {
    background: url("/aomARH/javax.faces.resource/images/capacitaciones.jpeg.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.comp {
    background: url("/aomARH/javax.faces.resource/images/competencias-icon.jpg.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.entidad {
    background: url("/aomARH/javax.faces.resource/images/entidad.png.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.solicitud {
    background: url("/aomARH/javax.faces.resource/images/solicitudes_capacitacion_purple.png.xhtml?ln=modena-layout") no-repeat;
    background-size: 50px 50px;
}

.duallist .ui-picklist-list-wrapper {
    width: 45% !important;
}

.Editor .ui-editor iframe {
    width: 100% !important;
}

.iNum .ui-inputfield {
    width: 20%;
}

.iNumPlan .ui-inputfield {
    width: 90%;
}

/*.MnuButton .ui-menubutton, .MnuButton .ui-button {
    background-color: #673ab7;
}*/

.MnuButton .ui-menu-item, .MnuButton .ui-menuitem-link {
    display: inline-flex !important;
}

/*.buttonSpl .ui-button {
    background-color: #673ab7;
}*/

.searchFileWidth {
    width: calc(100% - 122px) !important;
}

.PickList.ui-picklist {
    display: inline-block !important;
}

/*.PickList .ui-button {
    background-color: #673ab7;
}*/

/*.PickList .ui-picklist-caption {
    background-color: #673ab7;
}*/


/*Buttons*/

.DefaultButton {
    background-color: #1976d2;
}

.PurpleButton {
    background-color: #673ab7;
}

.PurpleButton.ui-state-hover {
    background-color: #512da8;
}

.PurpleHeaderButton {
    background-color: #4b0082;
}

.PurpleTextButton {
    background-color: #ffffff;
    color: #673ab7;
}

.PurpleTextButton.ui-state-hover, .PurpleTextButton.ui-state-focus {
    background-color: #F5F5F5;
}

.PurpleTextButton .ui-icon {
    color: #673ab7;
}

.PurpleTextButton .ui-commandlink {
    color: #4b0082;
}

.RedButton {
    background-color: #F44336;
}

.GreenButton {
    background-color: #4CAF50;
}

.GreenButton.ui-state-hover, .Green.ui-state-focus {
    background-color: #6EC071;
}

.RedButton.ui-state-hover, .RedButtont.ui-state-focus {
    background-color: #F77076;
}

.rowAlert {
    color: #CC2E45;
}

.rowWarm {
    color: #66BB6A;
}

.rowAlert2 {
    color: #FB8C00;
}

.rowInfo {
    color: #8E24AA;
}

.rowInfo2 {
    color: #6D4C41;
}

.rowProcessing {
    color: #0091EA;
}

.file .ui-button {
/*    background-color: #673ab7;*/
    width: auto;
}

.file2 .ui-fileupload-buttonbar .ui-button {
/*    background-color: #673ab7;*/
    width: auto;
}

.file2.ui-fileupload {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    display: inline-block;
    border: none;
}

.file2 .ui-fileupload-content {
    display: none;
}

.file2 .ui-fileupload-buttonbar {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    border: none;
}

/*.ui-accordion .ui-tabs-outline {
    background-color: #4b0082 !important;
}*/

/*.ui-accordion .ui-accordion-header.ui-state-hover, .ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #4b0082;
}*/

/*TABLES*/
.ui-datatable table.tablaAgrupada thead tr th {
    border: solid 1px #c1d5df !important;
}

/*.ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
    background-color: #DAE8EF;
     border: none; 
}*/

/*.ui-datatable .ui-datatable-header {
    background-color: #673ab7;
}*/

.ui-datatable table tbody tr td {
    font-size: 0.8em;
}

.ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
    font-size: 1em;
}

.ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
    background-color: #DAE8EF;
    border: none;
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil {
    background-image: url("/aomARH/javax.faces.resource/images/pen-blue.svg.xhtml?ln=primefaces-modena");
    background-position: center !important;
    background-size: 65%;
    min-width: 40px;
    padding: 10px 0px !important;
    -webkit-border-radius: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    <!--box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);-->
}

/*.ui-datatable .ui-datatable-summaryrow {
    background-color: #8E24AA !important;
}*/
/*TABLES*/

/*Growl Messages*/

/*.ui-growl-image-info {
    background-image: url("/aomARH/javax.faces.resource/images/warn-purple.svg.xhtml?ln=primefaces-modena") !important;
}

.ui-growl-image-info+.ui-growl-message {
    color: #673ab7 !important;
}

.ui-growl-image-warn {
    background-image: url("/aomARH/javax.faces.resource/images/warn-hardal.svg.xhtml?ln=primefaces-modena") !important;
}

.ui-growl-image-warn+.ui-growl-message {
    color: #ffc107 !important;
}

.ui-growl-image-error {
    background-image: url("") !important;
}

.ui-growl-image-error+.ui-growl-message {
    color: #e62a10 !important;
}*/

.ui-panel .ui-panel-titlebar {
  background-color: #0277BD;
    padding: 8px 14px !important;
}


/*Paginator*/

.ui-paginator .ui-paginator-pages {
    padding: 0;
}

.ui-paginator .ui-state-hover, .ui-paginator .ui-paginator-pages .ui-state-hover {
    border-radius: 50% !important;
/*    background-color: #9575cd;*/
    padding: 2px 8px !important;
}

.ui-paginator .ui-paginator-current {
    color: #ffffff;
}


/*.ui-paginator .ui-paginator-current{
    color:#CE93D8;
}*/

/*.ui-paginator-page.ui-state-focus, .ui-paginator .ui-paginator-first.ui-state-focus, .ui-paginator .ui-paginator-prev.ui-state-focus, .ui-paginator .ui-paginator-next.ui-state-focus, .ui-paginator .ui-paginator-last.ui-state-focus {
    background-color: #512da8;
    color: #ffffff;
}*/

/*.ui-paginator .ui-paginator-rpp-options {
    outline: none;
    color: #ffffff !important;
    font-family: 'robotoregular';
    font-size: 18px !important;
    background-color: #512da8;
    border: solid 1px transparent;
    border-radius: 0px !important;
}

.ui-paginator .ui-paginator-rpp-options.ui-state-focus {
    background-color: #512da8 !important;
}*/

/*ui-paginator .ui-paginator-rpp-options.ui-state-hover {
    background-color: #512da8 !important;
    border-radius: 0px !important
}*/

/*.ui-paginator .ui-state-active, .ui-paginator .ui-paginator-pages .ui-state-active {
    border: none;
    background-color: #e91e63;
    border-radius: 50% !important;
    padding: 2px 8px !important;
}*/

.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-pages .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-rpp-options {
    color: #ffffff;
}

/*.ui-paginator-bottom {
    background-color: #512da8;
    border-radius: 1px;
}*/


/*.ui-picklist .ui-picklist-buttons {
  display: table-cell;
  float: none;
  vertical-align: middle;
}*/

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active, .ui-tabs-top .ui-tabs-nav li.ui-state-hover {
    background-color: transparent !important;
    border: solid 1px transparent !important;
    border-radius: 0px;
    border-bottom: solid 3px #03A9F4 !important;
}

/*.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-top .ui-tabs-nav li.ui-state-hover a {
    color: #673ab7 !important;
}*/

/*Vertical Separator*/
.vSeparator {
    clear: both;
    position: relative;
}

.vSeparator:after {
/*    border-left: 1px dotted #000000;
    margin-left: 10px;
    padding-left: 10px;*/
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.vSeparator .column:not(:first-child):after, .vSeparator .columns:not(:first-child):after{
	background: #DDDDDD;
	bottom: 0;
	content: " ";
	margin-left: -10px;
	position: absolute;
	top: 0;
	width: 1px;
}

/*Vertical Separator*/

/* Width Special Values */
.WidAuto {
    width: auto;
}

.Wid95 {
    width: 95%;
}

.Wid18 {
    width: 18%;
}

.Wid17 {
    width: 17.0%;
}

.Wid16 {
    width: 16.0%;
}

.Wid14_5 {
    width: 14.5%;
}

.Wid14 {
    width: 14%;
}

.Wid12_1 {
    width: 12.1%;
}

.Wid10 {
    width: 10%;
}

.Wid9_5 {
    width: 9.5%;
}

.Wid8 {
    width: 8%;
}

.Wid6_5 {
    width: 6.5%;
}

.Wid5 {
    width: 5%;
}

.Wid4 {
    width: 4%;
}


/* Height Special Values */

.Hei13 {
    height: 13%;
}

.colForm {
    width: 8%;
}

.pnlForm.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.colRight {
    float: right;
}

.colImage {
    width: 10%;
}

.tabMenu .ui-tabs-panel {
    padding: 10px 0px !important;
}

.tabMenu.ui-tabs-top {
    border: none;
}

.ui-accordion-header {
    background-color: #4B0082;
}

/*SELECTS*/
div.dynaselect {
    width: 100%;
}

div.dynaselect select {
    position: absolute;
    width: expression(this.parentNode.style.width);
}

.dynaselect-panel {
    width: 90%;
}

.dynaselect-panel .ui-selectonemenu-list-item {
    white-space: normal;
    height: 85%
}

.dynaselect-panel .ui-selectonemenu-items{
    white-space: normal;
}

.sltGroup{
    height:50% !important;
}

.sltGroup .ui-selectonemenu-list{
    height:100% !important;
}

div.sltGroup .ui-selectonemenu-items-wrapper{
    height: 100% !important;
    overflow: scroll;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    width: 100%;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield {
    width: 85% !important;
} 
/*SELECTS*/

.ui-tabmenu {
    border: solid 1px #e0e0e0;
    background-color: #eceff1;
    color: #546e7a;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px 5px 0px 5px;
}

/*.ui-tabmenu .ui-tabmenu-nav .ui-state-hover a, .ui-tabmenu .ui-tabmenu-nav .ui-state-active a {
    color: #673ab7;
}*/

.ui-tabmenu .ui-tabmenu-nav .ui-state-hover, .ui-tabmenu .ui-tabmenu-nav .ui-state-active {
    border-bottom: solid 3px #e91e63 !important;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    font-family: 'robotolight';
}

/*inputField*/
/*.ui-inputfield.ui-state-focus {
    border-bottom: solid 1px #673ab7 !important;
}

.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus {
    border: solid 0px #c6d6df;
    border-bottom: solid 1px #673ab7;
    color: #673ab7 !important;
    background-color: #f5f5f5;
}*/


/*Text Colors*/

.Purple {
    color: #673AB7 !important;
}


/*CheckBox*/

/*.ui-chkbox-box .ui-icon-check {
    border-bottom: solid 3px #673ab7;
    border-right: solid 3px #673ab7;
    ;
}*/


/*Notifications*/

.CartText {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    padding: 4px 0px 4px 3px;
}

.WhiteR{
    background: white !important;
    color:#333 !important;
    font-weight: bold !important;
}

.GreenR{
    background: #66BB6A !important;
    color:white ;
    font-weight: bold !important;
}
.RedR{
    /*background: #B40000;*/
    background: rgb(251, 49, 49) !important;
    color:white ;
    font-weight: bold !important;
}
.OrangeR{
    background: #FF9500 !important;
    color:white ;
    font-weight: bold !important;
}

.BlueR{
    background: #206AB4 !important;
    color:white;
    font-weight: bold !important;
}

.YellowR{
    background: #FFC200 !important;
    color:white ;
    font-weight: bold !important;
}


.GreyRR{

    background: #546e7a !important;
    color:white;
    font-weight: bold !important;

}

.GreyR{

    background: rgb(236, 239, 241) !important;
    color:#4F6174;
    font-weight: bold !important;

}

.alineartabla td {
    vertical-align: top;
}

.ui-paginator-bottom {
    background-color: #37474F !important;
}

.Container12 {
    width: 12.5%;
    float: left;
}