/*@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');*/

/* -- adding custom font -- */
/*@font-face {*/
/*    font-family: Nunito;*/
/*    src: url("../css/Nunito/Nunito-Regular.ttf");*/
/*}*/
/*!*@font-face {*!*/
/*!*    font-family: Nu;*!*/
/*!*    src: url("../fonts/AvenirLTStd-Black.otf");*!*/
/*!*}*!*/
/* -- end adding custom font -- */


* {
    font-size: 11px;
}

@media only screen and (min-width: 768px) {
    * {
        font-size: 12px;
    }
}

@media only screen and (min-width: 992px) {
    * {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1400px) {
    * {
        font-size: 14px;
    }
}

.text-small {
    font-size: small !important;
}

.text-smaller {
    font-size: smaller !important;
}

.text-larger {
    font-size: larger !important;
}

.text-smallest {
    font-size: x-small;
}

.text-xsmallest {
    font-size: xx-small;
}

.btn-xs {
    font-size: .65rem !important;
    padding: 2px 4px !important;
    font-weight: bolder !important;
}

/*.h-1x {*/
/*    height: 20px !important;*/
/*}*/

.form-display {
    border: transparent !important;
    background-color: transparent !important;
    font-weight: normal !important;
    border-radius: 0 !important;
    /*border-bottom: 1px solid black !important;*/
}

/*input[type='text'].form-display:read-only {*/
/*    font-weight: normal !important;*/
/*    color: #A9A9A9 !important;*/
/*    border-bottom: 1px solid #A9A9A9 !important;*/
/*}*/

/*form-display-border:read-only {*/
/*    border-bottom: 1px solid #A9A9A9;*/
/*}*/

input[type='number'].form-display-border:read-only,
input[type='text'].form-display-border:read-only {
    /*border-radius: 0;*/
    /*border: 0;*/
    /*border-bottom: 1px solid #A9A9A9 !important;*/
    background: white;
}

input[type='number'].form-display-border::placeholder,
input[type='text'].form-display-border::placeholder {
    font-weight: normal !important;
    /*color: red !important;*/
    color: #A9A9A9 !important;
}

select.form-display:disabled {
    font-weight: normal !important;
    color: black !important;
}

.form-label-xs {
    padding: .125rem .25rem !important;
    height: 20px !important;
}

.form-control-xs {
    height: calc(2em + .375rem + 2px) !important;
    /*height: 20px !important;*/
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
    /*font-weight: normal !important;*/
}

.select-xs {
    height: calc(2em + .375rem + 2px) !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
    /*font-weight: normal !important;*/
}

.form-control-xs::placeholder {
    font-weight: normal !important;
    color: silver !important;
}

.has-error {
    color: #a94442 ;
}
.has-error .form-control,
tr.has-error {
    border-color: #a94442 ;
}

.h-1x {
    height: 20px !important;
}

.col-code {
    width: 75px;
    word-wrap: break-word;
}

.col-index {
    width: 25px !important;
    text-align: right;
}

.col-index2 {
    width: 25px !important;
}

.cell-index {
    width: 2vw;
}

.col-action {
    width: 75px !important;
    text-align: right;
}

.col-date {
    width: 75px !important;
}

.col-date-time {
    width: 110px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.bg-lightsilver {
    background-color: #E0DED7 !important;
}

.bg-yellow {
    background-color: yellow !important;
}

.bg-lime {
    background-color: lime !important;
}

.bg-table-hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.border-lightsilver {
    border-color: #E0DED7 !important;
}

.text-lightsilver {
    color: #E0DED7 !important;
}

.text-navy-blue {
    color: #000080 !important;
}

.text-orange {
    color: orange !important;
}

.text-magenta {
    color: magenta !important;
}

.text-lime {
    color: lime !important;
}

.bg-lightgreen {
    background-color: #7CFC00 !important;
}

.bg-magenta {
    background-color: magenta !important;
}

.table-layout-fixed {
    table-layout: fixed;
}

.bg-selected {
    background-color: lightblue !important;
}

.shadow-hover:hover {
    box-shadow: 2px 2px 4px 4px lightblue;
    z-index: 100;
}

.shadow-hover-heavy:hover {
    box-shadow: 4px 4px 8px 8px lightblue;
    z-index: 100;
}

.shadow-heavy {
    box-shadow: 4px 4px 8px 8px lightblue;
    z-index: 100;
}

.engraved,
.engraved-hover:hover {
    font-size: 15px !important;
    background-color: #666666 !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    text-shadow: rgba(245,245,245,0.5) 3px 5px 1px !important;
}

.embose-hover:hover {
    font-size: 15px !important;
    background-color: #666666 !important;
    -webkit-background-clip: text !important;
    text-shadow: rgba(245,245,245,0.5) 3px 5px 1px !important;
}

/*.glow-hover:hover {*/
/*    text-decoration: none;*/
/*    color: rgba(255, 255, 255, 0.8);*/
/*    background: rgb(145, 92, 182);*/
/*    padding: 15px 40px;*/
/*    border-radius: 4px;*/
/*    font-weight: normal;*/
/*    text-transform: uppercase;*/
/*    margin-top: -10px;*/
/*    margin-bottom: -15px;*/
/*    transition: all 0.2s ease-in-out;*/
/*}*/

/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateX(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;

    transition: all 0.5s ease-in-out;
    /*transition-duration: 0.3s;*/
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}

.swal-wide{
    width:850px !important;
}

.sticky-header > thead > tr > th {
    background: lightgray;
    position: sticky;
    top: 0;
    border-top: 0;
}

.btn-l-rounded { /*{ button left rounded*/
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.btn-r-rounded {  /*{ button right rounded*/
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.btn-rounded {
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem !important;
}

.font-xs {
    font-size: 11px !important;
}

.w-90 {
    width: 90% !important;
}

.w-97 {
    width: 97% !important;
}

.w-94 {
    width: 94% !important;
}

.table-padding-1 > thead > tr > th,
.table-padding-1 > tbody > tr > td{
    padding: .25rem !important;
    vertical-align: middle;
}

.cell-middle > thead > tr > th,
.cell-middle > tbody > tr > th,
.cell-middle > tbody > tr > td{
    vertical-align: middle;
}

.custom-select-xs {
    height: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0.75rem !important;
    font-size: .75rem !important;
    line-height: 1 !important;
    border-radius: .2rem !important;
}


.strike-through {
    text-decoration: line-through;
}

.text-blue {
    color: Blue;
}

.text-underline {
    text-decoration: underline;
}

.font-arial {
    font-family: Arial, Helvetica, sans-serif
}

.min-vh-33 {
    min-height: 33vw !important;
}

.border-danger {
    border: 1px solid red;
}

.bg-lpink {
    background: #ffe4e1;
}

.bg-lightred {
    background-color: #FFCCCB !important;
}

.min-vh-50 {
    min-height: 50vh !important;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
    background-image: none;
}

.cell-text-wrap {
    display: block;
    max-width: 14vw;
    max-height: 5vh;
    overflow: hidden;
    white-space: break-spaces;
    text-overflow: ellipsis;
}

.form-control:invalid:required,
select:invalid:required {
    border: 1px solid red !important;
}

.odd-batch {
    background-color: #F2F2F2;
}

.even-batch {
    background-color: #86FFDB;
}

@media (min-width: 992px) {
    .modal-xxxl {
        min-width: 1500px;
    }
    .modal-xxxxl{
        min-width: 80vw;
    }
}

@media (min-width: 992px) {
    .modal-xxl {
        min-width: 960px;
        min-height: 100vh;
    }
}

@media (min-width: 1440px) {
    .modal-xxl {
        min-width: 1400px;
        min-height: 100vh;
    }
}

.test {
    border: 1px solid black !important;
}