﻿@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
/*html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a, .btn-link {
    color: #0366d6;
}
table, th, td {
    border: 1px solid black;
}
.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}*/
.content {
    padding-top: 1.1rem;
}
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}
.invalid {
    outline: 1px solid red;
}
.validation-message {
    color: red;
}
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
.page-options-btns .btn {
    padding: .86rem !important;
}
.btn:hover svg{
    fill:#fff;
}
.page-top-fixed .page-options-btns .btn:hover {
    background: #07706d;
    color: #fff;
    border-color: #07706d;
}
/*CSS 11102021*/
.btn-border-radius {
    border-radius: .25rem;
}
.btn-padding-tb {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
.btn-multicollapse::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    top: 23px;
    left: 3px;
}
.service-row-list .card-header.bg-primary {
    background-color: #07706d !important;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 700px;
    }
}
@media (max-width: 1023px) {
    .page-top-fixed .page-options-btns .btn {
        height: 56px;
    }
}
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.table.table-sm svg {
    fill: #07706d !important;
    color: #07706d !important;
}
/*Pager*/
.rz-paginator {
    justify-content: center;
    align-items: stretch;
}
.rz-paginator-prev, .rz-paginator-next {
    margin: 0px 5px;
}
.rz-paginator-first, .rz-paginator-prev, .rz-paginator-last, .rz-paginator-next {
    transform: rotate( 180deg);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px !important;
    color: #fff !important;
    border: 1px solid #07706d;
    background-color: #07706d;
    background: #07706d;
}
.rz-button.rz-state-disabled, .rz-state-disabled.rz-paginator-element {
    color: #4a4a4a !important;
    background-image: none !important;
    background-color: #ddd !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    padding: 9px 12px !important;
    opacity: .5;
    outline: 0;
    font-size: 13px;
    font-weight: 700;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rz-paginator-pages {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rz-paginator-page {
    padding: 10px 12px !important;
    background: #f9f9f9;
    color: #07706d !important;
    font-weight: 600;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rz-paginator-page.rz-state-active{
    padding: 10px 12px !important;
    color: #fff !important;
    border: 1px solid #07706d;
    background-color: #07706d;
    background: #07706d;
}
input[type="radio"], input[type="checkbox"] {
    width: 20px;
    height: 20px;
    display: flex;
    flex: 0 0 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.select2-container--default .select2-results > .select2-results__options {
    direction: rtl;
}
::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1) !important;
}
::-webkit-scrollbar-thumb {
    background: #c7c6c6 !important;
}
::-webkit-scrollbar {
    width: 5px !important;
}
/**/
.rz-dropdown-label {
    padding-left: 2.375rem !important;
    padding-right: 0rem !important;
    height: 33px;
    margin: 0;
    line-height: 33px;
}
.rz-multiselect-trigger, .rz-dropdown-trigger {
    right: auto !important;
    left: 0px !important;
}
.rz-dropdown-filter-icon{
    display:none;
}
.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
    border: 1px solid #d7d7d7 !important;
}
.rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item,
.rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight,
.rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item li.rz-dropdown-item:hover {
    background-color: #07706d !important;
}
.rz-dropdown-item.rz-state-highlight:hover, .rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, 
.rz-state-highlight.rz-multiselect-item:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-autocomplete-items li.rz-state-highlight:hover, 
.rz-multiselect-items li.rz-state-highlight:hover {
      background-color: #07706d !important;
}
.rz-dropdown-item:hover, .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-dropdown-items li:hover, 
.rz-autocomplete-items li:hover, .rz-multiselect-items li:hover {
    background-color: #07706d !important;
}
.rz-dropdown-clear-icon {
    left: 1.6875rem !important;
    right: auto !important;
}
.has-float-label label.rz-dropdown-label {
    position: relative;
    cursor: default;
    font-size: 100%;
    opacity: 1;
    top: auto;
    right: auto;
    z-index: 3;
    line-height: 33px;
    padding: 0px;
    width: calc(100% - 35px);
}
.rz-chkbox-box {
    border: 1px solid #838383 !important;
}
.rz-chkbox-box.rz-state-active {
    background-color: #0075ff !important;
    border: 1px solid #0075ff !important;
}
.rz-chkbox-icon.rzi.rzi-check {
    font-size: 20px;
    font-weight: 700;
    margin-left: -7px;
    margin-top: -5px;
    transform: rotate( -7deg );
}
/***********************Mosbah Update************************************************************************/
tr.Selected {
    color: hsl(0,0%,100%);
    background-color: hsl(140.2,40%,54.9%) !important;
    font-weight: bold;
}
tr.Default {
    font-weight: bold;
}
.rz-growl-title {
    margin: 5px !important;
    padding-top: 50px !important;
    font-size: large !important;
}
/*
.modal {
    background: #c7c6c6 !important;
}*/
.rz-notification {
    top: 125px !important;
    z-index:inherit !important;
    position:relative !important;
}
.rz-notification, .rz-growl-item {
    position: relative;
    float: right;
    right: 11.5% !important;
    width: calc(75%) !important;
    min-height: 75px;
    vertical-align: middle;
    border-radius:20px !important;
    margin:0px !important;
}
rz-notification-message rz-growl {
    margin-top:20px !important;
}
.rz-growl-message-error .rz-growl-item {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}
.rz-growl-message-warn .rz-growl-item {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}
.rz-switch.rz-switch-checked .rz-switch-circle {
    background: #47c887 !important;
}
    /***********************************************************************************************/