/* Action buttons alignment override for this table only */
#product_in_project_main_table td.actions,
#product_in_project_main_table td.actions a,
#product_in_project_main_table td.actions button {
  vertical-align: middle;
  white-space: nowrap;
}

/* unified button sizing + spacing */
#product_in_project_main_table td.actions .btn,
#product_in_project_main_table td.actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 4px !important;              /* override negative inline margins */
  padding: 6px 8px !important;
  min-width: 34px !important;
  height: 34px !important;
  line-height: 1 !important;
  border-radius: 6px !important;
  box-sizing: border-box;
}

/* specific small variants if used */
#product_in_project_main_table td.actions .btn-success-small,
#product_in_project_main_table td.actions .btn-danger-small,
#product_in_project_main_table td.actions .btn-secondary {
  padding: 6px 8px !important;
  min-width: 34px !important;
  height: 34px !important;
  color: #fff;
}

/* icon centering and color */
#product_in_project_main_table td.actions i {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block;
  vertical-align: middle;
  color: #fff !important; /* ensures white icons */
  font-size: 14px;
}

/* disabled/readonly look */
#product_in_project_main_table td.actions [style*="opacity"] {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}

/* ensure the actions cell doesn't wrap */
#product_in_project_main_table td.actions { padding: 6px 8px !important; }


#product_in_project_main_table thead th {
  background-color: #f4f5f7;
  font-weight: 600;
  border-bottom: 2px solid #b5b5b5;
  border-right: 1px solid #c2c2c2;
  box-shadow: inset 0 -2px 0 #d1d1d1;
  text-transform: uppercase;
  padding: 10px;
}

#product_in_project_buttons .btn.pressed {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

#product_in_project_main_table thead th:last-child {
  border-right: none;
}


.subcontractor_table tbody tr:hover,
.supplier_table tbody tr:hover,
.productregister_table tbody tr:hover,
.purchaseproduct_table tbody tr:hover,
.project_table tbody tr:hover,
.quotation_table tbody tr:hover {
  background-color: #E9ECEF !important;
}

select option[value=""] {
  color: #999; /* Light gray for a dim effect */
  font-style: italic;
}

.total-costs-field {
    background-color: #e9ecef; /* Light grey background */
    border-radius: .25rem; /* Slightly rounded corners */
    border: 1px solid #ced4da; /* A subtle border */
}
.total-costs-field .col-form-label,
.total-costs-field .form-control-plaintext {
    color: #343a40; /* Darker text for emphasis */
}

.border-success {
  border: 2px solid green !important;
}

.success-tick {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 1.2em;
  color: #28a745; /* Bootstrap success color */
  /* Modern tick styling */
  line-height: 1;
}

.character-counter {
    font-size: 12px;
    color: gray;
    text-align: right;
}

.sticky-note-date {
    font-size: 12px;
    color: gray;
    text-align: right;
}

/* Different color for view-only sticky notes */
.sticky-note-view-only {
    background-color: #d3d3d3; /* Light gray for view-only notes */
    border: 1px solid #a9a9a9;
    color: #696969; /* Lighter gray for text */
    cursor: default;
}

/* Ensure inputs and textareas are consistent and non-editable */
.sticky-note-view-only input,
.sticky-note-view-only textarea {
    background-color: transparent;
    border: none;
    color: #808080; /* Lighter gray for text */
    pointer-events: none; /* Prevent interaction */
    user-select: none; /* Prevent text selection */
}


/* Sticky Notes Create Form Start */
.sticky-note-form-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: hidden; /* Initially hidden */
    opacity: 0; /* Fully transparent initially */
    transition: opacity 0.4s ease, visibility 0s ease 0.4s; /* Delay visibility change */
}

.sticky-note-form-popup.active {
    visibility: visible; /* Make visible */
    opacity: 1; /* Fully opaque */
    transition: opacity 0.4s ease; /* Transition only opacity */
}

/* Popup Transition */
.sticky-note-form-container {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    width: 400px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(-50px);
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}

.sticky-note-form-popup.active .sticky-note-form-container {
    opacity: 1;
    transform: translateY(0);
}

/* Title Styling */
.popup-title {
    font-size: 1.5em;
    margin-bottom: 20px;
    text-align: center;
}

/* Form Fields */
.form-field {
    margin-bottom: 15px;
}

.form-label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.form-input, .form-textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1em;
}

.form-textarea {
    min-height: 120px;
    resize: vertical;
}

