.columnleft { text-align: left;}
.columnright { text-align: right;}
.columncenter { text-align: center;}

/* MODIFICACIÓN O ADICIÓN DE CLASES DE PRIMEFACES */
.hideToolbar .ui-editor-toolbar {
    display: none;
}

.ui-selectmanycheckbox td {
    display: inline-flex !important;
    margin-bottom: 15px;
}

.ui-editor-toolbar { /* Pone el fondo gris a la toolbar del p:textEditor */
    background-color: #f0f0f0;
}

.dashboard .colorbox {
    height: 85px;
}
.dashboard .colorbox.colorbox-comp > div:first-child {
    background-color: #2E7D32;
}

.dashboard .colorbox-comp-0,
.dashboard .colorbox-comp- {
    background-color: #2E7D32;
}

.dashboard .colorbox-comp-1 {
    background-color: #4CAF50;
}
.dashboard .colorbox-comp-2 {
    background-color: #439c46;
}
.dashboard .colorbox-comp-3 {
    background-color: #4CAF50;
}
.dashboard .colorbox-comp-4 {
    background-color: #439c46;
}
.dashboard .colorbox-comp-5 {
    background-color: #4CAF50;
}

.dashboard .colorbox.colorbox-pos > div:first-child {
    background-color: #815bbe;
}

.dashboard .colorbox-pos-0,
.dashboard .colorbox-pos- {
    background-color: #ab92d3;
}

