h1 a.icon-print {
    color: #444;
    background-color: initial;
    font-size: 25px;
}

h1 a.icon-print:hover {
    color: #1597ce;
    text-decoration: none;
}

.my-fb-title {
    background-color: #ff8758;
}

.but-right {
    width: auto;
}

.align-right {
    text-align: right;
}

[id$="-res"] {
    float: right;
}

.text-right input {
    text-align: end;
}

pre,
.xdebug-error {
    margin-top: 50px;
    margin-left: 230px !important;
}

.select2-results__option--selectable {
    cursor: pointer;
    /* width: 100%; */
    display: block;
    width: -webkit-fill-available;
}

.back-btn {
    position:fixed;
    top:10px;
    left:10px;
}
.back-btn button {
    font-size: 14px;
    padding: 0px 3px;
    cursor: pointer;
}

/*---------------------------------------------------- DEL BUT ----------------------------------------------------*/
#del-but,
.delete-but {
    cursor: pointer;
}

#del-but:hover,
.delete-but:hover {
    color: #ed1c24;
}

.red {
    color: #ed1c24;
    font-weight: 600;
}

.red:visited {
    color: #ed1c24;
    font-weight: 600;
}

.green {
    color: #7ac943;
    font-weight: 600;
}

.hilight-red {
    font-weight: 600;
    color: #ed1c24;
}

/*---------------------------------------------------- STATUS ----------------------------------------------------*/
[class^="ez-circle-"],
[class*="ez-circle-"] {
    display: inline-block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.ez-circle-blank {
    border: 1px #777 solid;
}

.ez-circle-orange {
    background-color: #fb8c00;
}

.ez-circle-yellow {
    background-color: #fdd835;
}

.ez-circle-green {
    background-color: #66bb6a;
}

.ez-circle-hgreen {
    border: 3px #66bb6a solid;
}

.ez-circle-red {
    background-color: #ed1c24;
}

.ez-circle-yellow-red {
    background-color: #fdd835;
    border: 2px #ed1c24 solid;
}

#quote-csv {
    display: inline-block;
    margin-left: 15px;
}

.icon-adjust:before {
    font-size: 22px;
    color: #66bb6a;
}

.ez-circle-adjust-red:before {
    color: #ed1c24;
}

.ez-circle-adjust-yellow:before {
    color: #fdd835;
}

.circle-yellow:before {
    color: #fdd835;
}

/*=============================================[   new ez-icon   ]===============================================*/
.ez-table [class*="ez-icon-"],
.tb-legend [class*="ez-icon-"] {
    font-size: 20px;
}

.ez-icon-red:before {
    color: #ed1c24;
}

.ez-icon-green:before {
    color: #66bb6a;
}

td .num {
    text-align: right;
}

/*===============================================================  Status.php ==========================================================*/

#tb-pstatus tr th:first-child {
    width: 50px;
}

#tb-pstatus tr th:nth-child(2) {
    width: 30%;
}

#tb-job-status tr th:nth-child(3) {
    width: 25%;
}

#tb-job-status,
#tb-job-result {
    position: relative;
    top: -3px;
    padding: 0;
}

/*=============================================[   INDEX   ]===============================================*/
#job-cal {
    position: relative;
}

.calender-f {
    overflow: hidden;
    padding: 5px;
    top: 5px;
    left: 5px;
    z-index: 100;
}

.calender-f div {
    margin: 0;
}

.calender-f .tb-filter {
    width: 100%;
}

/*=============================================[   HELP   ]===============================================*/
.help-list {
    padding-left: 25px;
}

.gray-icon {
    cursor: default;
    color: #777 !important;
}

.gray-icon:hover {
    cursor: default;
    color: #777 !important;
}

