@import "../../../assets/css/abstracts/custom-variables.scss";

.head_forms form {
	margin-right: 20px;
}

.project-header h3 {
	margin: 7px;
	font-weight: normal;
	font-size: 18px;
}

.project-list {

    &.cards--list {
        .card {
            .card-header {
                // Allows ellipsis to be applied to card title in list mode
                max-width: calc(100% - 45px);
            }
        }
    }

    &.cards--grid {
        .card {
            .card-header {
                // Allows ellipsis to be applied to card title in card mode at small desktop and below
                // due to adopting card list styles
                @media only screen and (max-width : 991.98px)  {
                    max-width: calc(100% - 45px);
                }
            }
        }
    }
}

.app-menu-project {
	background-color: #f8f8f8;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.app-menu-project h3 {
	margin: 7px 0;
	font-size: 18px;
	font-weight: normal;
}

.app-menu-project-form {
	margin-top: 15px;
}

.badge-count {
	background-color: #999;
	font-size: 12px;
	color: #fff;
	border-radius: 20px;
	display: inline-block;
	overflow: hidden;
}

.badge-count:hover {
	color: #fff;
	background-color: #777;
	text-decoration: none;
}

.badge-text {
	padding: 3px 5px 3px 12px;
	display: inline-block;
}

.badge-span {
	background-color: #888;
	border-left: 1px solid #ddd;
	padding: 4px 12px 3px 8px;
	display: inline-block;
}

.badge-count:hover .badge-span {
	background-color: #666;
}

.hd-main-table {
	clear: both;
}
.hd-view-issue-list  {
	margin: 0;
	padding: 3px;
	display: block;
}
.hd-view-issue-list li {
	list-style-type: none;
	float: left;
	margin: 0 25px 0 0;
	height: 32px;
}

//Ticket notes
.ic-notes-wrapper {
	position: relative;
}

.ic-comment {
	margin-top: 5px;
	padding: 10px 10px 0 20px;
}
.ic-comment + .ic-comment {
	border-top: 1px solid $gray-200;
}
.ic-comment-actions {
	font-size: 11px;
    color: $gray-600;
	line-height: 18px;
}

.ic-comment-body {
	@media only screen and (min-width : 768px) {
		margin-right: 125px;
	}
}

.ic-add-note-wrapper {
    clear: both;

    .ic-add-note-body {
        border-color: $card-border-color;
    }
}

.ic-private-note {
    background-color: $blue-100;
    border-color: $blue-200;
    color: $blue-800;

    .ic-comment-actions {
        color: $gray-700;
    }

    .ic-add-note-body {
        border-color: $blue-200;
        color: $blue-800;
    }

    a {
        color: $blue-700;
    }
}

.sort-links {
	position: absolute;
	right: 16px;
	top: 10px;
    z-index: 1;
}

.infocapture .card-body {
    position: relative;
}

// Separates Infocapture labels visually from content
.infocapture .col-form-label, .ic-section .col-form-label {
    color: $gray-900;
    font-weight: 600;
}

.card .loader {
    background: url(/images/default/icons/loading.gif) no-repeat center #fff;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.summary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.summary ul li {
	float: left;
	margin-left: 15px;
	color: #fff;
}
.summary ul li span {
	font-weight: bold;
}
.summary span.statPanel-red {
	color: #f11941;
}

.summary span.statPanel-green {
	color: #5ba408;
}
.no-data {
	margin: 150px auto;
	width: 100px;
}

.view-form .infocapture-hidden,
.add-form .infocapture-hidden {
	visibility: hidden;
}
.edit-form .infocapture-hidden-parent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.ic-section {
	position: relative;
}

.ic-section-title {
	font-size: 1.143rem;
}

.breadcrumb-toolbar {
	margin: 3px;
}

