/* Generic Styles */
.text-capitalize-first-letter::first-letter {
    text-transform: capitalize;
}

.word-break {
    word-break: break-all;
}

.table {
    font-size: 0.9em;

}

.label-inline {
    display: inline;
}

button:hover {
    cursor: pointer;
}

button:disabled {
    cursor: not-allowed;
}

div.icheckbox_square-green {
    margin-right: 0.7em;
}

div.ibox-title > a.btn {
    margin-left: 10px;
}

div.form-group > label, div.form-group > span {
    margin-top: 5px;
}
/* END Generic Styles */

/* Logo Styles */
img.logo {
    margin-right: 10px;
    width: 180px;
}
/* END Logo Styles */


/* BreadCrumb Styles */
.breadcrumb li:nth-child(2):before {
    content: ':' !important;
}

span.active {
    font-weight: bold;
}
/* END: BreadCrumb Styles */


/* Generic Table Styles */
td {
    vertical-align: middle !important;
}

th.number, td.number {
    text-align: center;
    white-space: nowrap;
}

th.date, td.date {
    text-align: center;
    white-space: nowrap;
}

th.status, td.status {
    text-align: center;
    white-space: nowrap;
}

th.actions, td.actions {
    text-align: center;
    white-space: nowrap;
}

th.nowrap, td.nowrap {
    white-space: nowrap;
}
/* END Generic Table Styles */

/* Generic PlaceHolder Styles */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-style: italic;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-style: italic;
}
/* END Generic PlaceHolder Styles */

/* Document State Styles */
th.folderDocPending,
td.folderDocPending {
    font-style: italic;
    color: blue;
}

th.folderDocPublished,
td.folderDocPublished {
    font-style: italic;
    color: green;
}

th.folderDocIncidence,
td.folderDocIncidence {
    font-style: italic;
    color: red;
}
/* END Document State Styles */

/* USER List Styles */
ul.user-roles {
    margin-top:10px;
    list-style-type: none;
}

ul.user-roles li {
    margin-top:2px;
    margin-bottom:2px;
}

ul.user-roles li span {
    padding-left: 3px;
    padding-right: 3px;
}

div.user-state {
    margin: 25px;
}
/* END USER List Styles */


/* Navigation Styles */
table.items-list {
    font-size: 0.9em;
}

table.items-list > thead,
table.items-list > tbody {
    display: block;
}

table.items-list > thead {
    background-color: #eee;
}

table.items-list > tbody {
    max-height: 300px;
}
/* END Navigation Styles */

/* DIV INBOX STYLES */
.inbox-title-inline {
    display:inline
}
/* END: DIV INBOX STYLES */

/* Generic Modal Windows Styles */
SPAN.modal-close {
    float: right;
    margin-top: -10px;
}
/* END Generic Modal Windows Styles */

/* Invoice Actions */
FORM#frmInvoiceActions BUTTON {
    margin-right: 7px;
}
/* END: Invoice Actions */

/* Invoice Advanced Search Modal Styles */
DIV.modal-xl {
    width: 90%;
}

table.items-list-search > tbody {
    max-height: 400px;
}

BUTTON.btn-upload {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

BUTTON.btn-search {
    margin-bottom: 15px;
}

div.pagination-count {
    padding-top: 20px;
}

BUTTON#searchExportERP {
    float: right;
}
/* END Invoice Advanced Search Modal Styles */

/* Document State Styles */
th.folderDocPending,
td.folderDocPending {
    font-style: italic;
    color: blue;
}

th.folderDocApproved,
td.folderDocApproved {
    font-style: italic;
    color: green;
}

th.folderDocPublished,
td.folderDocPublished {
    font-style: italic;
    color: green;
}

th.folderDocIncidence,
td.folderDocIncidence {
    font-style: italic;
    color: red;
}
/* END Document State Styles */

/* UI-BOOTSTRAP Pagination Style */
ul.pagination > li > a {
    font-size: 14px;
}

 ul.pagination > li.active > a,
  ul.pagination > li.active > a:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
/* END UI-BOOTSTRAP Pagination Style */

/* DateRangePicker Styles FIX */
.glyphicon.fa {
    font-family: 'Glyphicons Halflings' !important;
}

.daterangepicker.ltr .calendar {
    float: left
}
/* END DateRangePicker Styles FIX */


/* FILE DOWNLOAD Button */
a.btn-fileDownload {
    margin-left: 10px;
}
/* END FILE DOWNLOAD Button */

/* FILE OPEN Button */
a.btn-fileOpen {
    transform: scale(1.2);
    padding: 2px;
}
/* END FILE OPEN Button */


/* IMAGE RWD Styles */
div.imgResponsive {
    background-color: lightgoldenrodyellow;
    padding: 2em;
}

div.imgContainer {
    position: relative;
    width: 100%;
}

div.helper {
    padding-top: 100%;
}

div.pageSelected:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

div.pageSelected {
    border: 1px solid #18a689;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow: auto;
}

img.selected {
    display: inline-block;
    width: 375px;
}
/* END IMAGE RWD Styles */


/* File button */
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/* END: File button */

/* IBOX LABEL Styles */
    div.ibox-title a span.label-primary {
        margin-left: 10px;
}
/* END: IBOX LABEL Styles */


/* Table Files Styles */
div.table-files {
    margin: 1em 0;
    max-height: 300px;
    overflow-y: auto;
}
/* END: Table Files Styles */

div.imgResponsive.pageView {
    margin-bottom: 0.3em;
}

div.imgContainer.pageView,
div.pdfContainer.pageView {
    height: 570px;
}

div.imgContainer.pageView > div.pageSelected > img.selected,
div.pdfContainer.pageView > canvas#pdf-canvas2 {
    width: 90%;
}

div.table-thumbs > div.row.thumbs > img.thumbnail.selected {
    border: 1px solid blue;
}

/* TEXTAREA */
textarea {
    resize: none;
}

div.modal-footer {
    clear: both;
}