/* 
    Document   : generico
    Created on : Nov 26, 2015, 9:44:15 AM
    Author     : Ariendy
    Description:
        Purpose of the stylesheet follows.
*/

.icon-idac{
    background: url(../images/IDAC.png) no-repeat center bottom;   
    background-size: 22px;
    height: 22px;
    width: 22px;
}

.Wid50i {
    width: 50% !important;
}
.Wid5 {
    width: 5% !important;
}
.Wid125 {
    width: 12.5%;
}
.Wid13 {
    width: 13%;
}
.Wid15 {
    width: 15%;
}
.Wid35 {
    width: 35%;
}
.Wid685 {
    width: 68.5%;
}

.Wid72{
    width: 72%;
}
.Wid71{
    width: 71%;
}
.Wid76{
    width: 76%;
}

.Wid76 .ui-autocomplete-input{
    width: 76%;
}
.Wid78{
    width: 78%;
}
.Wid915{
    width: 91.5%;
}
.Wid92{
    width: 92%;
}
.Wid96{
    width: 96%;
}
.Wid99{
    width: 99%;
}
.Wid84{
    width: 84%;
}
.Wid86 .ui-autocomplete-input, .Wid86{
    width: 86%;
}
.Wid87{
    width: 87%;
}
.Wid60 .hasDatepicker{
    width: 60%;
}
.Wid85 .hasDatepicker{
    width: 85%;
}
.Wid13 .hasDatepicker{
    width: 13%;
}
.Wid25 .hasDatepicker{
    width: 25%;
}
.Wid35 .hasDatepicker{
    width: 35%;
}
.Wid70 .hasDatepicker{
    width: 70%;
}
.Wid80.ui-calendar .hasDatepicker{
    width: 80%;
}
.Wid98{
    width: 98%;
}

.flst .ui-fieldset-legend{
    background-color: transparent;
    color: #0288D1;
    padding: 10px 3px!important;
}

.ui-notificationbar{
    height: auto !important;
}

.marLef10{
    margin-left: 10px;
}
.marLefRigAuto{
    margin-left: auto;
    margin-right: auto;
}

.RedBack.ui-state-hover, .RedBack.ui-state-focus{
    background-color: rgba(229, 57, 53, 0.47);
}
.ui-tabs-top .ui-tabs-nav li a{
    padding: 14px 0.7em !important;   
}
th.ui-filter-column input{
    width: 90% !important;
}

#per\:tabPro\:tabPro\:tblTr, #per\:tabPro\:tabPro, #per\:tabTpNueva\:tblTpPredefinida {
    border: none;
}
#per\:tabPro\:tabPro\:tblTr .ui-datatable-tablewrapper, #per\:tabTpNueva\:tblTpPredefinida .ui-datatable-tablewrapper {
    margin: 2px;
}

.nopad .ui-tabs-panel, #per\:tabPro\:tarea, #per\:tabTpNueva\:tpPredefinida{
    padding: 2px !important;
    border: none;
}
#per\:tabTpNueva\:pngSubTareaNueva_content .ui-panelgrid-cell{
    margin: 0;
    padding: 0;
}
.tblErrores, .tblErrores th, .tblErrores tr, .tblErrores td, .tblErrores .ui-paginator {
    background: transparent !important;
    border: none !important;
}
.tblErrores div.ui-datatable-tablewrapper{
    overflow-x: hidden;
}

.ui-calendar.Fs12 input{
    font-size: 12px;
}
.Withebg{
    background: white;
    border: 1px solid #0288d1;
}
.topul li{
    list-style: none;
    margin-left: 8px;
    font-size: 10px;
    display: inline-block;
}
.logoText {
    font-size: 1.6em;
    padding: 20px;
    color: white;
}
.logoText span {
    font-size: 0.75em;
}
.nomrg .ui-datatable-tablewrapper{
    margin: 0;
}
.nomrg{
    border: 0;
}
.ui-datatable table thead tr th .ui-column-title{
    font-size: 14px;
}
.ui-datatable table tbody tr td span{
    font-size: 12px;
}
.liwid{
    width: 150px;
}
.Wid82{
    width: 82%;
}
.Wid88{
    width: 88%;
}
.ui-tabs-top .ui-tabs-nav li a{
    font-size: 14px;
}

/*#prinform\:tabPro .ui-tabs-panels{
    background-image: url("/Siaga-Proyectos/javax.faces.resource/images/triangle-gray.svg.jsf?ln=modena-layout") !important;
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
}*/
iframe{
    border: none;
}

#prinform\:tabPro\:est, #prinform\:tabPro\:noti{
    padding: 0 !important;
}

#prinform\:tabPro\:est .Card{
    padding: 10px;
}
#prinform\:tabPro\:est .ContainerIndent, #prinform\:tabPro\:noti .ContainerIndent{
    padding: 0;
}

.CardTopic{
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

/*#prinform\:tabPro\:tbtPrRs.ui-datatable table tbody tr td,
#prinform\:tabPro\:tbtPrRs.ui-datatable table thead tr th{
 font-family: sans-serif;   
}*/

.ui-selectonemenu.TexAlCenter label{
    text-align: center;
}
ul#form\:area_items .ui-selectonemenu-list-item{
    text-align: center;
}
fieldset.normleg legend{
    background:  transparent;
    color: #546E7A;
    border: solid 1px #E0E0E0;
}
.DispFlex{
    display: flex;
}

.MarTopPerc2 {
    margin-top: 2%;
}

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

.noBrd, .noBrd.ui-panelgrid .ui-panelgrid-cell{
    border: none;
}
.BoldGrayi {
    color: #546E7A !important;
}
.submenu, .submenu a{
    border-radius: 0 !important;
    width: auto !important;
}

#actExp-menu.customMenu > li > a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 26px;
    border-radius: 0% !important;
    text-align: center;
    padding-top: 5px;
    width: 100% !important;
    /* height: 37px; */
    cursor: pointer;
    display: block;
    color: #333;
    overflow: hidden;
}
#actExp-menu > li > a:hover, #actExp-menu li a:focus {
    background-color: rgba(255, 255, 255, 0.1);
}
#actExp-menu > li > a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 26px;
    border-radius: 50%;
    text-align: center;
    padding-top: 5px;
    width: 42px;
    height: 37px;
    cursor: pointer;
    display: block;
    color: #ffffff;
    overflow: hidden;
}

#actExp-menu li ul li a {
    color: #546e7a;
    padding: 15px;
    display: block;
    font-size: 16px;
    font-family: 'robotoregular';
}
#actExp-menu li ul li {
    padding: 0px;
    margin: 0px;
}
#actExp-menu li ul.active-menu {
    height: auto;
    margin: 12px 0px 0px -150px;
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#actExp-menu li ul li a.active-menu, #actExp-menu li ul li a:hover, #actExp-menu li ul li a:focus {
    background-color: #f5f5f5;
}

#actExp-menu li ul.active-menu {
    height: auto;
    margin: 12px 0px 0px -150px;
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#actExp-menu li ul {
    width: 200px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
    background-color: #ffffff;
    border-radius: 2px;
    margin: 12px 0px 0px -150px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(43, 59, 93, 0.6);
    -moz-box-shadow: 0px 1px 4px 0px rgba(43, 59, 93, 0.6);
    box-shadow: 0px 1px 4px 0px rgba(43, 59, 93, 0.6);
    -webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#actExp-menu.customMenu > li {
    float: right;
    padding: 0px 10px 0px 20px;
}
.Redi {
    color: #E53935 !important;
}
.DispNonei{
    display: none !important;
}