//Field Validation
.invalid-field {
    input:not(.name),
    textarea,
    select,
    .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container .select2-selection--multiple,
    .select2-container .select2-selection--single,
    .cke_chrome,
    .pad,
    .btn.btn-group-field, .table-bordered,
    .btn.btn-role-field,
    .checkbox-inline,
    .radio-inline,
    .checkbox label,
    .radio label {
        border-color: #843534 !important;
        border: 1px solid;

        &:visited {
            border-color: #843534;
            border: 1px solid;
        }

        &:focus {
            border-color: #843534;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        }
    }

    .table-bordered {
        border-collapse: initial;
    }

    @media only screen and (min-width: 768px) {
        .checkbox label input,
        .radio label input{
            margin: 4px 4px 4px 4px !important;
        }

        .checkbox-inline,
        .radio-inline {
            padding-right: 4px;
            padding-left: 24px;
        }

        .checkbox label,
        .radio label{
            padding: 4px !important;
        }
    }

    @media only screen and (max-width: 768px) {
        .checkbox-inline input,
        .radio-inline input,
        .checkbox label input,
        .radio label input{
            margin-left: -17px !important;
        }

        .checkbox-inline,
        .radio-inline,
        .checkbox label,
        .radio label{
            padding-right: 4px !important;
        }
    }

    .select2-container + .input-group-btn > .btn {
        border-color: #843534;
        line-height: 1.629;
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }
}

/* report list */
.report-list-toggle {
	float: left;
}

.report-list-project  {
	display: block;
	margin-left: 44px;
	padding: 8px 15px 8px 0;
}

.report-list .table {
	margin: 0;
}

.ic-toolbar-pagination {
	margin-bottom: 10px;
}

.ic-private-file td {
    background-color: #d9edf7 !important;
    color: $blue-800;
}

.bbcode-upload-container {
	position: relative;
}

.bbcode-file-uploader {
	opacity:0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.ic-bbcode-inline-img {
	max-width: 200px;
	max-height: 150px;
}

.ic-section-description {
	padding: 10px;
	background-color: #eee;
}

.ic-file-thumbnail {
    border-radius: var(--theme-rounded-corners);
    object-fit: contain;
    width: 75px;
    min-height: 30px;
    max-height: 75px;
}

/* Fix for img-responsive in table cells */
.img-responsive-cell {
	display: table-cell
}

.custom-field.form-inline:not([class*="col"]) , #issue_form .form-inline:not([class*="col"]) {
    // in order to display tooltip in correct place
    @media only screen and (min-width: 768px) {
        width: fit-content;
        width: -moz-fit-content;
    }

    //ie11 fallback for tooltip display
    @media only screen and (min-width: 768px) and (-ms-high-contrast: none) {
        display: inline-block;
        width: auto;
    }
}

#issue_form .custom-field.form-inline , #issue_form .form-inline {
    .custom-user-picker-wrapper {
        .input-group {
            max-width: 500px;
            display: flex;
        }

        .select2-container {
            overflow: auto;

            @media only screen and (min-width : 768px)  {
                min-width: 150px;
            }

            @media only screen and (max-width: 768px) {
                width: calc(100% - 74px) !important;
                min-width: 100px;
            }
        }
    }
}

.custom-field .custom-user-picker-wrapper, .ic-form-input .custom-user-picker-wrapper  {
    .picker-input-group {
        min-width: 250px;
    }
}

.custom-field.form-inline  {
    input,
    button,
    select,
    textarea {
        resize: vertical;
        max-width: 100%;
    }

    .select2 {
        min-width: 220px;
    }
}

@media only screen and (min-width: 767px) {
    .ic-custom-md-label {
        width: 160px;
    }
}

@media only screen and (min-width: 992px) {
    .ic-custom-lg-label {
        width: 160px;
    }
}

    /* Desktops and laptops */
@media only screen and (min-width: 980px) {
	.ic-report-padding {
		padding-left: 40px;
	}

	.ic-report-category-header-icon {
		text-decoration: none;
	}

	.has-description {
		float: left;
		width: 100%;

		.panel {
			width: 79%;
			float: left;
		}
	}

	.ic-section-description {
		width: 20%;
		margin: 0 0 10px;
		float: right;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only print {
	.ic-project-header {
		font-size: 32px;
		font-weight: 300;
		line-height: 2em;
		margin: 0 0 .5em;
		border-bottom: 1px solid #ccc;
	}
}

.ic-section {
	code, blockquote {
		white-space: pre-wrap;

		br {
			display: none;
		}
	}
}

/* added margin to vertically align form-checks*/
.ic-form-check {
    margin-top: 0.5rem;

    @media only screen and (max-width: 767px) {
        margin-top: 0;
    }
}

.form-inline .ic-form-check-input-no-label {
    margin-top: 0.2857rem;
}

/* Corrected issue with check boxes not showing inline */

.form-inline div.checkbox {
	display: block;
}

/* Prevent fields overflowing on tablets and below  */
.form-group .ic-form-input > input, .form-group .custom-field > input {
    @media only screen and (max-width: 992px) {
        width: 100%;
    }
}

// checkbox display on tablet and below
.separate-cells + .ic-form-input + .separate-cells {
    @media only screen and (max-width: 767px) {
        margin-top: 10px;
    }
}

/* Signature pad field styling */
.sigPad .sig {
    position: relative;
    display: block;

    .typed.name {
        max-width: 240px;
        width: 100%;
        height: 100%;
    }

    .pad {
        max-width: 240px;
        width: 100%;
    }
}