/* Buttons */
.form-actions {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.form-btn-cancel, .form-btn-save, .form-btn-publish {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.form-btn-cancel {
    background-color: #ddd;
}

.form-btn-cancel:hover {
    background-color: #ccc;
}

.form-btn-save {
    background-color: #4CAF50;
    color: white;
}

.form-btn-save:hover {
    background-color: #45a049;
}

.form-btn-publish {
    background-color: #2196F3;
    color: white;
}

.form-btn-publish:hover {
    background-color: #1976D2;
}
/* Sticky Notes Create Form End */

/* Sticky Note CSS Start */
#sticky-notes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
    padding: 10px;
}

.sticky-note {
    width: 350px;
    height: 220px;
    background: linear-gradient(145deg, #fdfd96, #f6c90e);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1), 0 4px 15px rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 15px;
    position: relative;
    overflow: hidden; /* Prevents scrolling and hides the scrollbar */
    transition: transform 0.3s ease, box-shadow 0.3s ease, height 0.3s ease;
    cursor: default;
    border: 2px solid rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
}

.sticky-note.sticky-note-expand {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), 0 8px 25px rgba(255, 255, 255, 0.4);
    height: 600px; /* Expand height to fit content on hover */
}

.sticky-note-header {
    width: 100%;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    border: none;
    background: transparent;
    color: black;
    outline: none;
    cursor: text;
}

.sticky-note-content {
    width: 100%;
    font-size: 1em;
    border: none;
    background: transparent;
    color: black;
    resize: none;
    outline: none;
    line-height: 1.4;
    flex-grow: 1;  /* Allows the content to fill available space */
    overflow-y: scroll; /* Enable scrolling */
    cursor: text;

    /* Hide the scrollbar */
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.sticky-note-content::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}


.sticky-note:hover .sticky-note-content {
    max-height: none; /* Remove max-height on hover to show full content */
}

.sticky-note .actions {
    position: absolute;
    top: 10px;
    right: 15px;
    display: flex;
    gap: 10px;
    z-index: 1;
}

.sticky-note .delete-action-button {
    font-size: 1.1em;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
    border: none;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

.sticky-note .delete-action-button:hover {
    background-color: rgba(0, 0, 0, 0.6);
    transform: scale(1.1);
}
/* Sticky Note CSS End */

/* Add Sticky Note Icon CSS Start */
.add-sticky-note {
    width: 220px;
    height: 220px;
    border: 2px dotted #bbb;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

.add-sticky-note:hover {
    background: #f0f0f0;
    transform: scale(1.05);
}

.add-sticky-note span {
    font-size: 8em;
    font-weight: bold;
    color: #bbb;
    user-select: none;
}
/* Add Sticky Note Icon CSS End */

/* Styling for the Status Buttons */
.status-button {
    background-color: transparent;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: transform 0.3s ease, color 0.3s ease;
}

/* Published Icon (Green Check) */
.status-button.published i {
    color: #28a745; /* Green for Published */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Saved Icon (Blue Save) */
.status-button.saved i {
    color: #007bff; /* Blue for Saved */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover Effect for Buttons */
.status-button:hover {
    transform: scale(1.2); /* Slight grow effect on hover */
}

/* Hover Effect for Published (Green) */
.status-button.published:hover i {
    color: #218838; /* Darker green on hover */
    transform: rotate(10deg); /* Slight rotation for modern look */
}

/* Hover Effect for Saved (Blue) */
.status-button.saved:hover i {
    color: #0056b3; /* Darker blue on hover */
    transform: rotate(10deg); /* Slight rotation for modern look */
}

color: #4CAF50; /* Green for Published */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Modern Saved Icon (Light Blue Save) */
.status-button.saved i {
    color: #1E88E5; /* Blue for Saved */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover Effect for Buttons */
.status-button:hover {
    transform: scale(1.2); /* Slight grow effect on hover */
}

/* Hover Effect for Published (Green) */
.status-button.published:hover i {
    color: #388E3C; /* Darker green on hover */
    transform: rotate(10deg); /* Slight rotation for modern look */
}

/* Hover Effect for Saved (Blue) */
.status-button.saved:hover i {
    color: #1565C0; /* Darker blue on hover */
    transform: rotate(10deg); /* Slight rotation for modern look */
}

.category-border-top {
    border-top: 3px solid #99bbff;
}

#loading_buffer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 9999;
}

#loading_buffer.active {
    opacity: 1;
    pointer-events: all;
}

#loading_buffer .spinner {
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top: 5px solid #1e90ff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 0.9s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#loading_buffer .loading-text {
    font-size: 1.1rem;
    color: #ffffff;
    margin-top: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    max-width: 80%;
    line-height: 1.5;
    padding: 8px 16px;
    background: rgba(30, 144, 255, 0.8); /* Light blue background with slight transparency */
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Subtle shadow for a modern effect */
    animation: fadeIn 1.2s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.login-form {
    width: 100%;
    max-width: 400px;
}

.card-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 6px 20px rgba(0, 0, 0, 0.4);
}

.invalid-date-field {
    border: 1px solid red; /* Example: Red border for invalid input */
}

.calendar-icon {
        cursor: pointer; /* Set cursor to pointer when hovering over the calendar icon span */
    }

.clicked-for-upload {
    background-image: linear-gradient(to bottom right, rgba(173, 216, 230, 0.3), rgba(135, 206, 235, 0.5));
    border: 1px solid rgba(135, 206, 235, 0.5);
}

.custom-alert {
    position: fixed;
    top: 20px; /* Position at the top of the page with a small margin */
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    color: black;
    padding: 20px 25px;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 9999;
    font-weight: bold;
    width: 80%; /* Set a width for the alert box */
    max-width: 400px; /* Limit the maximum width */
    text-align: center; /* Center align the text */
}

.alert-buttons {
    /* Optional: Add margin to separate buttons from message */
    margin-top: 10px;
}

.ok-button, .cancel-button {
    padding: 5px 15px;
    margin: 0 10px;
    border: none;
    background-color: #007bff; /* Blue color similar to default alert */
    color: white;
    cursor: pointer;
    border-radius: 5px;
    outline: none;
}

.ok-button:hover, .cancel-button:hover {
    background-color: #0056b3; /* Darker blue color on hover */
}

.custom-alert .close-alert {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
}

.custom-alert.show {
    display: block;
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -70%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}


.blue {
    color: #099CBE;
}

.duplicate-highlight {
    border: 2px solid #ff6b6b; /* Light red border */
    background-color: #fff0f0; /* Light red background */
    animation: highlight 0.5s ease-in-out infinite alternate; /* Flashing animation */
}

.success-highlight {
    border: 2px solid #3bb143; /* Light green border */
    background-color: #e6f4ea; /* Light green background */
    animation: green-highlight 0.5s ease-in-out infinite alternate; /* Flashing animation */
}

@keyframes highlight {
    0% {
        border-color: #ff6b6b;
        background-color: #fff0f0;
    }
    100% {
        border-color: #ff4d4d;
        background-color: #ffe6e6;
    }
}

@keyframes green-highlight {
    0% {
        border-color: #3bb143; /* Light green border */
        background-color: #e6f4ea; /* Light green background */
    }
    100% {
        border-color: #2ecc71; /* Green border for contrast */
        background-color: #d4efdf; /* Light green background for contrast */
    }
}


.modal-trigger {
    cursor: pointer;
}

.text-based-div-width {
  display: table;
   max-width:50%;
   min-width:150px;
   -webkit-border-radius: 2px;
}

.black_overlay {
    opacity:0.7;
    filter: alpha(opacity=20);
    background-color:#000;
    width:100%;
    height:100%;
    z-index:10;
    top:0;
    left:0;
    position:fixed;
}

.product_in_invoice_sales_price {
    border-color: black;
    border-width: 1px;
}

.total_calculated_sales_price {
    border-color: black;
    border-width: 1px;
}

.red-input {
    background-color: #F08080;
}

.red-color-td {
   background-color: #F08080;
}

.red-input:focus {
    background-color: #F08080; /* Set the background color during focus to be the same */
}

.dotted-span {
    display:inline-block;
    width:70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.dotted-span-project-document {
    display:inline-block;
    width:99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overview_form_block .form-attachment-control {
        border-radius: 0;
        box-shadow: none;
        font-size: 1rem;
}

.form-attachment-control {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 0;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 1.1rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-attachment-control:hover{
    background-color: #ced4da;
}

.div-center {
  margin: auto;
}

.red-square {
  height: 15px;
  width: 15px;
  margin-bottom: 5px;
  background-color: #cc0000;
  z-index: 1000;
}

.project-data-pencil + .red-square {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; /* Adjust the margin as desired */
}

.orange-square {
  height: 15px;
  width: 15px;
  background-color: #E18001;
  z-index: 1000;
}

.project-data-pencil + .orange-square {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; /* Adjust the margin as desired */
}

.dropdown-submenu{
    position: relative;
}

.employee-dropdown-menu .dropdown-submenu {
    display: none !important;
    margin-left: -40px;
}

.dropdown-submenu a::after{
    transform: rotate(-90deg);
    position: absolute;
    right: 3px;
    top: 40%;
}

.daily-planner-anchor:hover + .employee-dropdown-menu  .dropdown-submenu, .dropdown-submenu:focus{
    display: block !important;
    flex-direction: column;
    position: absolute !important;
    z-index: 2;
    margin-top: -1.5px;
}

.daily-planner-anchor:hover + .employee-dropdown-menu,.employee-dropdown-menu:hover  .dropdown-submenu, .dropdown-submenu:focus{
    display: block !important;
    flex-direction: column;
    position: absolute !important;
    z-index: 2;
    margin-top: -1.5px;
}

/*On off button switch start*/
.card-switch {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 34px;
}

.card-switch input {display:none;}

.card-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dc3545;
  -webkit-transition: .4s;
  transition: .4s;
}

.card-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .card-slider {
  background-color: #2ab934;
}

input:focus + .card-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .card-slider:before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

/*------ ADDED CSS ---------*/
.card-slider-on
{
  display: none;
}

.card-slider-on, .card-slider-off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .card-slider .card-slider-on
{display: block;}

input:checked + .card-slider .card-slider-off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.card-slider.round {
  border-radius: 34px;
}

.card-slider.round:before {
  border-radius: 50%;}
/*On off button switch end*/

.form-control:disabled, .form-control[readonly] {
    background-color: #cbcccc;
    opacity: 1;
}

select[readonly] {
    pointer-events: none;
    background-color: #f0f0f0; /* Optional: makes the field visually readonly */
}

input[readonly] {
  pointer-events: none; /* Prevent interactions */
  opacity: 0.2; /* Optional: dim the checkbox */
}

.indicate-selected {
  opacity: 0.3;
}

.disable_dropdown_field {
  pointer-events: none;
  background-color: #cbcccc;
}

.uneditable_field {
  pointer-events: none;
  background-color: #f2f2f2;
  box-shadow: none;
}

.installer_employee {
  margin-bottom: 1px;
  display: inline-block;
}

.project_name_checkbox {
  margin-bottom: 2px;
  margin-top: -5px;
  display: inline-block;
}

button[type=button]:disabled
{
    opacity:0.1;
}

input[type=button]:disabled
{
    opacity:0.1;
}

.undo_select_checkbox {
  background-color: #099CBE;
  border-color:#099CBE;
  border:none;
  border-radius:6px;
  cursor:pointer;
  font-weight:600;
  transition: 0.5s;
  outline: 0 !important;
  height: 25px;
  width: 25px;
}

.undo_select_checkbox:hover {
  background-color: #099CBE;
  border:#099CBE;
  opacity: 0.6;
  color: #fff;
  border-radius: 2px;
  box-shadow: none;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #e7e7e7;
	z-index:1001;
	-moz-opacity: 0.2;
	opacity:0.3;
	filter: alpha(opacity=80);
}

.loading {
	display: none;
	position: fixed;
	top: 40%;
	left: 40%;
  right: 40%;
	padding: 25px;
    width: 300px;
	z-index:1002;
	overflow: auto;
    background-image: url("/static/gif/ajax_loader.57ca1a2085d8.gif");
    background-repeat: no-repeat
}

.installer-pencil:hover {
  color: #e7387a;
}

.fieldreport-approval-installer-name:hover{
  color: #93C2E4;
}

.fieldreport-approval-project-name:hover{
  color: #93C2E4;
}
.anchor-link {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

.btn-primary {
  background-color: #099CBE;
  border:#099CBE;
  font-weight: 600;
  opacity: 1;
  border-radius: 6px;
  transition: 0.5s;
  box-shadow: none;
}

.btn-primary:hover {
  background-color: #099CBE;
  border:#099CBE;
  opacity: 0.6;
  border-radius: 2px;
  box-shadow: none;
}

.btn-success {
  background-color: #28A745;
  border:#28A745;
  font-weight: 600;
  opacity: 1;
  border-radius: 6px;
  float:left;
  margin-left:15px;
  margin-right:15px;
  display: inline-block;
  transition: 0.5s;
  box-shadow: none;
}

.btn-success:hover {
  background-color: #28A745;
  border:#28A745;
  opacity: 0.6;
  border-radius: 2px;
  box-shadow: none;
}

.btn-success-small {
  background-color: #28A745;
  border:#28A745;
  font-weight: 600;
  opacity: 1;
  border-radius: 6px;
  display: inline-block;
  transition: 0.5s;
  box-shadow: none;
}

.btn-success-small:hover {
  background-color: #28A745;
  border:#28A745;
  opacity: 0.6;
  border-radius: 2px;
  box-shadow: none;
}

.btn-default {
  background-color: #099CBE;
  border:#099CBE;
  font-weight: 600;
  opacity: 1;
  color: #fff;
  border-radius: 6px;
  box-shadow: none;
  transition: 0.5s;
}

.btn-default:hover {
  background-color: #099CBE;
  border:#099CBE;
  opacity: 0.6;
  color: #fff;
  border-radius: 2px;
  box-shadow: none;
}

.btn-danger {
  opacity: 1;
  border-radius: 6px;
  box-shadow: none;
  transition: 0.5s;
}

.btn-danger:hover {
  opacity: 0.6;
  border-radius: 2px;
  box-shadow: none;
}

.btn-danger-small {
  opacity: 1;
  background-color: #dc3545;
  border-color: #dc3545;
  border-radius: 6px;
  box-shadow: none;
  transition: 0.5s;
  height: 28px;
}

.btn-danger-small:hover {
  opacity: 0.6;
  background-color: #dc3545;
  border-color: #dc3545;
  border-radius: 2px;
  box-shadow: none;
  height: 28px;
}

.dropdown-menu a:hover {background-color: #ddd;}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.expand {
    height: 1em;
    width: 50%;
    padding: 3px;
}

ul {
    list-style-type: none;
}

.form-control:disabled {
  background-color: #cbcccc;
  cursor: default;
}

.disabled-link-item {
  color: #656565;
}

.input_container img {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px
}

.resource_planning_input_container img {
  position: absolute;
  top: 7px;
  bottom: 5px;
  right: 5px
}

input::placeholder {
  opacity: 0.1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

span#typePrompt { display: none; }
input#id_total_work_hours:hover + span#typePrompt { display: inline-block; }
input#id_total_work_hours:focus + span#typePrompt { display: inline-block; }

.pagination li a {
    text-align: right;
    padding: 5px 10px;
    border: 1px solid #ddd;
    font-weight: 600;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

#related_project_id {
    display: none;
}

#related_subproject_id {
    display: none;
}

#responsible_approver_id {
    display: none;
}

#filtersubmit {
    position: relative;
    z-index: 1;
    left: -25px;
    top: 1px;
    color: #7B7B7B;
    cursor:pointer;
}

input[type="checkbox"] {
    display: inline-block;
    width: 15px;
}

.sticky {
  padding-top: 20px;
  margin-top: -28px;
  background-color: #e7387a;
  position: fixed;
  z-index: 1;
  width: 100%;
}

.employment_field {
    color: #8b8b8b;
    border: 1px solid #000;
    border-color: #e5e5e5; /* #099CBE; */
    text-align: left;
    padding: 5px;
    background-color:#e9ecef;
}

.contact_field {
    color: #8b8b8b;
    border: 1px solid #000;
    border-color: #e5e5e5; /* #099CBE; */
    text-align: left;
    padding: 5px;
    background-color:#e9ecef;
}

.account_field {
    color: #8b8b8b;
    border: 1px solid #000;
    border-color: #e5e5e5; /* #099CBE; */
    text-align: left;
    padding: 5px;
    background-color:#e9ecef;
}

.project_field {
    color: #8b8b8b;
    border: 1px solid #000;
    border-color: #e5e5e5; /* #099CBE; */
    text-align: left;
    padding: 5px;
    background-color:#e9ecef;
}

.subproject_field {
    color: #8b8b8b;
    border: 1px solid #000;
    border-color: #e5e5e5; /* #099CBE; */
    text-align: left;
    padding: 5px;
    background-color:#e9ecef;
}

.collapse-plus-minus:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.collapse-plus-minus-left:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: left;
    margin-left: 5px;
}

.activeminus {
  float: right;
}

.activeplus {
  float: right;
}

.activeminus:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
    float: right;
}

.collapse-minus-plus:after {
    content: '\2796'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.activeplus:after {
    content: "\02795"; /* Unicode character for "minus" sign (-) */
}

.contactadd:after {
    content: "CREATE"; /* Unicode character for "minus" sign (-) */
    float: right;
    color: #777;
}

.card {
  border: 1px solid #ccc; }

.buttons_row {
  margin-top: 10px;
  margin-bottom: 10px; }
  .buttons_row button {
    border-radius: 2;
    font-size: 1rem;
    font-weight: 600; }
    .buttons_row button.save {
      background: #099CBE;
      color: #fff; }

      .save_anchor_button {
        border-radius: 0;
        font-size: 1rem;
        font-weight: 600;
      background: #099CBE;
    color: #fff;
  }

  .buttons_row .clear {
    border: 1px solid #099CBE;
    border: 1px solid #099CBE;
    border-radius: 0;
    color: #fff;
    font-size: 1rem; }
  .buttons_row.form_btn_row {
    display: block; }

.table-responsive {
  padding: 10px; }

select.form-control {
  height: 100px; }

.mar-top {
  margin-top: 15px; }

body {
  font-family: 'Muli', sans-serif;
  padding: 0;
  font-weight: 500;
  margin: 0;
  padding-top: 60px;
  font-size: 15px; }
  @media (min-width: 1500px) {
    body {
      font-size: 17px; } }

* {
  font-size: 15px; }
  @media (min-width: 1500px) {
    * {
      font-size: 17px; } }

.marl {
  margin-left: 0;
  margin-right: 0; }

.login_block {
  margin-top: 0px; }
  .login_block .welcome {
    font-size: 1.6rem;
    font-weight: 600;
    color: #333; }
    .login_block .welcome span {
      color: #00e5ff; }
      .login_block .welcome span.create_head {
        color: #7eea51; }

a:hover {
  text-decoration: none; }

.login_form_block {
  margin-top: 30px;
  padding: 50px 15px; }
  .login_form_block .welcome {
    margin-bottom: 20px;
    text-align: center; }
  .login_form_block .forgot {
    font-size: 13px;
    display: block;
    color: #595f75; }
    .login_form_block .forgot a {
      display: inline-block;
      color: #099CBE;
      margin-bottom: 10px;
      font-size: 13px; }
  .login_form_block .form-group {
    margin-bottom: 15px; }
  .login_form_block .errorlist li {
    color: red; }
  .login_form_block label {
    font-size: 14px;
    color: #595f75;
    font-weight: 500; }
  .login_form_block .form-control, .login_form_block input {
    color: #5a6e79;
    min-height: 40px;
    font-size: 13px;
    letter-spacing: 0.5px;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 3px; }
  .login_form_block .btn {
    border-radius: 3px;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background-color: #e7387a;
    width: 100%;
    outline: none;
    padding: 10px 20px; }
    .login_form_block .btn:hover {
      background-color: #cbcccc; }
  .login_form_block .checkbox {
    text-align: center; }
    .login_form_block .checkbox input[type=checkbox] {
      vertical-align: middle;
      margin: 0;
      margin-top: 1px;
      margin-left: -19px; }

/* inner_pages starts here */
.main_body_bg_color {
  background: #fff; }

header .navbar {
  background: #fff;
  border: none;
  border: 1px solid #ddd;
  padding: 0 15px; }
  header .navbar .navbar-brand {
    color: #44535c;
    font-weight: 600;
    margin-right: 50px; }
    header .navbar .navbar-brand:hover {
      color: #dc3545; }
  header .navbar .navbar-nav {
    /* li{
       a{
         &:hover{
           color:lighten($text_color,15%);
         }
       }
     }*/ }
    header .navbar .navbar-nav .nav-item a {
      color: #657b88 !important;
      font-weight: 500;
      font-size: 1 rem;
      padding: 10px 15px;
      display: inline-block;
      padding-top: 16px; }
      @media (min-width: 240px) and (max-width: 767px) {
        header .navbar .navbar-nav .nav-item a {
          padding: 5px 10px; } }
      @media (min-width: 1500px) {
        header .navbar .navbar-nav .nav-item a {
          font-size: 1rem; } }
      header .navbar .navbar-nav .nav-item a:hover {
        color: #4f616a !important;
        border-bottom: 3px solid #099CBE; }
      header .navbar .navbar-nav .nav-item a.active {
        color: #4f616a !important;
        border-bottom: 3px solid #099CBE; }
    header .navbar .navbar-nav .open a {
      background: #fff !important; }
    header .navbar .navbar-nav li .dropdown-toggle img {
      width: 25px;
      height: 25px; }
    header .navbar .navbar-nav li .dropdown-menu {
      padding: 0; }
      header .navbar .navbar-nav li .dropdown-menu a {
        font-size: 0.9rem;
        padding: 8px 10px;
        color: #4f616a;
        border: none !important; }
        header .navbar .navbar-nav li .dropdown-menu a svg {
          display: inline-block;
          margin-right: 5px;
          font-size: 0.75rem; }
        @media (min-width: 1500px) {
          header .navbar .navbar-nav li .dropdown-menu a {
            font-size: 0.95rem; } }
        header .navbar .navbar-nav li .dropdown-menu a:hover {
          border: none !important; }
    header .navbar .navbar-nav.navbar-right .dropdown .dropdown-toggle img {
      width: 25px;
      height: 25px; }
    header .navbar .navbar-nav.navbar-right .dropdown a {
      color: #fff; }
      header .navbar .navbar-nav.navbar-right .dropdown a.nav-link {
        padding: 11px 15px; }
      header .navbar .navbar-nav.navbar-right .dropdown a:hover {
        color: #4f616a !important;
        border-bottom: 3px solid #099CBE; }
  header .navbar .navbar-form .form-group .form-control {
    border-radius: 3px;
    border: none; }
  header .navbar .navbar-form .btn {
    border-radius: 3px;
    padding: 7px 12px;
    border: none;
    background: #41B871; }
    header .navbar .navbar-form .btn.btn-default {
      color: #fff; }

/* inner_pages ends here */
/* CSS used here will be applied after bootstrap.css */
.glyphicon-bell {
  font-size: 1.5rem; }

.notifications {
  min-width: 420px;
  font-size: 12px;
  padding: 0;
  border: none; }
  .notifications a.content {
    text-decoration: none;
    background: #ccc; }

.notifications-wrapper {
  overflow: auto;
  max-height: 250px; }

.menu-title {
  color: #ffffff;
  font-size: 12px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px; }

.glyphicon-circle-arrow-right {
  margin-left: 10px; }

.notification-heading {
  padding: 2px 10px;
  background: #657b88;
  border-top: 1px solid #718895; }

.notification-footer {
  padding: 2px 10px;
  background: #41B871; }

.dropdown-menu.divider {
  margin: 5px 0; }

.item-title {
  font-size: 12px;
  color: #39464d;
  margin: 0; }

.notification-item {
  padding: 10px;
  margin: 5px;
  background: #ccc;
  border-radius: 4px; }
  .notification-item p {
    margin: 0;
    color: #fff;
    margin-top: 6px; }

/* main_container stats here  */
.main_container {
  padding-top: 0;
  /* filter_row starts here */
  /* filter_row ends here */
  /* table_container_row starts here */ }
  .main_container .heading_create .heading {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #39464d; }
    .main_container .heading_create .heading h4 {
      font-size: 1.1rem;
      font-weight: 800; }
  .main_container .heading_create .create_new a {
    background: #e7387a;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: initial;
    display: inline-block;
    opacity: 1;
    padding: 5px 10px 3px 10px;
    transition: 0.5s;
    border-radius: 6px;
    /*svg{
      font-size: 0.8rem;
    }*/ }

    .main_container .heading_create .create_new a:hover {
      background: #e7387a;
      color: #fff;
      font-size: 1rem;
      font-weight: 600;
      text-transform: capitalize;
      letter-spacing: initial;
      display: inline-block;
      opacity: 0.6;
      padding: 5px 10px 3px 10px;
      border-radius: 2px;
    }
    @media (min-width: 1500px) {
      .main_container .heading_create .create_new a {
        font-size: 1rem; }
        .main_container .heading_create .create_new a svg {
          position: relative;
          top: -1px; } }
    .main_container .heading_create .create_new a svg {
      display: inline-block;
      margin-right: 5px; }
  .main_container .heading_create .search-row .form-group .input-group .left-dropdown .filters-button {
    font-size: 12px;
    background: #fff;
    border: none;
    box-shadow: none;
    margin-top: 1px; }
  .main_container .heading_create .search-row .form-group .input-group .left-dropdown .dropdown-menu li a {
    font-size: 12px; }
  .main_container .heading_create .search-row .form-group .input-group .left-dropdown .dropdown-menu li.checkbox {
    color: #000;
    padding-left: 10px;
    font-size: 12px;
    letter-spacing: 0.4px; }
    .main_container .heading_create .search-row .form-group .input-group .left-dropdown .dropdown-menu li.checkbox input[type=checkbox] {
      margin: 0;
      margin-left: -10px;
      margin-top: 1px;
      margin-right: 10px; }
  .main_container .heading_create .search-row .form-group .input-group .form-control {
    height: 29px;
    border: none;
    margin-top: 2px; }
  .main_container .heading_create .search-row .form-group .input-group .search {
    background: #41B871;
    color: #fff;
    border: none;
    padding: 5px 13px;
    margin-top: 2px; }
  .main_container .heading_create .search-row .extra_option_btn {
    font-size: 12px;
    background: #5b636e;
    border: none;
    color: #fff;
    padding-top: 7px;
    padding-bottom: 7px; }
    .main_container .heading_create .search-row .extra_option_btn.add-filter-button {
      background-color: #099CBE; }
  .main_container .heading_create .search-row .dropdown-menu {
    font-size: 12px; }
  .main_container .filter_row, .main_container .assigned_teams, .main_container .overview_form_block, .main_container .details_block, .main_container .attendees {
    margin-top: 10px; }
    .main_container .filter_row .card, .main_container .assigned_teams .card, .main_container .overview_form_block .card, .main_container .details_block .card, .main_container .attendees .card {
      border: 1px solid #ccc; }
      .main_container .filter_row .card .card-body, .main_container .assigned_teams .card .card-body, .main_container .overview_form_block .card .card-body, .main_container .details_block .card .card-body, .main_container .attendees .card .card-body {
        padding: 0px 0; }
        .main_container .filter_row .card .card-body .card-title, .main_container .assigned_teams .card .card-body .card-title, .main_container .overview_form_block .card .card-body .card-title, .main_container .details_block .card .card-body .card-title, .main_container .attendees .card .card-body .card-title {
          background: #cbcccc;
          padding: 6px 10px;
          font-weight: 600;
          cursor:pointer;
          font-size: 1rem; }
        .main_container .filter_row .card .card-body .form-group, .main_container .assigned_teams .card .card-body .form-group, .main_container .overview_form_block .card .card-body .form-group, .main_container .details_block .card .card-body .form-group, .main_container .attendees .card .card-body .form-group {
          margin-bottom: 10px; }
          .main_container .filter_row .card .card-body .form-group label, .main_container .assigned_teams .card .card-body .form-group label, .main_container .overview_form_block .card .card-body .form-group label, .main_container .details_block .card .card-body .form-group label, .main_container .attendees .card .card-body .form-group label {
            color: #5a6e79;
            font-size: 1rem;
            font-weight: 600;
            text-transform: none; }
          .main_container .filter_row .card .card-body .form-group .form-control, .main_container .assigned_teams .card .card-body .form-group .form-control, .main_container .overview_form_block .card .card-body .form-group .form-control, .main_container .details_block .card .card-body .form-group .form-control, .main_container .attendees .card .card-body .form-group .form-control {
            border-radius: 0;
            box-shadow: none;
            font-size: 0.85rem; }
    .main_container .filter_row .table_container_row, .main_container .assigned_teams .table_container_row, .main_container .overview_form_block .table_container_row, .main_container .details_block .table_container_row, .main_container .attendees .table_container_row {
      margin-top: 0; }

/* main_container ends here */
.table_container_row {
  margin-top: 10px;
  /* mail_menu starts here */
  /* mail_menu ends here */ }
  .table_container_row .card .card-title {
    padding: 5px 10px !important;
    background: #cbcccc;
    padding: 6px 10px;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600; }
    .table_container_row .card .card-title .dropdown {
      display: inline-block; }
      .table_container_row .card .card-title .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 0;
        border: none; }
    .table_container_row .card .card-title .mark_read {
      background: #CDCDCD;
      display: inline-block;
      padding: 6px 10px;
      margin-left: 6px;
      color: #5a6e79; }
      .table_container_row .card .card-title .mark_read:hover {
        background: #5a6e79;
        color: #fff;
        text-decoration: none; }
    .table_container_row .card .card-title .total_count {
      margin-top: 0px; }
  .table_container_row .card-body {
    padding: 0px 0px; }
    .table_container_row .card-body table thead tr th {
      color: #5b646d;
      font-weight: 600;
      /* text-transform: uppercase; */
      font-size: 0.9rem;
      border: none;
      padding: 2px; }
    .table_container_row .card-body table tbody tr td {
      vertical-align: middle;
      color: #454545;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 1px 1px;
      text-align: left; }
      @media (min-width: 1500px) {
        .table_container_row .card-body table tbody tr td {
          font-size: 1rem; } }
      .table_container_row .card-body table tbody tr td a {
        color: #0ab0d6; }
        .table_container_row .card-body table tbody tr td a:hover {
          color: #099CBE;
          text-decoration: underline; }
      .table_container_row .card-body table tbody tr td .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 0;
        border: none; }
      .table_container_row .card-body table tbody tr td.actions .btn {
        border-radius: 0.5;
        font-size: 1rem;
        padding: 3px 5px;
        color: #fff;
        outline: none;
        margin-right: 4px;
      }
      .table_container_row .card-body table tbody tr td.actions .btn:hover {
        border-radius: 0;
        font-size: 1rem;
        padding: 3px 5px;
        color: #fff;
        outline: none;
        margin-right: 4px;
      }
        .table_container_row .card-body table tbody tr td.actions .btn svg {
          display: inline-block;
          font-size: 0.85rem; }
  .table_container_row .mail_menu .panel {
    border-radius: 0;
    padding: 0;
    background: none;
    border: 0; }
    .table_container_row .mail_menu .panel .panel-content {
      padding: 0; }
      .table_container_row .mail_menu .panel .panel-content .mail_options {
        margin: 0;
        padding: 0; }
        .table_container_row .mail_menu .panel .panel-content .mail_options li {
          list-style: none; }
          .table_container_row .mail_menu .panel .panel-content .mail_options li a {
            display: block;
            padding: 10px;
            background: #5a6e79;
            margin: 1px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.6px; }
            .table_container_row .mail_menu .panel .panel-content .mail_options li a:hover {
              background: #41B871;
              color: #fff;
              text-decoration: none;
              border-left: 3px solid white; }
          .table_container_row .mail_menu .panel .panel-content .mail_options li.active a {
            background: #41B871;
            color: #fff;
            text-decoration: none;
            border-left: 3px solid white; }

/* table_container_row ends here */


/* main_container field report ends here */
.table_container_row_fr {
  margin-top: 10px;
  /* mail_menu starts here */
  /* mail_menu ends here */ }
  .table_container_row_fr .card .card-title {
    padding: 5px 10px !important;
    background: #cbcccc;
    padding: 6px 10px;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600; }
    .table_container_row_fr .card .card-title .dropdown {
      display: inline-block; }
      .table_container_row_fr .card .card-title .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 4;
        border: none; }
    .table_container_row_fr .card .card-title .mark_read {
      background: #CDCDCD;
      display: inline-block;
      padding: 6px 10px;
      margin-left: 6px;
      color: #5a6e79; }
      .table_container_row_fr .card .card-title .mark_read:hover {
        background: #5a6e79;
        color: #fff;
        text-decoration: none; }
    .table_container_row_fr .card .card-title .total_count {
      margin-top: 0px; }
  .table_container_row_fr .card-body {
    padding: 0px 0px; }
    .table_container_row_fr .card-body table thead tr th {
      color: #5b646d;
      font-weight: 600;
      /* text-transform: uppercase; */
      font-size: 0.9rem;
      border: none;
      padding: 0px 15px; }
    .table_container_row_fr .card-body table tbody tr td {
      vertical-align: middle;
      color: #454545;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 0px 15px;
      text-align: left; }
      @media (min-width: 1500px) {
        .table_container_row_fr .card-body table tbody tr td {
          font-size: 1rem; } }
      .table_container_row_fr .card-body table tbody tr td a {
        color: #0ab0d6; }
        .table_container_row_fr .card-body table tbody tr td a:hover {
          color: #099CBE;
          text-decoration: underline; }
      .table_container_row_fr .card-body table tbody tr td .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 5;
        border: none; }
      .table_container_row_fr .card-body table tbody tr td.actions .btn {
        border-radius: 2;
        font-size: 1rem;
        padding: 3px 5px;
        color: #fff;
        margin-right: 4px; }
        .table_container_row_fr .card-body table tbody tr td.actions .btn svg {
          display: inline-block;
          font-size: 0.85rem; }
  .table_container_row_fr .mail_menu .panel {
    border-radius: 2;
    padding: 0;
    background: none;
    border: 0; }
    .table_container_row_fr .mail_menu .panel .panel-content {
      padding: 0; }
      .table_container_row_fr .mail_menu .panel .panel-content .mail_options {
        margin: 0;
        padding: 0; }
        .table_container_row_fr .mail_menu .panel .panel-content .mail_options li {
          list-style: none; }
          .table_container_row_fr .mail_menu .panel .panel-content .mail_options li a {
            display: block;
            padding: 10px;
            background: #5a6e79;
            margin: 1px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.6px; }
            .table_container_row_fr .mail_menu .panel .panel-content .mail_options li a:hover {
              background: #41B871;
              color: #fff;
              text-decoration: none;
              border-left: 3px solid white; }
          .table_container_row_fr .mail_menu .panel .panel-content .mail_options li.active a {
            background: #41B871;
            color: #fff;
            text-decoration: none;
            border-left: 3px solid white; }

/* table_container_row_fr ends here */

/* main_container product register list view starts here */
.table_container_row_pr {
  margin-top: 10px;
  /* mail_menu starts here */
  /* mail_menu ends here */ }
  .table_container_row_pr .card .card-title {
    padding: 5px 10px !important;
    background: #cbcccc;
    padding: 6px 10px;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600; }
    .table_container_row_pr .card .card-title .dropdown {
      display: inline-block; }
      .table_container_row_pr .card .card-title .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 4;
        border: none; }
    .table_container_row_pr .card .card-title .mark_read {
      background: #CDCDCD;
      display: inline-block;
      padding: 6px 10px;
      margin-left: 6px;
      color: #5a6e79; }
      .table_container_row_pr .card .card-title .mark_read:hover {
        background: #5a6e79;
        color: #fff;
        text-decoration: none; }
    .table_container_row_pr .card .card-title .total_count {
      margin-top: 0px; }
  .table_container_row_pr .card-body {
    padding: 0px 0px; }
    .table_container_row_pr .card-body table thead tr th {
      color: #5b646d;
      font-weight: 600;
      /* text-transform: uppercase; */
      font-size: 0.9rem;
      border: none;
      padding: 0px 15px; }
    .table_container_row_pr .card-body table tbody tr td {
      vertical-align: middle;
      color: #454545;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 0px 15px;
      text-align: left; }
      @media (min-width: 1500px) {
        .table_container_row_pr .card-body table tbody tr td {
          font-size: 1rem; } }
      .table_container_row_pr .card-body table tbody tr td a {
        color: #0ab0d6; }
        .table_container_row_pr .card-body table tbody tr td a:hover {
          color: #099CBE;
          text-decoration: underline; }
      .table_container_row_pr .card-body table tbody tr td .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 5;
        border: none; }
      .table_container_row_pr .card-body table tbody tr td.actions .btn {
        border-radius: 2;
        font-size: 1rem;
        padding: 3px 5px;
        color: #fff;
        margin-right: 4px; }
        .table_container_row_pr .card-body table tbody tr td.actions .btn svg {
          display: inline-block;
          font-size: 0.85rem; }
  .table_container_row_pr .mail_menu .panel {
    border-radius: 2;
    padding: 0;
    background: none;
    border: 0; }
    .table_container_row_pr .mail_menu .panel .panel-content {
      padding: 0; }
      .table_container_row_pr .mail_menu .panel .panel-content .mail_options {
        margin: 0;
        padding: 0; }
        .table_container_row_pr .mail_menu .panel .panel-content .mail_options li {
          list-style: none; }
          .table_container_row_pr .mail_menu .panel .panel-content .mail_options li a {
            display: block;
            padding: 10px;
            background: #5a6e79;
            margin: 1px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.6px; }
            .table_container_row_pr .mail_menu .panel .panel-content .mail_options li a:hover {
              background: #41B871;
              color: #fff;
              text-decoration: none;
              border-left: 3px solid white; }
          .table_container_row_pr .mail_menu .panel .panel-content .mail_options li.active a {
            background: #41B871;
            color: #fff;
            text-decoration: none;
            border-left: 3px solid white; }

/* table_container_row_pr ends here */

/* main_container project starts here */
.table_container_row_pr {
  margin-top: 10px;
  /* mail_menu starts here */
  /* mail_menu ends here */ }
  .table_container_row_pr .card .card-title {
    padding: 5px 10px !important;
    background: #cbcccc;
    padding: 6px 10px;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600; }
    .table_container_row_pr .card .card-title .dropdown {
      display: inline-block; }
      .table_container_row_pr .card .card-title .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 4;
        border: none; }
    .table_container_row_pr .card .card-title .mark_read {
      background: #CDCDCD;
      display: inline-block;
      padding: 6px 10px;
      margin-left: 6px;
      color: #5a6e79; }
      .table_container_row_pr .card .card-title .mark_read:hover {
        background: #5a6e79;
        color: #fff;
        text-decoration: none; }
    .table_container_row_pr .card .card-title .total_count {
      margin-top: 0px; }
  .table_container_row_pr .card-body {
    padding: 0px 0px; }
    .table_container_row_pr .card-body table thead tr th {
      color: #5b646d;
      font-weight: 600;
      /* text-transform: uppercase; */
      font-size: 0.9rem;
      border: none;
      padding: 0px 15px; }
    .table_container_row_pr .card-body table tbody tr td {
      vertical-align: middle;
      color: #454545;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 0px 15px;
      text-align: left; }
      @media (min-width: 1500px) {
        .table_container_row_pr .card-body table tbody tr td {
          font-size: 1rem; } }
      .table_container_row_pr .card-body table tbody tr td a {
        color: #0ab0d6; }
        .table_container_row_pr .card-body table tbody tr td a:hover {
          color: #099CBE;
          text-decoration: underline; }
      .table_container_row_pr .card-body table tbody tr td .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 5;
        border: none; }
      .table_container_row_pr .card-body table tbody tr td.actions .btn {
        border-radius: 2;
        font-size: 1rem;
        padding: 3px 5px;
        color: #fff;
        margin-right: 4px; }
        .table_container_row_pr .card-body table tbody tr td.actions .btn svg {
          display: inline-block;
          font-size: 0.85rem; }
  .table_container_row_pr .mail_menu .panel {
    border-radius: 2;
    padding: 0;
    background: none;
    border: 0; }
    .table_container_row_pr .mail_menu .panel .panel-content {
      padding: 0; }
      .table_container_row_pr .mail_menu .panel .panel-content .mail_options {
        margin: 0;
        padding: 0; }
        .table_container_row_pr .mail_menu .panel .panel-content .mail_options li {
          list-style: none; }
          .table_container_row_pr .mail_menu .panel .panel-content .mail_options li a {
            display: block;
            padding: 10px;
            background: #5a6e79;
            margin: 1px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.6px; }
            .table_container_row_pr .mail_menu .panel .panel-content .mail_options li a:hover {
              background: #41B871;
              color: #fff;
              text-decoration: none;
              border-left: 3px solid white; }
          .table_container_row_pr .mail_menu .panel .panel-content .mail_options li.active a {
            background: #41B871;
            color: #fff;
            text-decoration: none;
            border-left: 3px solid white; }

/* table_container_row_pr ends here */


/* main_container field report ends here */
.table_container_row_fr_appr {
  margin-top: 10px;
  /* mail_menu starts here */
  /* mail_menu ends here */ }
  .table_container_row_fr_appr .card .card-title {
    padding: 5px 10px !important;
    background: #cbcccc;
    padding: 6px 10px;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600; }
    .table_container_row_fr_appr .card .card-title .dropdown {
      display: inline-block; }
      .table_container_row_fr_appr .card .card-title .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 4;
        border: none; }
    .table_container_row_fr_appr .card .card-title .mark_read {
      background: #CDCDCD;
      display: inline-block;
      padding: 6px 10px;
      margin-left: 6px;
      color: #5a6e79; }
      .table_container_row_fr_appr .card .card-title .mark_read:hover {
        background: #5a6e79;
        color: #fff;
        text-decoration: none; }
    .table_container_row_fr_appr .card .card-title .total_count {
      margin-top: 0px; }
  .table_container_row_fr_appr .card-body {
    padding: 0px 0px; }
    .table_container_row_fr_appr .card-body table thead tr th {
      color: #5b646d;
      font-weight: 600;
      /* text-transform: uppercase; */
      font-size: 0.9rem;
      border: none;
      padding: 0px 15px; }
    .table_container_row_fr_appr .card-body table tbody tr td {
      vertical-align: middle;
      color: #454545;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 0px 15px;
      text-align: left; }
      @media (min-width: 1500px) {
        .table_container_row_fr_appr .card-body table tbody tr td {
          font-size: 1rem; } }
      .table_container_row_fr_appr .card-body table tbody tr td a {
        color: #0ab0d6; }
        .table_container_row_fr_appr .card-body table tbody tr td a:hover {
          color: #099CBE;
          text-decoration: underline; }
      .table_container_row_fr_appr .card-body table tbody tr td .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 5;
        border: none; }
      .table_container_row_fr_appr .card-body table tbody tr td.actions .btn {
        border-radius: 2;
        font-size: 1rem;
        padding: 3px 5px;
        color: #fff;
        margin-right: 4px; }
        .table_container_row_fr_appr .card-body table tbody tr td.actions .btn svg {
          display: inline-block;
          font-size: 0.85rem; }
  .table_container_row_fr_appr .mail_menu .panel {
    border-radius: 2;
    padding: 0;
    background: none;
    border: 0; }
    .table_container_row_fr_appr .mail_menu .panel .panel-content {
      padding: 0; }
      .table_container_row_fr_appr .mail_menu .panel .panel-content .mail_options {
        margin: 0;
        padding: 0; }
        .table_container_row_fr_appr .mail_menu .panel .panel-content .mail_options li {
          list-style: none; }
          .table_container_row_fr_appr .mail_menu .panel .panel-content .mail_options li a {
            display: block;
            padding: 10px;
            background: #5a6e79;
            margin: 1px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.6px; }
            .table_container_row_fr_appr .mail_menu .panel .panel-content .mail_options li a:hover {
              background: #41B871;
              color: #fff;
              text-decoration: none;
              border-left: 3px solid white; }
          .table_container_row_fr_appr .mail_menu .panel .panel-content .mail_options li.active a {
            background: #41B871;
            color: #fff;
            text-decoration: none;
            border-left: 3px solid white; }

/* table_container_row_fr_appr ends here */


/* table_container_row_setting_page starts here */
.table_container_row_setting_app {
  margin-top: 10px;
  /* mail_menu starts here */
  /* mail_menu ends here */ }
  .table_container_row_setting_app .card .card-title {
    padding: 5px 10px !important;
    background: #cbcccc;
    padding: 6px 10px;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600; }
    .table_container_row_setting_app .card .card-title .dropdown {
      display: inline-block; }
      .table_container_row_setting_app .card .card-title .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 4;
        border: none; }
    .table_container_row_setting_app .card .card-title .mark_read {
      background: #CDCDCD;
      display: inline-block;
      padding: 6px 10px;
      margin-left: 6px;
      color: #5a6e79; }
      .table_container_row_setting_app .card .card-title .mark_read:hover {
        background: #5a6e79;
        color: #fff;
        text-decoration: none; }
    .table_container_row_setting_app .card .card-title .total_count {
      margin-top: 0px; }
  .table_container_row_setting_app .card-body {
    padding: 0px 0px; }
    .table_container_row_setting_app .card-body table thead tr th {
      color: #5b646d;
      font-weight: 600;
      /* text-transform: uppercase; */
      font-size: 0.9rem;
      border: none;
      /* padding: 0px 15px;  */
    }
    .table_container_row_setting_app .card-body table tbody tr td {
      /* vertical-align: middle;
      color: #454545;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 0px 15px;
      text-align: left;  */
    }
      @media (min-width: 1500px) {
        .table_container_row_setting_app .card-body table tbody tr td {
          font-size: 1rem; } }
      .table_container_row_setting_app .card-body table tbody tr td a {
        color: #0ab0d6; }
        .table_container_row_setting_app .card-body table tbody tr td a:hover {
          color: #099CBE;
          text-decoration: underline; }
      .table_container_row_setting_app .card-body table tbody tr td .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 5;
        border: none; }
      .table_container_row_setting_app .card-body table tbody tr td.actions .btn {
        border-radius: 2;
        font-size: 1rem;
        padding: 3px 5px;
        color: #fff;
        margin-right: 4px; }
        .table_container_row_setting_app .card-body table tbody tr td.actions .btn svg {
          display: inline-block;
          font-size: 0.85rem; }
  .table_container_row_setting_app .mail_menu .panel {
    border-radius: 2;
    padding: 0;
    background: none;
    border: 0; }
    .table_container_row_setting_app .mail_menu .panel .panel-content {
      padding: 0; }
      .table_container_row_setting_app .mail_menu .panel .panel-content .mail_options {
        margin: 0;
        padding: 0; }
        .table_container_row_setting_app .mail_menu .panel .panel-content .mail_options li {
          list-style: none; }
          .table_container_row_setting_app .mail_menu .panel .panel-content .mail_options li a {
            display: block;
            padding: 10px;
            background: #5a6e79;
            margin: 1px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.6px; }
            .table_container_row_setting_app .mail_menu .panel .panel-content .mail_options li a:hover {
              background: #41B871;
              color: #fff;
              text-decoration: none;
              border-left: 3px solid white; }
          .table_container_row_setting_app .mail_menu .panel .panel-content .mail_options li.active a {
            background: #41B871;
            color: #fff;
            text-decoration: none;
            border-left: 3px solid white; }

/* table_container_row_setting_page ends here */


/* table_container_row_main_setting_app starts here */
.table_container_row_main_setting_app {
  margin-top: 10px;
  /* mail_menu starts here */
  /* mail_menu ends here */ }
  .table_container_row_main_setting_app .card .card-title {
    padding: 5px 10px !important;
    background: #cbcccc;
    padding: 6px 10px;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600; }
    .table_container_row_main_setting_app .card .card-title .dropdown {
      display: inline-block; }
      .table_container_row_main_setting_app .card .card-title .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 4;
        border: none; }
    .table_container_row_main_setting_app .card .card-title .mark_read {
      background: #CDCDCD;
      display: inline-block;
      padding: 6px 10px;
      margin-left: 6px;
      color: #5a6e79; }
      .table_container_row_main_setting_app .card .card-title .mark_read:hover {
        background: #5a6e79;
        color: #fff;
        text-decoration: none; }
    .table_container_row_main_setting_app .card .card-title .total_count {
      margin-top: 0px; }
  .table_container_row_main_setting_app .card-body {
    padding: 0px 0px; }
    .table_container_row_main_setting_app .card-body table thead tr th {
      color: #5b646d;
      font-weight: 600;
      /* text-transform: uppercase; */
      font-size: 0.9rem;
      border: none;
      /* padding: 0px 15px;  */
    }
    .table_container_row_main_setting_app .card-body table tbody tr td {
      /* vertical-align: middle;
      color: #454545;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 0px 15px;
      text-align: left;  */
    }
      @media (min-width: 1500px) {
        .table_container_row_main_setting_app .card-body table tbody tr td {
          font-size: 1rem; } }
      .table_container_row_main_setting_app .card-body table tbody tr td a {
        color: #0ab0d6; }
        .table_container_row_main_setting_app .card-body table tbody tr td a:hover {
          color: #099CBE;
          text-decoration: underline; }
      .table_container_row_main_setting_app .card-body table tbody tr td .dropdown .dropdown-toggle {
        background: #099CBE;
        font-size: 12px;
        color: #fff;
        border-radius: 5;
        border: none; }
      .table_container_row_main_setting_app .card-body table tbody tr td.actions .btn {
        border-radius: 2;
        font-size: 1rem;
        padding: 3px 5px;
        color: #fff;
        margin-right: 4px; }
        .table_container_row_main_setting_app .card-body table tbody tr td.actions .btn svg {
          display: inline-block;
          font-size: 0.85rem; }
  .table_container_row_main_setting_app .mail_menu .panel {
    border-radius: 2;
    padding: 0;
    background: none;
    border: 0; }
    .table_container_row_main_setting_app .mail_menu .panel .panel-content {
      padding: 0; }
      .table_container_row_main_setting_app .mail_menu .panel .panel-content .mail_options {
        margin: 0;
        padding: 0; }
        .table_container_row_main_setting_app .mail_menu .panel .panel-content .mail_options li {
          list-style: none; }
          .table_container_row_main_setting_app .mail_menu .panel .panel-content .mail_options li a {
            display: block;
            padding: 10px;
            background: #5a6e79;
            margin: 1px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.6px; }
            .table_container_row_main_setting_app .mail_menu .panel .panel-content .mail_options li a:hover {
              background: #41B871;
              color: #fff;
              text-decoration: none;
              border-left: 3px solid white; }
          .table_container_row_main_setting_app .mail_menu .panel .panel-content .mail_options li.active a {
            background: #41B871;
            color: #fff;
            text-decoration: none;
            border-left: 3px solid white; }

/* table_container_row_main_setting_app ends here */

/* breadcrumb starts here */
.breadcrumb {
  margin: 0;
  padding: 0 15px;
  background: #cbcccc; }
  .breadcrumb .breadcrumb-item a {
    color: #099CBE; }

.breadcrumb li + li:before {
  color: #5a6e79; }

/* breadcrumb ends here */
/* assigned_teams starts here */
.assigned_teams {
  margin-top: 0; }

/* assigned_teams ends here */
/* overview_form_block starts here */
.overview_form_block {
  margin-top: 0; }
  .overview_form_block .card-title {
    height: 45px;
    height: auto;
    cursor:pointer;
    padding: 15px 10px !important; }
    .overview_form_block .card-title h5 {
      margin-bottom: 0;
      position: relative;
      font-size: 1rem;
      font-weight: 600; }
    .overview_form_block .card-title .dropdown .dropdown-menu li a {
      font-size: 0.85rem;
      color: #454545;
      text-transform: capitalize !important;
      font-weight: 400;
      display: block;
      padding: 5px 8px; }
  .overview_form_block .buttons_row {
    margin: 0;
    position: relative;
    top: -10px; }
  .overview_form_block .form-control {
    border-radius: 0;
    box-shadow: none;
    font-size: 1rem; }
  .overview_form_block .country_class {
    margin-top: 10px; }
  .overview_form_block .shiiping_block {
    margin-top: 10px; }
    .overview_form_block .shiiping_block .checkbox {
      color: #5a6e79; }
  .overview_form_block .filters-button {
    border-radius: 0; }
  .overview_form_block .website_block {
    margin-top: 10px; }
  .overview_form_block .search {
    border-radius: 0; }
  .overview_form_block .copy_billing_btn {
    margin-top: 10px;
    display: block; }

/* overview_form_block ends here */
/* details_block starts here */
.details_block .form-control {
  border-radius: 0;
  box-shadow: none;
  font-size: 12px; }

.buttons_row {
  margin-bottom: 0px; }
  .buttons_row button {
    font-size: 1rem;
    font-weight: 600; }
    .buttons_row button.save {
      background: #099CBE;
      color: #fff; }

/* details_block ends here */
/* attendees starts here */
/* attendees ends here */
.case-list-container {
  margin-bottom: 15px; }

.profile_pic {
  text-align: center; }
  .profile_pic img {
    width: 125px;
    height: 125px;
    border: 4px solid #eee; }

.error {
  color: red; }

.error ul {
  list-style-type: none;
  padding: 0px; }

.view-pad {
  padding: 0px !important; }
  .view-pad h5 {
    width: 90%;
    margin-bottom: 0;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    text-align: left;
    padding-top: 0px; }
  .view-pad a {
    float: right;
    border-radius: 0;
    font-size: 1rem;
    padding: 3px 10px;
    color: #fff;
    margin-top: -4px; }
    .view-pad a:hover {
      text-decoration: none; }

.select2-container {
  width: 100% !important;
  border-radius: 0;
  border: 1px solid #ced4da; }

.select2-container--default .select2-selection--multiple {
  border-radius: 0 important;
  border: none !important; }

.created_information {
  padding-left: 15px;
  margin: 10px 0; }

.square {
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 3px solid red;
  position: absolute;
  resize: both;
  overflow: auto;
  top: 50px;
  left: 50px;
  cursor: move;
  opacity: 0.2;
}

.context-menu {
  position: absolute;
  display: none;
  z-index: 1000;
}

.context-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}

.context-menu ul li {
  padding: 8px 12px;
  cursor: pointer;
}

.context-menu ul li:hover {
  background-color: #ccc;
}

.show-product-attachment {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 0;
}

.show-product-attachment a .attachmentdelete {
  display: none;
}

.show-product-attachment img {
  display: block;
  margin: 0;
}

.custom-menu-fieldreport {
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
    z-index: 1001;
}

/* Each of the items in the list */
.custom-menu-fieldreport li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu-fieldreport li:hover {
    background-color: #DEF;
}

.product-dotted-span {
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}


.custom-menu-fixedagreement {
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
    z-index: 1001;
}

/* Each of the items in the list */
.custom-menu-fixedagreement li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu-fixedagreement li:hover {
    background-color: #DEF;
}

.dotted-span-fixed-agreement-document {
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.store-information-icon {
    font-size: 13px;
}

/*# sourceMappingURL=main.css.map */