/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/*****************/
/* Global Styles */
/*****************/

.txt-color-blueDark {
    color: #0d75ff !important;
}

.txt-color-greyMedium {
    color: #6f6f72 !important;
}

.inline {
    display: inline-block;
}

.spacer-left {
    padding-left: 20px;
}
.spacer-right {
    padding-right: 20px;
}

.narrow {
    margin-right: 15px !important;
}
.vcenter {
    vertical-align: -webkit-baseline-middle;
}
.widget-body-toolbar {
    position: absolute;
    margin-left: 234px !important;
    z-index: 1;
    border: none;
    padding: 6px;
}
.summary-table-add-new-button {
    font-weight: bold;
}
.modal-dialog {
    width: 80%;
}
.modal-title {
    font-weight: bold;
    color: white;
}
.modal-header {
    background: #71a06a;
}
.ui-widget-overlay {
    z-index: 1060 !important;
}
.ui-dialog-title {
    color: #FFF !important;
}
.ui-dialog {
    z-index: 1070 !important;
}
.ui-dialog-titlebar {
    background-color:#71a06a !important;
}
.ui-dialog-buttonpane {
    background-color: #ddd !important;
}
.table-condensed.table>thead>tr>th {
    padding: 2px 10px !important;
}
.table-condensed.table>tbody>tr>td {
    padding: 2px 10px !important;
}
.table.table-hover td:hover{
    cursor:pointer;
}
.relative {
    position: relative;
}
/* fixes for select2 plugin styling with modals */
.select2-selection__rendered {
    padding-left: 4px;
}
.select2-dropdown--below {
    top: 48px;
}
.ui-datepicker{
    z-index: 99999 !important;
}
.modal-open .bootstrap-timepicker-widget.dropdown-menu.open {
    z-index: 99999 !important;
}
.label {
    font-size: 85% !important;
    margin-bottom: 0px !important;
    font-weight: bold !important;
    color: gray !important;
}
label.state-disabled {
    color: #aaaaaa !important;
    border: none !important;
    background: none !important;
}
input:disabled {
    border: none !important;
    background: gainsboro !important;
}
textarea:disabled {
    border: none !important;
    background: gainsboro !important;
}
select:disabled {
    border: none !important;
    background: gainsboro !important;
}
.state-disabled {
    border: none !important;
    background: gainsboro !important;
}
.col-7 {
    width: 58.33%;
}
.col-12 {
    width: 100%;
}
.select2-container-multi .select2-choices .select2-search-choice, .select2-selection__choice {
    padding: 1px 28px 1px 8px !important;
    margin: 4px 0 3px 5px !important;
}
.thumbnail-scroller {
    min-height: 84px;
    padding: 11px 4px 4px;
    overflow-x:scroll;
    width: 90%
}
.thumbnail-scroller-button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    background-color: #71a06a;
    color: white;
}
.thumbnail-scroller-button:hover {
    background-color: #8bbe84;
    color: white;
}
.thumbnail-scroller-button:active {
    top: 0px;
    left: auto;
    position: absolute;

}
.well-label {
    position: absolute;
    top: -8px;
    left: 5px;
    background: white;
    font-weight: bold;
    color: gray;
    padding: 0px 4px;
    font-size: 85%;
}
.no-bottom-margin {
    margin-bottom: 0px !important;
}
.required {
    background: #dfb982 !important;
}
.btn-upload {
    padding: 4px 6px;
}

.inline {
    display: inline-block;
}
.onoffswitch {
    margin-top: 0px;
}

/******************************/
/* Task Manager Module Styles */
/******************************/
td.action-edit {
    cursor: pointer;
}

tr.action-edit:hover td {
    background: #71a06a;
    color: white;
}
.task-image {
    margin: 0px 1px;
    height: 50px;
    display: inline-block;
    padding: 0px 0px 2px;
    vertical-align: middle;
    line-height: 50px;
}
.prop-image-link {
    border: 1px solid black;
    padding: 20px 2px;
    margin: 2px;
    background: gray;
}
.task-image-link {
    border: 1px solid lightgrey;
    padding: 20px 2px;
    margin: 2px;
}
.task-image-link:hover {
    background:#71a06a;
    cursor: pointer;
}
.task-image-container {
    display: inline-block;
    position: relative;
}
.task-image-delete-button {
    position: relative;
    top: 20px;
    left: -12px;
    width: 15px;
    padding-left: 4px;
}
.task-image-delete-button:active {
    position: relative;
    top: 20px;
    left: -12px;
}
.task-title-last-updated {
    position: absolute;
    right: 50px;
    font-size: small;
    color: darkgrey;
}
.task-title-created {
    position: absolute;
    right: 50px;
    top: 35px;
    font-size: small;
    color: darkgrey;
}
.task-material-image-wrapper {
    text-align: center;
    min-width: 256px;
    min-height: 257px;
    border: 1px solid gainsboro;
}
.task-material-image {
    width: 200px;
}
.task-material-image:hover {
    cursor: zoom-in;
}
.zoom-image-overlay {
    display: none;
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 1100;
    outline:0;
    background-color: rgba(0,0,0,0.5);
}
.zoom-image-wrapper {
    display: none;
    margin: 30px auto;
    position: relative;
    width: 80%;
}
.zoom-image {
    margin: auto;
    display:block;
    padding: 10px;
    background-color: white;
}
.zoom-image:hover {
    cursor: zoom-out;
}
#task-time-table-container {
    height: 150px;
    overflow-y: scroll;
    width: 95% !important;
}
#task-notes-table-container {
    height: 150px;
    overflow-y: scroll;
    width: 95% !important;
}

.date-time-picker {
    padding-left: 5px;
    width: 95%;
}
.calendar-employee-list-container{
    border: 1px solid lightgray;
    border-radius: 8px;
    padding: 5px;
}
.calendar-employee-list-header {
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid lightgray;
    margin-bottom: 5px;
}
.calendar-employee-list li {
    color:white;
    padding:2px 8px;
    margin: 2px;
    border-radius: 8px;
    border: 1px solid;
}
.calendar-employee-list li:hover {
    color:black;
    background: black;
    border: 1px solid;
    cursor: pointer;
}
.bg-color-grayLight {
    background: #d8dbdc;
}

.dt-toolbar {
    margin-top: 10px;
}
.widget-body-toolbar {
    margin-top: 10px !important;
}
.recurrence-disable {
    position: absolute;
    width: 95%;
    background-color: lightgray;
    height: 330px;
    opacity: .5;
    z-index: 3;
    display:none;
}

table tr.selected td {
    background-color: lightblue;
}

.table-scroller {
    max-height: 600px;
    overflow: auto;
}

.modal-title-subhead {
    display: inline-block;
    font-weight: bold;
    color: lightgray;
    margin-left: 10px;
}

.modal-title {
    display:inline-block !important;
}

.left-justify {
    position: absolute !important;
    left: 20px !important;
    top: initial !important;
}
.inactive-row {
    color: lightgrey !important;
}
.text-container {
    height: 34px;
    overflow: hidden;
}

.request-table {
    display: none;
}

.portal-greeting-container h4 {
    margin-bottom: 10px;
}

#client_email_warning {
    display:none;
    color: darkorange;
    font-weight: bold;
}
/*special markup to handle task summary row for task with no client id*/
.table-striped>tbody>tr[data-client="none"] {
    background-color: #f9868a;
}