/*=============================================[   JOB PRIORITY   ]===============================================*/
[class*="job-priority-0-"] {
    background-image: linear-gradient(to bottom, #c69c6d 0, #c69c6d 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*="job-priority-1-"] {
    background-image: linear-gradient(to bottom, #ff9797 0, #ff7575 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*="job-priority-2-"] {
    background-image: linear-gradient(to bottom, #fff7d9 0, #ffd740 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*="job-priority-3-"] {
    background-image: linear-gradient(to bottom, #d7e6ff 0, #c3daff 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*="job-priority-8-"] {
    background-image: linear-gradient(to bottom, #d1d2d4 0, #d1d2d4 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*="job-priority-9-"] {
    background-image: linear-gradient(to bottom, #fff 0, #fff 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.job-priority-0-s,
.job-priority-1-s,
.job-priority-2-s,
.job-priority-3-s,
.job-priority-8-s,
.job-priority-9-s {
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.gray {
    color: #888;
}

a.gray {
    color: #888;
}

.tb-legend {
    margin-bottom: 10px;
}

#s-sid-res {
    float: right;
}

h1 a[class*="icon-"] {
    background-color: initial;
    color: #444;
    font-size: 28px;
}

h1 a[class*="icon-"]:hover {
    background-color: initial;
    color: #1597ce;
    font-size: 28px;
    text-decoration: none;
}

[id*="-res"] {
    float: right;
    margin: 0px;
}

.form-sec {
    float: left;
    border: 1px #1597ce solid;
    padding: 7px;
    margin-bottom: 10px;
    width: 100%;
}

/*-------------------------------------------------- cancel link --------------------------------------------------*/
a.doc-cancel-link {
    color: #888;
    text-decoration: line-through;
}

/*=============================================[   FONT COLOR   ]===============================================*/
.font-green {
    color: #00cc66;
}

#panel ul ul a.subactive {
    color: #000;
    background-color: pink;
}

#panel li.g-active {
    background-color: #e8d432;
    text-decoration: none;
}

#panel ul li.m-active ul.sub-menu {
    display: block;
}

#panel li a,
#panel li span {
    cursor: pointer;
    display: inline-block;
    padding: 8px 8px;
    font-size: 15px;
}

@media only screen and (min-width: 480px) {
    #top-panel {
        height: 44px;
    }

    #menu-mobile {
        display: none;
    }

    #panel {
        width: auto;
        display: block;
        position: fixed;
        top: 44px;
        bottom: 0;
    }

    #panel ul li.m-active {
        display: none;
    }

    #panel li span.menu-t {
        display: none;
    }

    #content,
    footer {
        padding-left: 40px;
    }

    #content.max-ct,
    footer.max-ct {
        padding-left: 0;
    }
}

@media only screen and (min-width: 768px) {
    #site-logo {
        display: block;
    }

    #menu-mobile {
        display: none;
    }

    #mymenu {
        padding-bottom: 30px;
    }

    #panel {
        width: 190px;
        display: block;
        position: fixed;
        top: 44px;
        bottom: 0;
    }

    #panel-min {
        display: inline-block;
    }

    #panel.panel-ab {
        position: absolute;
    }

    #panel.min-menu {
        left: -150px;
    }

    #content,
    footer {
        padding-left: 205px;
    }

    #content.max-ct,
    footer.max-ct {
        padding-left: 0;
    }

    #panel li span.menu-t {
        display: inline-block;
    }
}

/*@media only screen and (min-width: 480px) and (max-width: 768px){
    #panel li span.menu-t {
        display: none;
    }
}*/

@media only screen and (min-width: 769px) {
    .col-33,
    .col-40,
    .col-50,
    .col-60,
    .col-100 {
        padding: 15px;
        padding-left: 0px;
    }
}

.page-title {
    font-weight: 700;
    padding-left: 35px;
    padding-top: 15px;
    font-size: 28px;
}

/*=================== Padding ============== */
.p0 {
    padding: 0px;
}

.p0-t {
    padding-top: 0px;
}

.p0-b {
    padding-bottom: 0px;
}

.p0-l {
    padding-left: 0px;
}

.p0-r {
    padding-right: 0px;
}

.fix-h {
    position: fixed;
}

.white-bg {
    background-color: #fff;
}

/*.top-fix{
    padding-top: 250px;
    
}
.hea{
    height: 200px;
}*/

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* -------------------------------[ input is number ]----------------------------- */
.num-input input {
    text-align: right;
}

