@charset "UTF-8";

/*Alerts and notes classes */
.alert-default {
    background-color: #ebebeb;
    border-color: #e6e6e6;
    color: #787878;
}

.note.note-default {
    background-color: #f2f2f2;
    border-color: #CCCCCC;
}

.note.note-red-stripe {
    background-color: #f2f2f2;
    border-color: #D64635;
}

.alert-info-yellow {
    background-color: #fffede;
    border-color: #faf7a7;
    color: #7a7830;
}

/*Form condensed classes*/
.form-condensed .form-control, .form-condensed .dropdown-toggle {
    padding: 3px 12px;
    height: 30px;
    font-size: 12px;;
}

.form-condensed .control-label {
    padding: 6px;
    font-size: 12px;;
}

.form-condensed .form-group {
    margin-bottom: 5px;
}

.form-condensed .bootstrap-select.form-control {
    padding: 0px;
}

.form-condensed .dropdown-menu {
    font-size: 12px;;
}

.form-condensed.form-bordered .form-group > div {
    padding: 5px;
}

.form-condensed.form-bordered .form-group .control-label {
    padding-top: 13px;
}

.form-condensed.form-bordered .form-group {
    margin: 0;
}

.form-horizontal .form-control-static {
    padding-top: 7px;
}

.form-horizontal.form-condensed .form-control-static {
    padding-top: 6px;
}

/* form-medium-condensed class*/
.form-medium-condensed .form-group, .form-medium-condensed .dropdown-toggle {
    margin-bottom: 10px;
}

.form-medium-condensed .form-control-static {
    padding-top: 6px;
}

.form-horizontal .form-group .badge{
    margin-top: 8px;
}

.form-horizontal .form-control-static {
    padding-bottom: 0;
}

/* jQueryUI overrides */

.ui-dialog {
    z-index: 10000 ! important;
}

.ui-button-text-only .ui-button-text {
    padding: 0 0 !important;
}

.ui-button {
    margin-right: 0 !important;
}

/* Input box with label next to it */
.input-group-label {
    border-collapse: separate;
    display: table;
    position: relative;
}

.input-group-label .form-control {
    margin-right: 0;
    float: left;
}

.input-group-label .label {
    display: inline-block;
    padding: 10px 12px 11px;
}

.form-control[disabled] {
    /* background-color: #FFFFFF;*/
}

.input-icon .select2-chosen {
    padding-left: 20px;
}

.ui-select-match-close {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.input-tiny {
    width: 97px !important;
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
}

.toast-title {
    font-weight: bold;
}

.badge i {
    font-size: 10px;
    margin-top: -2px;
}
/* JsTree search selected styles */
.jstree-default .jstree-search {
    color: #1e1e1f;
    font-style: normal;
    font-weight: 700;
}
/* Style for icons used as buttons */
.icon-only-btn {
    cursor: pointer;
    margin-right: 3px;
    margin-left: 3px;
}

.btn.btn-icon:hover {
    color: #555555;
}

.table {
    position: relative;
}
.table .table {
    margin-bottom: 0;
}
.details:hover {
    background-color: #eeeeee !important;
}
.hidden {
    display: none;;
}

.text-very-muted {
    color: #a0a0a0 !important;
}

/* Modal styles */
.modal-larger {
    width: 80%;
}

/* Stats dashboard components */
.dashboard-stat2 {
    background: none repeat scroll 0 0 #f7f7f7;
}

.dashboard-stat2 .progress {
    background: none repeat scroll 0 0 #ffffff;
}


.sparkline-chart .number {
    margin: 0 auto;
}

.general-item-list > .item > .item-head > .item-details > .badge.item-pic {
    border-radius: 62px !important;
    height: 32px;
    width: 32px;
    margin-right: 10px;
}

.general-item-list > .item > .item-head > .item-details > .badge.item-pic i {
    color: white !important;
    font-size: 14px;
    margin-top: 5px;
}

.general-item-list > .item > .item-head > .item-details > .item-name {
    font-weight: 600;
}

.breadcrumb-info {
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: 8px;
}

.normal-wrap {
    white-space: normal;
}

.dashboard-stat2.bright .display .number small {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.dashboard-stat2 .display .number {
    float: left;
    width: 80%;
}

/* date picker goes underneath dialog */
.modal.fade {
    z-index: 9997;
}

.modal-backdrop.fade {
    z-index: 9997;
    position: fixed; /* to disabled scrolling of the mask*/
}

.modal .modal-dialog {
    z-index: 9998;
}

.modal .modal-1100 {
   width: 1100px;
}

.modal .modal-1300 {
    width: 1300px;
}

/*data tables - this is to remove the ugly new DataTables v10 Bootstrap icons, and add the metronic theme icons*/
table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: none !important;;
}
table.dataTable thead .sorting_asc:after {
    content: none !important;;
}
table.dataTable thead .sorting_desc:after {
    content: none !important;
}

table.dataTable thead .sorting {
    background: url("/indlela/public/javascript/plugins/datatable-plugins/legacy/images/sort_both.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
table.dataTable thead .sorting_asc {
    background: url("/indlela/public/javascript/plugins/datatable-plugins/legacy/images/sort_asc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
table.dataTable thead .sorting_desc {
    background: url("/indlela/public/javascript/plugins/datatable-plugins/legacy/images/sort_desc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

.link {
    text-decoration: underline;
    cursor:pointer;
}

.link:hover {
   color: #000000;
}

/* Pace plugin (top page load indicator/progress bar) z-index to work with modals. */
.pace .pace-progress {
    z-index: 9997;
}

.cursor-hand {
    cursor:pointer;
}

.dataTableWrapper{
    overflow-x: auto;
}

.textUpperCase{
    text-transform: uppercase !important;
}