/*
 * custom CSS
 * Only necessary to add if your PrimeFaces version is older than 5.3.14
 */
.width_height9060 {
    width: 102.317px !important;
    height: 68.9px !important;
}

.ui-clock {
    background-color: transparent !important;
    color: black !important;
}

/* Firstly Hide the unnecessary components */
/*.ui-fileupload .start {*/
/*display: none;*/
/*}*/

.ui-icon-plusthick {
    display: none !important;
}

.ui-fileupload-content {
    display: none !important;
}

.ui-fileupload .ui-fileupload-buttonbar {
    padding: 0 0 0 0 !important;
    width: 90px !important;
    margin: 0 10px 10px 10px !important;
    height: 60px !important;
    text-justify: inter-cluster !important;
    /*-moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16)!important;*/
    /*-webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16)!important;*/
    /*box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16)!important;*/
}

/*.ui-fileupload .cancel {*/
/*display: none;*/
/*}*/

.ui-fileupload-simple .ui-button {
    text-justify: inter-cluster !important;
    width: 150px !important;
    height: 73px !important;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16) !important;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 25px !important;
    text-align: center !important;
}

.ui-fileupload .progress {
    /*  display: none; - if you wanted to hide the progress bar as well*/
}

.ui-fileupload {
    border: none;
}

@media (max-width: 1100px) {
    .content-to-hide-on-mobile {
        display: none;
    }
}

@media (min-width: 1100px) {
    .content-to-hide-on-desktop {
        display: none;
    }
}

@media (max-width: 1100px) and (min-width: 700px) {
    .content-to-hide-on-tablet {
        display: none;
    }
}
@media (max-width: 700px) {
    .content-to-hide-on-phones {
        display: none;
    }
}

/*Growl component updates*/
.ui-growl .ui-growl-item-container.ui-growl-info{
    color: #66c05d !important;
    background-color: white !important;
}

.ui-tooltip-text{
    color: white !important;
    background-color: grey !important;
}

.ui-growl .ui-growl-item-container.ui-growl-error {
    color: red !important;
    background-color: white !important;
}

/*floating icon of sorting table*/
.sort-icon-fix {
    position: relative !important;
    margin-bottom: 110px !important;
    margin-top: -90px !important;
    float: right !important;
}

/*.ui-datatable .ui-sortable-column-icon {*/
/*position: relative !important;*/
/*margin-bottom: 110px !important;*/
/*margin-top: -90px !important;*/
/*float: right !important;*/
/*}*/

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: .4em;
    color: red;
}

.calendarClass input {
    /*font-size: 12px !important*/
}


/*tabs*/
body .ui-tabs.ui-tabs-top .ui-tabs-nav{
    background-color: lightgray !important;
    color: white !important;
}
body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active {
    background-color: #66c05d !important;
    color: white !important;
}
.ui-tabs.ui-tabs-left, .ui-tabs-top .ui-tabs-nav {
    background-color: lightgray;
}

.ui-tabs.ui-tabs-left, .ui-tabs-top .ui-tabs-nav li a {
    color: #5f666c!important; ;

}

.ui-tabs.ui-tabs-left, .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: white !important;
}

.ui-tabs.ui-tabs-left, .ui-tabs-top .ui-tabs-nav li.ui-tabs-selected, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active {
}

.ui-tabs.ui-tabs-left, .ui-tabs-top .ui-tabs-nav li.ui-state-hover {
}

/*end tabs*/
body .ui-accordion .ui-accordion-header {
    background-color: lightgray;
    color: white;
}


body .ui-accordion .ui-accordion-header {
    background-color: lightgray;
    color: #5f666c;
}

body .ui-accordion .ui-accordion-header.ui-state-hover {
    background-color: #66c05d !important;
    color: white !important;
}

body .ui-accordion .ui-accordion-header.ui-tabs-outline {
    border: 0 none;
    background-color: #66c05d !important;
    color: white !important;
}

body .ui-widget-header .ui-state-hover {
    background-color: #66c05d !important;
    color: white;
}

body .ui-widget-header {
    background-color: #66c05d !important;
    color: #ffffff;
}

fieldset .ui-fieldset-legend {
    background-color: #66c05d !important;
    color: #ffffff;
}


body .ui-state-active, body .ui-state-highlight {
    background-color: lightgray;
}

/*used in routes table to align table right when shown on mobile*/
@media (max-width: 670px) {
    .mobile-float-right {
        float: right !important;
        width: 150px !important;
        text-align: right !important;
    }

    .mobile-button-float-right {
        float: right !important;
    }

    .ui-column-title {
        width: 130px !important;
    }

    .size12 {
        font-size: 12px !important;
    }
}

.blue-star a {
    color: blue !important;
}


.roundRed {
    /*background-color: red !important;*/
    color: red !important;
}

.roundGreen {
    /*background-color: #66c05d !important;*/
    color: #66c05d !important;
}


.roundBlue {
    /*background-color: blue !important;*/
    color: blue !important;
}

.iconClass{
    width: 82px!important;
    height: 70px!important;
}

.no-header-datatable .ui-datatable table thead tr {
    display: none !important;
}