.dashboard .colorbox-pos-1 {
    background: rgba(242,220,166,1);
    background: -moz-linear-gradient(-45deg, rgba(242,220,166,1) 0%, rgba(228,186,78,1) 50%, rgba(218,165,32,1) 51%, rgba(155,118,23,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(242,220,166,1)), color-stop(50%, rgba(228,186,78,1)), color-stop(51%, rgba(218,165,32,1)), color-stop(100%, rgba(155,118,23,1)));
    background: -webkit-linear-gradient(-45deg, rgba(242,220,166,1) 0%, rgba(228,186,78,1) 50%, rgba(218,165,32,1) 51%, rgba(155,118,23,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(242,220,166,1) 0%, rgba(228,186,78,1) 50%, rgba(218,165,32,1) 51%, rgba(155,118,23,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(242,220,166,1) 0%, rgba(228,186,78,1) 50%, rgba(218,165,32,1) 51%, rgba(155,118,23,1) 100%);
    background: linear-gradient(135deg, rgba(242,220,166,1) 0%, rgba(228,186,78,1) 50%, rgba(218,165,32,1) 51%, rgba(155,118,23,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2dca6', endColorstr='#9b7617', GradientType=1 );
}

.dashboard .colorbox-pos-2 {
    background: rgba(230,230,230,1);
    background: -moz-linear-gradient(-45deg, rgba(230,230,230,1) 0%, rgba(179,179,179,1) 50%, rgba(153,153,153,1) 51%, rgba(115,115,115,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(50%, rgba(179,179,179,1)), color-stop(51%, rgba(153,153,153,1)), color-stop(100%, rgba(115,115,115,1)));
    background: -webkit-linear-gradient(-45deg, rgba(230,230,230,1) 0%, rgba(179,179,179,1) 50%, rgba(153,153,153,1) 51%, rgba(115,115,115,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(230,230,230,1) 0%, rgba(179,179,179,1) 50%, rgba(153,153,153,1) 51%, rgba(115,115,115,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(230,230,230,1) 0%, rgba(179,179,179,1) 50%, rgba(153,153,153,1) 51%, rgba(115,115,115,1) 100%);
    background: linear-gradient(135deg, rgba(230,230,230,1) 0%, rgba(179,179,179,1) 50%, rgba(153,153,153,1) 51%, rgba(115,115,115,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#737373', GradientType=1 );
}

.dashboard .colorbox-pos-3 {
    background: rgba(240,217,193,1);
    background: -moz-linear-gradient(-45deg, rgba(240,217,193,1) 0%, rgba(220,166,111,1) 50%, rgba(205,127,50,1) 51%, rgba(144,89,35,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(240,217,193,1)), color-stop(50%, rgba(220,166,111,1)), color-stop(51%, rgba(205,127,50,1)), color-stop(100%, rgba(144,89,35,1)));
    background: -webkit-linear-gradient(-45deg, rgba(240,217,193,1) 0%, rgba(220,166,111,1) 50%, rgba(205,127,50,1) 51%, rgba(144,89,35,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(240,217,193,1) 0%, rgba(220,166,111,1) 50%, rgba(205,127,50,1) 51%, rgba(144,89,35,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(240,217,193,1) 0%, rgba(220,166,111,1) 50%, rgba(205,127,50,1) 51%, rgba(144,89,35,1) 100%);
    background: linear-gradient(135deg, rgba(240,217,193,1) 0%, rgba(220,166,111,1) 50%, rgba(205,127,50,1) 51%, rgba(144,89,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d9c1', endColorstr='#905923', GradientType=1 );
}

.dashboard .colorbox-pos-4 {
    background-color: #99ccff;
}

.dashboard .colorbox-pos-5 {
    background-color: #ab92d3;
}

.dashboard .colorbox-pos-6 {
    background-color: #e06752;
}

.dashboard .colorbox.colorbox-high {
    height: 250px;
}

.dashboard .colorbox.colorbox-high2 {
    height: 125px;
}

.dashboard .colorbox.colorbox-high i {
    line-height: 220px;
}

.dashboard .colorbox .colorbox-name {
    padding: 1.5% 0;
}

.dashboard .dashboard-panel {
    max-height: 320px;
}

.dashboard .ui-panel-titlebar {
    font-weight: bold;
}

.dashboard #timeline_content {
    padding: 0;
}

.dashboard .ui-scrollpanel {
    border: 0;
}

.dashboard .timeline {
    padding: 8px;
}

.dashboard .timeline-dir {
    max-height: 250px;
}

.dashboard div.esp-padding {
    padding: 0 0 7px 7px;
}

.dashboard div#timeline #timeline_toggler {
    display: none;
    margin-top: -0.3em;
}

.dashboard .timeline > .ui-g .ui-g-4 {
    font-size: 14px;
    position: relative;
    border-right: 1px solid #bdbdbd;
}

.dashboard .timeline > .ui-g .ui-g-4 i:not(.event-time-icon) {
    background-color: #ffffff;
    font-size: 36px;
    position: absolute;
    top: 0px;
    right: -18px;
}

.dashboard .timeline > .ui-g .ui-g-4 i.event-time-icon {
    /*color: #58575c;*/
    font-size: 14px;
    margin: 0 5px 0 0;
    vertical-align: text-top;
}

.dashboard .timeline > .ui-g .ui-g-8 {
    padding-left: 1.5em;
}

.dashboard .timeline > .ui-g .ui-g-8 .event-text {
    color: #757575;
    font-size: 14px;
    display: block;
    padding-bottom: 20px;
}

.dashboard .colorbox .colorbox-count-espfont {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5vw;
}

.dashboard .colorbox-high .colorbox-count-espfont {
    font-size: 1.2vw;
}
.dashboard .colorbox-high2 .colorbox-count-espfont {
    font-size: 1.2vw;
}

.dashboard .ui-blockui {
    background-color: #dddddd;
    opacity: .8;
    z-index: 0 !important;
}

.dashboard .ui-blockui.no-background {
    opacity: .1;
}

.dashboard .ui-blockui-content {
    background-color: transparent;
    border: 0;
    /*opacity: 1;*/
    z-index: 0 !important;
}

.dashboard .ui-blockui-content.ui-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
}

body .ui-tabs.ui-tabs-left > .ui-tabs-nav {
    height: 99.999999%;
}

.ui-tabs-left > .ui-tabs-nav * {
    white-space: nowrap;
}

.ui-tabs-left > .ui-tabs-nav {
    overflow: hidden;
}

.ui-tabs-left.thin-tabs > .ui-tabs-nav {
    width: 19%;
}

.ui-tabs-left.thin-tabs > .ui-tabs-panels {
    width: 80%;
}

.ui-tabs-left.large-tabs > .ui-tabs-nav {
    width: 30%;
}

.ui-tabs-left.large-tabs > .ui-tabs-panels {
    width: 69%;
}

body.layout-compact .ui-panel.no-content-padding .ui-panel-content {
    padding: 0;
}

body.layout-compact .ui-panel.title-center .ui-panel-titlebar {
    text-align: center;
}

body.layout-compact .ui-panel.title-center .ui-panel-titlebar span {
    margin: 0 auto;
}

body.layout-compact .ui-tabs.ui-tabs-panel-no-padding .ui-tabs-panel {
    padding: 0 5px;
}

body.layout-compact .ui-tabs.ui-tabs-panel-no-padding .ui-tabs-panel .ui-tabs .ui-tabs-panel {
    padding: 5px;
}

.ui-sticky {
    top: 80px !important;
}
/****************************************/

/* CLASES PROPIAS */
.profile-praxis {
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 10px;
    width: 250px;
    height: 160px;
    text-align: left;
    background-color: #F8F8FF;
    background-size: 250px 145px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); }

.topbar-left-praxis {
    text-align: center;
    box-sizing: border-box;
    padding: 15px;
    height: 75px;
    width: 250px;
    background-color: #37474F;
    float: left;
    -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); }

.login-body {
    background: url("/Meta2xPF/faces/javax.faces.resource/images/login.png?ln=praxis");
    /*background-size: 100% auto;*/
    background-repeat: repeat;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

.ad {
    background-size: cover;
    background-position: 0 -80px;
    background-repeat: repeat;
    background-attachment: inherit;
    font-size: 16px;
}

.iswitch-ads > img {
    margin: auto;
    position: relative !important;
}

.btnSelected {
    background-color: #EB262C;
}

.btnUnselected {
    background-color: inherit;
}

.slimLine { /* Clase para que p:separator sea una línea fina y estilizada */
    background-color: #bfbfbf;
    border: 0;
    height: 1px;
}

.iconWhite div > .ui-icon { /* Poner la clase iconWhite cuando un sea necesario que un icono aparezca en blanco */
    color: white !important;
}

/* Clase para que la primera letra de una frase sea mayúscula y el resto minúscula */
.start-upper {
    text-transform: lowercase;
}

.start-upper::first-letter {
    text-transform: uppercase;
}

.button-help {
    position: absolute;
    right: 25px;
    top: 98px;
    padding: 8px;
}

.button-help i {
    color: white;
    font-size: 30px;
}

.help-content {
    text-align: justify;
    padding: 0 20px 20px 20px;
}

.help-content h3 {
    color: #EB262C;
}

.help-content h3:not(:first-child) {
    margin-top: 40px;
}

.help-content h4 {
    color: #EB262C;
    margin-top: 20px;
}

.help-content p.text-annotation {
    text-align: center;
    margin: 30px 0;
}

.help-content p.text-indent {
    margin-left: 15px;
}

.help-content p.text-indent span.text-indent {
    margin-left: 30px;
}
/********************************/

@media only screen and (min-width: 1450px) {
    #logoshow.logoshow-switch {
        display: none;
    }
}

@media only screen and (max-width: 1449px) {
    #logoshow.logoshow-all {
        display: none;
    }
}

@media only screen and (min-width: 1440px) {
    .max1440 {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .min1440 {
        display: none;
    }

    .dashboard #timeline {
        margin-bottom: 16px;
    }

    .dashboard div#timeline:not(.timeline-dir) #timeline_toggler {
        display: block;
    }

    .dashboard .colorbox-high .colorbox-count-espfont {
        font-size: 1.7vw;
    }
    .dashboard .colorbox-high2 .colorbox-count-espfont {
        font-size: 1.7vw;
    }

    .dashboard .timeline-dir {
        max-height: 507px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1150px) {
    #logoshow.logoshow-switch .ls-first-item {
        display: none;
    }
    #logoshow.logoshow-switch .ls-imageSwitch {
        margin-left: -20px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .dashboard .colorbox .colorbox-count-espfont {
        font-size: 3vw;
    }

    .dashboard .colorbox-high .colorbox-count-espfont {
        font-size: 2.4vw;
    }
    
    .dashboard .colorbox-high2 .colorbox-count-espfont {
        font-size: 2.4vw;
    }

    .dashboard div#timeline #timeline_toggler {
        display: block;
    }

    .dashboard .timeline-dir {
        max-height: 250px;
    }

    .dashboard div.esp-padding {
        padding: 7px 0;
    }
}

@media only screen and (max-width: 749px) {
    #logoshow { 
        display: none; 
    }
    .min750 {
        display: none;
    }

    .ad {
        background-position: top;
    }
}

@media only screen and (min-width: 750px) {
    #notlogoshow {
        display: none;
    }
    .notlogoshow {
        display: none !important;
    }
    .max750 {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
    .max640 {
        display: none;
    }
    .dashboard .colorbox .colorbox-count-espfont {
        font-size: 5.5vw;
    }

    .dashboard .colorbox-high .colorbox-count-espfont {
        font-size: 4vw;
    }
    
    .dashboard .colorbox-high2 .colorbox-count-espfont {
        font-size: 4vw;
    }
}

@media only screen and (max-width: 499px) {
    .min500 {
        display: none;
    }

    .dashboard .ui-tabs-left > .ui-tabs-nav a {
        padding: 8px 14px 8px 0 !important;
    }

    .dashboard .colorbox i {
        font-size: 36px;
    }

    /*    body.layout-compact .ui-tabs .ui-tabs-nav > li > a {
            padding: 8px 14px 8px 0;
        }*/
}

@media only screen and (min-width: 500px) {
    .max500 {
        display: none;
    }
}

/*******************************************************************************/

@media only screen and (max-width: 399px) {
    .topbar-left-praxis {
        padding: 15px;
        height: 75px;
        width: 200px;
        float: left;
    }
}