/* stx-dataTable: styles for dataTables (PrimeFaces 6.2)  */
/* upload button */
.stx-fileUpload .ui-button {
    background: #3c8dbc;
    border: 1px solid #367fa9;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    padding: 6px 12px;
    font-family: 'Source Sans Pro', Helvetica, Tahoma, FreeSans, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.stx-fileUpload .ui-button {
    background: #3c8dbc;
    border: 1px solid #367fa9;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    padding: 6px 12px;
    font-family: 'Source Sans Pro', Helvetica, Tahoma, FreeSans, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.stx-fileUpload .ui-button:hover,
.stx-fileUpload .ui-button:active,
.stx-fileUpload .ui-button.ui-state-hover {
    background-color: #367fa9;
    border-color: #204d74;
}

.stx-fileUpload .ui-button.ui-state-focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}

.stx-fileUpload .ui-button .ui-button-text {
    padding: 0 0 0 15px !important;
}

.stx-fileUpload .ui-icon {
    background: none;
    font: normal normal normal 14px/1 FontAwesome;
    text-indent: inherit;
    margin-top: -7px !important;
}

.stx-fileUpload .ui-icon:before {
    content: "\f067";
    display: inline-block;
    width: 14px;
    height: 14px;
}

.stx-fileUpload .ui-fileupload-filename {
    vertical-align: top;
    margin-top: 7px;
    display: inline-block;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    font-family: 'Source Sans Pro', Helvetica, Tahoma, FreeSans, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

/****** upload *******/
.stx-fileUpload.ui-fileupload {
    border-color: #d2d6de;
    width: 100%;
}
.stx-fileUpload .ui-fileupload-buttonbar {
    background: none;
    margin-left: 0;
    margin-top: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.stx-fileUpload .ui-fileupload-choose,
.stx-fileUpload .ui-fileupload-upload,
.stx-fileUpload .ui-fileupload-cancel {
    background-image: none;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
}
.stx-fileUpload .ui-fileupload-choose:focus,
.stx-fileUpload .ui-fileupload-upload:focus,
.stx-fileUpload .ui-fileupload-cancel:focus {
    outline: none;
}
.stx-fileUpload .ui-fileupload-choose:active,
.stx-fileUpload .ui-fileupload-upload:active,
.stx-fileUpload .ui-fileupload-cancel:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.stx-fileUpload .ui-fileupload-choose {
    background-color: #00a65a;
    border-color: #008d4c;
}
.stx-fileUpload .ui-fileupload-choose:hover,
.stx-fileUpload .ui-fileupload-choose:active,
.stx-fileUpload .ui-fileupload-choose.ui-state-hover {
    background-color: #008d4c;
}
.stx-fileUpload .ui-fileupload-upload {
    background-color: #3c8dbc;
    border-color: #367fa9;
}
.stx-fileUpload .ui-fileupload-upload:hover,
.stx-fileUpload .ui-fileupload-upload:active,
.stx-fileUpload .ui-fileupload-upload.ui-state-hover {
    background-color: #367fa9;
}
.stx-fileUpload .ui-fileupload-cancel {
    background-color: #dd4b39;
    border-color: #d73925;
}
.stx-fileUpload .ui-fileupload-cancel:hover,
.stx-fileUpload .ui-fileupload-cancel:active,
.stx-fileUpload .ui-fileupload-cancel.ui-state-hover {
    background-color: #d73925;
}
.stx-fileUpload .ui-fileupload-upload .ui-icon:before {
    content: "\f093";
    display: inline-block;
    width: 14px;
    height: 14px;
}
.stx-fileUpload .ui-fileupload-cancel .ui-icon:before {
    content: "\f00d";
    display: inline-block;
    width: 14px;
    height: 14px;
}
.stx-fileUpload .ui-fileupload-content {
    word-break: break-word;
}

@media (max-width: 767px) {
    .stx-fileUpload .ui-fileupload-buttonbar {
        white-space: normal;
    }
}

/*File upload -> Primefaces 10.0.0^*/
body .ui-button.ui-button-icon-only .ui-icon {
  margin-left: -0.7rem;
}

body .ui-button.ui-button-text-icon-left .ui-icon {
  margin-top: -0.7rem;
}