input[unitqty] {
    text-align: right;
}

input[unitprice] {
    text-align: right;
}

input[unitdiscount] {
    text-align: right;
}

input[unittotal] {
    text-align: right;
}

input[dtsums] {
    text-align: right;
}

input[dtgranddiscount] {
    text-align: right;
}

input[finalsum] {
    text-align: right;
}

input[showvat] {
    text-align: right;
}

input[vatsum] {
    text-align: right;
}

input[grandtotal] {
    text-align: right;
}

.star-dt {
    font-size: xx-small;
}

#tb-mpo-dt table th:nth-child(2) {
    width: 5%;
}

#tb-mpo-dt table th:nth-child(3) {
    width: 5%;
}

#tb-mpo-dt table th:nth-child(4) {
    width: 5%;
}

#tb-mpo-dt table th:nth-child(5) {
    width: 5%;
}

#tb-mpo-dt table th:nth-child(6) {
    width: 6%;
}

#tb-mpo-dt table th:nth-child(7) {
    width: 6%;
}

#tb-mpo-dt table th:nth-child(8) {
    width: 5%;
}

#tb-mpo-dt table th:nth-child(9) {
    width: 5%;
}

#tb-mpo-dt table th:nth-child(10) {
    width: 5%;
}

#recpo table th:first-child {
    width: 30%;
}

/* =============================================[   psm color but   ]=============================================== */
.g-but,
input[type="button"].g-but {
    display: inline-block;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff !important;
    font-weight: 600;
    background: #51bb3a linear-gradient(to bottom, #51bb3a 1%, #51bb3a 100%)
        repeat scroll 0 0;
    border: 1px solid #51bb3a;
    border-radius: 3px;
    cursor: pointer;
    padding: 8px 10px;
    box-sizing: border-box;
    font-size: 14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gg-but,
input[type="button"].gg-but {
    display: inline-block;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff !important;
    font-weight: 600;
    background: #51bb3a linear-gradient(to bottom, #51bb3a 1%, #51bb3a 100%)
        repeat scroll 0 0;
    border: 1px solid #51bb3a;
    border-radius: 3px;
    cursor: pointer;
    /*padding:8px 10px;*/
    box-sizing: border-box;
    font-size: 14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.red2-but,
input[type="button"].red2-but {
    display: inline-block;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff !important;
    font-weight: 600;
    background: #ff6e40 linear-gradient(to bottom, #ff7043 1%, #f4511e 100%)
        repeat scroll 0 0;
    border: 1px solid #f4511e;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 6px;
    box-sizing: border-box;
    font-size: 14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 15px;
}

/* =============================================[   TR CANCEL   ]=============================================== */
tr.tb-data[class*="tr-cancel-"] td {
    background-color: silver;
}

/* =============================================[   PRINT   ]=============================================== */
@media print {
    body {
        background-color: #fff;
    }

    body > [class*="print-"]:not(:last-child) {
        page-break-after: always;
    }

    .no-print,
    .not-print {
        display: none;
    }
}

.ui-dialog {
    max-height: 90vh;
    overflow-y: auto;
}

/* =============================================[   SHOW DISK   ]=============================================== */
[class*="p-col-"] {
    float: left;
    box-sizing: border-box;
    /* border: solid 1px black; */
}
.p-col-20 {
    width: 20%;
}
.p-col-80 {
    width: 80%;
}
.p-col-100 {
    width: 100%;
}
.pd-l-5 {
    padding-left: 5px;
}
.pd-t-3 {
    padding-top: 3px;
}
.info-disk {
    text-align: left;
    padding: 3px;
    font-size: 15px;
}
.center {
    text-align: center !important;
}
.border {
    border: solid 1px rgb(59, 58, 58);
}

.sh-disk-icon {
    display: none;
}
@media (min-width: 500px) {
    .sh-disk-icon {
        display: block;
    }
}

.n-grid-cols2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media only screen and (min-width: 769px) {
    .n-grid-cols2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.show-checked-ses .tag-list {
    font-size: 13px;
    line-height: 110%;
}