/*!
 * Additional CSS
 */
@media (max-width: 900px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
 /* Start: App BG, header BG, text Color*/
.bg-appBg-mts {
    background-color: #fafafa !important;
}

.bg-header-mts {
    background: linear-gradient(to top, #b3ecff 5%, #33ccff 66%);
    /*background: linear-gradient(to top, #66ccff 25%, #00aaff 60%);*/
    /*background: linear-gradient(to top, #99ccff 30%, #17a2b8 75%);*/
    /*background: linear-gradient(to bottom, #000066 20%, #99ccff 140%);*/
    /*background: linear-gradient(to bottom, #000066 20%, #0000b3 70%);*/
}
.bg-header-reminder {
    background: linear-gradient(to bottom, #3b4044 0%, #adb3b8 140%);
}
.bg-grid-alternaterow-mts {
    background-color: #e6f3ff;
}

.text-header-mts {
    color: #000066 !important;
}
.text-Headertitle-mts {
    color: #0000cc !important; /*#FF3500*/
}

.bg-orange {
    background-color: #ff9900 !important;
}

.bg-info-dash {
    background-color: #17a2b8 !important;
}
a.bg-info-dash:hover,
a.bg-info-dash:focus {
    background-color: #117a8b !important;
}

.text-vj-mts {
    color: #000066 !important;
}
.border-cornor-radius-top {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.border-cornor-radius-bottom {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.border-cornor-radius-right {
    border-top-right-radius: 15px;
}
.border-cornor-radius-left {
    border-top-left-radius: 15px;
}

.borderBox1 {
    border-left: 1px solid #33ccff;
    border-right: 1px solid #33ccff;
}

.borderBottom1 {
    border-bottom: 1px solid #33ccff;
}

.borderTop1 {
    border-top: 1px solid #33ccff;
}

.borderLeft1 {
    border-left: 1px solid #33ccff;
}
.borderRight1 {
    border-right: 1px solid #33ccff;
}

.borderBox2 {
    border-left: 2px solid #33ccff;
    border-right: 2px solid #33ccff;
}

.borderBottom2 {
    border-bottom: 2px solid #33ccff;
}
.borderTop2 {
    border-top: 2px solid #33ccff;
}
/*gray*/
.borderBox2_gray {
    border-left: 2px solid #a0a6ac;
    border-right: 2px solid #a0a6ac;
}

.borderBottom2_gray {
    border-bottom: 2px solid #a0a6ac;
}

.borderTop2_gray {
    border-top: 2px solid #a0a6ac;
}

.borderBottom1_gray {
    border-bottom: 2px solid #e4e6e7;
}
/* End: App BG, header BG, text Color*/


/* Popover override start */
.popover {
    border: 2px solid #ff9900;
}
/* Popover Header - title */
.popover-header {
    background-color: #ff9900;
    color: #000000;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}
/* Popover Body - content */
.popover-body {
    background-color: #ffffff;
    color: #000000;
    font-size: 16px;
    padding: 10px;
}
/* Popover Arrow */

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.arrow {
    border-right-color: #ff9900;
}

    .arrow:after {
        border-bottom-color: #ff9900;
    }
/* Popover override End */

/* tooltip Color change*/
.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: black;
    text-align: center;
    background-color: #ff9900;
    border-radius: 0.25rem;
    border: 2px solid #ff9900;
    font-weight:500;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #ff9900; /* black */
    border-width: 0 5px 5px;
}

/*checkbox or checkboxlist css*/
input[type=checkbox] + label {
    font-size: 15px;
    color: darkslategray;
    font-style: normal;
    margin-left: 10px;
}

input[type=checkbox]:checked + label {
    font-size: 15px;
    color: #0094ff;
    font-style: normal;
} 

.font-size-9mts {
    font-size: 9px;
}
.font-size-12mts{
    font-size: 12px;
}
.font-size-14mts {
    font-size: 14px;
}
.font-size-15mts {
    font-size: 15px;
}

.highlighSearch1 {
    background-color: #ff0000;
    color: yellow;
    padding: 7px;
    border-radius: 0.4rem;
}
.highlighSearch2 {
    background-color: #ff0000;
    color: yellow;
    padding: 7px;
    border-radius: 0.4rem;
}

/* Fixed table header and scrollable body */
.headerSticky {
    position: sticky;
    top: 0;
    background-color: #ff9900; /*#5D7B9D*/
    color: black;
}
.arrow_mts {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    color:white;
}
.right_mts {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left_mts {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up_mts {    
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down_mts {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-pointer {
    cursor: pointer;
}

.max-vh-purchaseItems {
    min-height: 25vh !important; /* 28vh */
    max-height: 25vh !important; /* 28vh */
}
.max-vh-salesItems {
    min-height: 40vh !important; /* 28vh */
    max-height: 50vh !important; /* 28vh */
}

.max-vh-purfooter {
    max-height: 20vh !important;
}
/*set minimum vertical height*/
.min-vh-95mts {
    min-height: 95vh !important;
}
.min-vh-90mts {
    min-height: 90vh !important;
}
.min-vh-85mts {
    min-height: 85vh !important;
}
.min-vh-80mts {
    min-height: 80vh !important;
}
.min-vh-75mts {
    min-height: 75vh !important;
}
.min-vh-70mts {
    min-height: 70vh !important;
}
.min-vh-60mts {
    min-height: 60vh !important;
}
.min-vh-55mts {
    min-height: 55vh !important;
}
.min-vh-50mts {
    min-height: 50vh !important;
}
.min-vh-45mts {
    min-height: 47vh !important;
}
.min-vh-40mts {
    min-height: 40vh !important;
}
.min-vh-30mts {
    min-height: 30vh !important;
}
.min-vh-25mts {
    min-height: 25vh !important;
}

.pt-3-mts,
.py-3-mts {
    padding-top: 2rem !important;
}
.pt-4-mts,
.py-4-mts {
    padding-top: 2.90rem !important;
}
.pt-5-mts,
.py-5-mts {
    padding-top: 3.05rem !important;
}
.pt-6-mts,
.py-6-mts {
    padding-top: 3.5rem !important;
}
.pt-7-mts,
.py-7-mts {
    padding-top: 4rem !important;
}

.border-2 {
    border-width: 2px;
}
.border-black {
    border-color: black !important;
}
.border-yellow {
    border-color: yellow !important;
}
.border-red {
    border-color: red !important;
}
.border-radius-5px {
    border-radius: 5px;
}
.border-radius-7px {
    border-radius: 7px;
}
.border-radius-10px {
    border-radius: 10px;
}
.border-radius-15px {
    border-radius: 15px;
}
/* Cursor none*/
.cursor-none {
    cursor: default;
    /*text-decoration-line:none;*/
    text-decoration: none;
}
.cursor-hand{
    cursor: pointer;
}
.opacityDisable {
    opacity: 0.5;
}
/*Breadcrumb*/
#SiteMapPath1 {
    padding: 0;
    margin: 5px 0px;
    border: 0;
    line-height: 1;
    display: inline;
}
    #SiteMapPath1 span a {
        font-size: 1.05rem;
        color: #8080ff !important; /*color: #ced4da #1328e7 !important;*/
        text-transform: unset;
        text-decoration: underline;
    }
        #SiteMapPath1 span a:hover,
        #SiteMapPath1 span a:focus {
            color: #1a1aff !important;
        }

    #SiteMapPath1 span {
        font-size: 1.05rem;
        color: black; /*#0def11*/
        text-decoration: none;
        font-weight: 600;
        text-transform: unset;
    }

/*bg Background colour*/
.bg-errorMsg {
    background-color: #ff99a8 !important;
}
.bg-yellow-mts {
    background-color: #ffff00 !important; /* yellow */
}
.bg-yellow60-mts {
    background-color: #ffff33 !important;
}

.bg-primary-mts {
    background-color: #03118f !important;
}

.bg-secondary-mts {
    background-color: #2c50f1 !important;
}

.bg-lightgreen-mts {
    background-color: #c9f7ae !important;
}

.bg-lightgreen75pct-mts {
    background-color: #b3ffb3 !important;
}

.bg-lightblue-mts {
    background-color: #c5cef7 !important;
}

.bg-lightyellow-mts {
    background-color: #f6f7c5 !important;
}

.bg-lightOrange-mts {
    background-color: #f7d1c5 !important;
}

.bg-lightpink-mts {
    background-color: #f7c5e1 !important;
}

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

.bg-blueGridhead-mts {
    background-color: black !important;  /*#5D7B9D*/
}
.bg-blackhead-mts {
    background-color: black !important;
}
.bg-white-mts {
    background-color: white !important;
}
.bg-greenheader-mts {
    background-color: #23db27 !important;
}

.bg-lightGray95-mts {
    background-color: #f2f2f2 !important;
}
.bg-lightGray75-mts {
    background-color: #66c2ff !important;
}
.bg-lightGray50-mts {
    background-color: #808080 !important;
}
.bg-lightGray25-mts {
    background-color: #404040 !important;
}
.bg-Book-dark90 {
    background-color: #e6f9ff; /* dark voilet*/
}
/* text color & hover */
.text-mts-logo {
    color: #0000e6; /* 80% */
    font-family: Georgia;
    font-size: 11px;
    background-color: white;
}
.text-mts-Name {
    color: #999999; /* 80% */
    font-family: Georgia;
    font-size: 11px;
    background-color: white;    
}
    .text-mts-Name:hover {
        color: lawngreen; /* 45% #0000e6*/
        font-family: Georgia;
        font-size: 0.50em;
        font-weight: bold;
        background-color: blue;
        padding: 6px;
        border-radius: 3px;
        opacity: 0.9;
    }
.text-mts-brand {
    color: lawngreen; /* 45% #0000e6*/
    font-family: Georgia;
    font-size: 14px;
    font-weight: bold;
    background-color: blue;
    padding: 6px;
    border-radius: 3px;
    opacity: 0.9;
}
.text-white-mts {
    color: #ffffff !important;
}
.text-black-mts {
    color: #000000 !important;
}
.text-black-30-mts {
    color: #4d4d4d !important;
}
.text-black-20-mts {
    color: #333333 !important;
}

.text-gray40-mts {
    color: #666666 !important;
}
.text-gray50-mts {
    color: #808080 !important;
}
.text-gray60-mts {
    color: #999999 !important;
}
.text-gray70-mts {
    color: #b3b3b3 !important;
}
.text-gray90-mts {
    color: #e6e6e6 !important;
}


.text-red-mts {
    color: red !important;
}
.text-maroon-mts {
    color: #800000 !important;
}

.text-pink-mts {
    color: #ff33cc !important;
}
.text-green-mts {
    color: #23db27 !important;
}
.text-greenbluis-mts {
    color: #66ff99 !important;
}

.text-darkBlue-mts {
    color: #0423b0 !important;
}
.text-Purple-mts {
    color: #993399 !important;
}

.text-yellow50-mts {
    color: #ffff00 !important;
}
.text-yellow60-mts {
    color: #ffff33 !important;
}

.text-orang-mts {
    color: #ff9900 !important; /*old value: #ff6a00*/
}
.text-orange-50-mts {
    /*color: #ff6600 !important;*/
    color: #ff9900 !important;
}
.text-redisorange-45-mts {
    color: #e62e00 !important;
}

.text-lightgreen-hvr-mts {
    color: #00b300 !important;
}
    .text-lightgreen-hvr-mts:hover,
    .text-lightgreen-hvr-mts:focus {
        color: #4dff4d !important;
    }

.text-skylightblue-hvr-mts {
    color: #00cccc !important;
}
    .text-skylightblue-hvr-mts:hover,
    .text-skylightblue-hvr-mts:focus {
        color: #00ffff !important;
    }

.text-clock-mts {
    color: #ffff00 !important;
}
    .text-clock-mts:hover {
        color: #000000 !important;
        background-color: #ffff00;
    }

/*.col-12-mts {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-12-mts {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;    
}*/
.div-device-comp {
    overflow-x: auto;
    display: block;
}
.form-control-ps {
    display: inline-block;
    width: 100%;
    height: 32px;
    /*height: calc(1.5em + 0.75rem + 2px);*/
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bebeda;
    /*border-bottom: 1px solid black;*/
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control-ps:focus {
        border: 1px solid #bebeda;
        /*box-shadow: 15px 10px 10px 0px #f2f2f2;*/
        /*box-shadow: 15px 10px 10px 0px #f2f2f2;*/
    }

    .form-control-ps:disabled, .form-control-ps[readonly] {
        background-color: #f2f2f2;
        opacity: 1;
        cursor: not-allowed;
    }

.form-control-mts {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000; /*#495057;*/
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid white;
    border-bottom: 1px solid #17a2b8; /* black */
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
    .form-control-mts:focus {
        /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
        /*box-shadow: 15px 12px 14px #333333;*/
        box-shadow: 15px 10px 10px 0px #cce6ff; /*#999999*/
    }
    .form-control-mts:disabled, .form-control-mts[readonly] {
        background-color: #e9ecef;
        opacity: 1;
    }
    
    .btn-SunHoliday-mts {
        color: maroon;
        font-weight: normal;
        background-color: darkorange;
        /*border-color: #f8f9fa;*/
        border: 1px solid maroon;
    }
    .btn-SunHoliday-mts:hover {
        color: white;
        font-weight: normal;
        background-color: darkorange;
        border: 1px dotted maroon;
    }

.btn-lineOnly-mts {
    border: 1px solid black;
    color: #212529;
    background-color: #dae0e5;
}
    .btn-lineOnly-mts:hover {
        color: #212529;
        background-color: #e2e6ea;
        border: 1px dotted black;
    }

.btn-reset1 {
    background-color: transparent; /* Green */
    border: none;
    color: cornflowerblue;
    padding: 0.375rem 0.75rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 0.25rem;
    text-decoration: underline;
    font-weight: bold;
}
.btn-reset1:hover, .btn-reset1:focus {
    outline: none;
    box-shadow: none;
    color: blue;
    background-color: lightyellow;
    font-weight: bold;
    text-decoration: underline;
    text-transform:capitalize;
}

.linkBtn {
    background-color: transparent; /* Green */
    border: 1px solid black;
    border-radius: 0.25rem;
    color: black;
    padding: 0.375rem 0.75rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}
    .linkBtn:hover {        
        color: yellow;
        background-color: black;
        font-weight: normal;
        text-decoration: none;
    }


.btn-AddNewPlus {
    width: 25px;
    height: 25px;
    background-image: url('Images/add-new.png');
    background-size: cover;
    font-weight: bolder;
}

    .btn-AddNewPlus:hover {
        background-image: url('Images/add-new.png');
        background-size: cover;
        color: white;
    }
    .btn-AddNewPlus.disabled, .btn-AddNewPlus:disabled {
        background-image: url('Images/add-new-gray.png');
        background-size: cover;
    }
.btn-AddNewPlusCircle {
    width: 32px;
    height: 32px;    
    background-image: url('Images/add-icon-Green.png');
    background-size: cover;
    font-weight: bolder;
}

.btn-subMenu-green {
    border: 1px solid green;
    padding: 10px 40px;
    color: black;
    font-weight: bolder;
    background-color: #ffff33; /* #ffff80 #b3ffb3; #28a745*/
}

    .btn-subMenu-green:hover {
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }

.btn-subMenu-secondary {
    border: 1px solid black;
    padding: 10px 40px;
    color: #d9d9d9;
    background-color: #6c757d;
}

    .btn-subMenu-secondary:hover {
        color: #fff;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }
.btn-mts {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    background-color: #007bff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.7;
    border-radius: 0.35rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
    .btn-mts:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
        /*box-shadow: 15px 12px 14px #333333;*/
        box-shadow: 15px 10px 10px 0px #999999;
    }
    .btn-mts:disabled {
        box-shadow:none;
    }
.btn-primary-mts {
    color: #fff;
    background-color: #000066; /*#007bff*/
    border-color: #000066; /*#007bff*/
}

.btn-secondary-mts {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-search-mts {
    width: 30px;
    height: 30px;
    background-image: url('../Core_Css/Images/search-lencs.png');
    background-size: cover;
    background-color: #ff9900;
    /*color: #000066;
    border-color: #ff9900;
    font-weight: bold;*/
}

.btn-submit-mts {
    color: #000066;
    background-color: #ff9900;
    border-color: #ff9900;
    font-weight: bold;
    width: 75px; /*newly added 29/06/22 */
}
    .btn-submit-mts.disabled, .btn-submit-mts:disabled {
        color: #fff;
        background-color: #ff9900;
        border-color: #ff9900;
        opacity: 0.5;        
    }
/*.btn-submit-disabled-mts {
    color: #999999;
    background-color: #cccccc;
    border-color: #999999;
    font-weight: bold;   
}*/

.btn-cancel-mts {
    color: #808080;
    background-color: white;
    border: 1px solid #33ccff;
    border-radius: 0.25rem;
    font-weight: bold;
    /*font-style:italic;*/
}
    .btn-cancel-mts.disabled, .btn-cancel-mts:disabled {
        color: #999999;
        background-color: #e6e6e6;
        border-color: #e6e6e6;
        opacity: 0.65;
    }
.btn-plain {    
    background-color: transparent;    
    border-radius: 0.25rem;
    font-weight: bold;
    text-decoration:none;
}
.btn-plain-link {
    display: inline-block;
    border-width: 0px; 
    background-color: transparent;    
    font-weight: bold;
    text-decoration: underline;
    color:blue;
}
.btn-save-mts2 {
    width: 27px;
    height: 27px;
    background-image: url('../Core_Css/Images/save-btn-icon.png');
    background-size: cover;
    background-color: transparent;
}
.btn-save-mts {
    width: 24px;
    height: 24px;
    background-image: url('../Core_Css/Images/save-icon.png');
    background-size: cover;
    background-color: transparent;
}
    .btn-save-mts:hover {
        background-image: url('../Core_Css/Images/save-icon-gray.png');
        background-size: cover;
    }
    .btn-save-mts.disabled, .btn-save-mts:disabled {
        background-image: url('../Core_Css/Images/save-icon-gray.png');
        background-size: cover;
    }

.btn-reset {
   /* outline: none;
    box-shadow: none;*/
    color: blue;
    background-color: #ffff66;
    font-weight: bold;
    text-decoration: underline;
}
    .btn-reset:hover, .btn-reset:focus {
        outline: none;
        box-shadow: none;
        color: black;
        background-color: #ffff66;
        font-weight: bold;
        text-decoration: underline;
        /*box-shadow: 15px 10px 10px 0px #999999;*/
    }
.btn-open-link {
    outline: none;
    box-shadow: none;
    color: yellow;
    background-color: black;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid black;
}

    .btn-open-link:hover, .btn-reset:focus {
        outline: none;
        box-shadow: none;
        color: black;
        background-color: yellow;
        font-weight: bold;
        text-decoration: none;
        border:1px solid black;
    }
.btn-open-blink {
    animation: blinker 2s linear infinite;   
    background-color: red;    
}
/*.btn-open-blink {
    animation: blinker 1s linear infinite;
    outline: none;
    box-shadow: none;
    color: yellow;
    background-color: red;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid black;
}*/

/*.scrollable-element {
    scrollbar-track-color: yellow;
    scrollbar-arrow-color: black;
    scrollbar-base-color: yellow;*/
    /*-webkit-scrollbar: none;
        -webkit-scrollbar-button
        -webkit-scrollbar-track-piece
        -webkit-scrollbar-thumb -webkit-scrollbar-corner
    */
    /*-webkit-scrollbar-track: yellow;
}*/


.hr-green {
    border: 5px solid green;
    border-radius: 5px;
}
.hr-black1 {
    border: 1px solid black;
    border-radius: 5px;
}
.hr-black2 {
    border: 2px solid black;
    border-radius: 5px;
}
.hr-lightblue {
    border: 1px solid lightblue;
    border-radius: 5px;
}
.hr-gridblue {
    border: 2px solid black; /* #5D7B9D;*/
    border-radius: 5px;
}
.hr-blue {
    border: 2px solid blue;
    border-radius: 5px;
}
.hr-red {
    border: 2px solid red;
    border-radius: 5px;
}
.hr-maroon {
    border: 2px solid maroon;
    border-radius: 5px;
}
.underline{
    text-decoration:underline;
}

.disableCtrl {
    /*cursor: none;*/
    background-color: #d9d9d9; /* 85% */    
}

.circle {
    height: 28px;
    width: 28px;
    /*padding-top: 5px;*/
    margin-top:5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
/* 30Days GridView Div Colors */
.cellMarked {
    background-color: greenyellow;
    /*width: 29px;
    height: 26px;*/
}
.cellNotMarked {
    background-color: red;
    /*width: 29px;
    height: 26px;*/
}
.cellSunday {
    background-color: darkblue;
   /* width: 29px;
    height: 26px;*/
}
.cellHoliday {
    background-color: darkkhaki;
   /* width: 29px;
    height: 26px;*/
}
.cellEmpty {
    background-color: #e6e6e6;
    /* width: 29px;
    height: 26px;*/
}

/*-----------------*/
.tooltipHide1 {
}
.tooltipHide2 {
}
.emptyOne{

}
.emptytwo {
}
.emptythree {
}

.txtValidateOne {
}
.txtValidateTwo {
}
.txtValidateThree {
}

.shadow-blacktxt {
    color: black;
    text-shadow: 5px 5px 6px #8c8c8c;
}


.box-shadow-yellow {
    box-shadow: 10px 10px yellow;
}
.box-shadow-black {
    box-shadow: 15px 15px black;
}
.box-shadow-gray {
    box-shadow: 10px 10px gray;
}
.box-shadow-reminder {
    box-shadow: 12px 10px #cccc00;
}
.box-shadow-orangely {
    box-shadow: 12px 10px #ff9900;
}
.box-shadow-bloodred {
    box-shadow: 12px 10px #cc0000; 
}
.box-shadow-skyblue { 
    box-shadow: 12px 10px #1aa3ff; /* box-shadow-pink */
}
.box-shadow-lavender {
    box-shadow: 12px 10px #b300b3;
}
.box-shadow-orangeyellow {
    box-shadow: 12px 10px #ffd11a;
}
.box-shadow-blue {
    box-shadow: 12px 10px #1a1aff;
}
.box-shadow-green {
    box-shadow: 12px 10px #53ff1a;
}  
/*-----------------------------------------------------------------------------------*/
.CompletionList {
    border: solid 1px Blue;
    margin: 0px;
    padding: 3px;
    height: 120px;
    overflow: auto;
    background-color: #e6e6e6;
}

.CompletionListItem {
    color: blue;
}

.CompletionListHighlightedItem {
    background-color: #bfbfbf;
}  
/* AutoComplete END*/
.horiztlSpace0 {
    padding-left: 5px;
}
.horiztlSpace1 {
    padding-left: 15px;
}
.horiztlSpace2 {
    padding-left: 25px;
}
.horiztlSpace3 {
    padding-left: 35px;
}
.horiztlSpace4 {
    padding-left: 45px;
}
.horiztlSpace5 {
    padding-left: 55px;
}
.horiztlSpace6 {
    padding-left: 65px;
}
.horiztlSpace7 {
    padding-left: 75px;
}

.break-nextline::after {
    content: "\a";
    white-space: pre;
}
.space-single::after {
    content: "\a";
    white-space: pre;
}
.space-double::after {
    content: "\a\a";
    white-space: pre;
}
.space-trible::after {
    content: "\a\a\a";
    white-space: pre;
}

.alignTxtbxTextRight {
    text-align: right;
}
.txtboxBottomLine {
    width: 40%;
    padding: 8px 10px;
    margin: 0px 0;
    box-sizing: border-box;
    /*background-color: #e6f2ff;*/
    /*background-clip: padding-box;
    border: 1px solid #e6f2ff;*/
    border: none;
    border-bottom: 2px solid lightblue;
}
    .txtboxBottomLine:focus {
        background-color: #e6f2ff;
        border: 1px solid #e6f2ff;
        background-clip: padding-box;
    }
/* MTS Background Color Classes */
/* side menu color BG #343a40 */
.footer-mts{
    background-color: white;
    color: gray;
    font-size:x-small;
    padding-top:10px;
}

.updateProgress {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    background-color: #000000;
    opacity: 0.6;
}
.updateProgress-image {
    position: relative;
    top: 9%;    
}


.word-wrap {
    word-wrap: break-word;
}

.word-break {
    word-break: break-all;
}

.w-60 {
    width: 60% !important; 
}
.br-2x-dotted {
    border: 2px dotted orange;
}

.removeOutline {
    outline: none;
}

.controlHide {
    display: none;
}

.controlShow {
    display: inline;
}

.blink_msg {
    animation: blinker 4s linear infinite;
}
.blink_msg-fast {
    animation: blinker 1s linear infinite;
}
.blink_msg-fast2 {
    animation: blinker 2s linear infinite;
}
.blink_msg-fast3 {
    animation: blinker 3s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.validationError {
    padding: 2px 6px 3px 6px;
    color: darkred;
    border: 1px solid red;
    background-color: #FFCECE;
    animation: validationError 7s linear infinite;    
}
@keyframes validationError {
    50% {
        opacity: 0;
    }
}
.validationErrorNoBlink {
    padding: 2px 6px 3px 6px;
    color: darkred;
    border: 1px solid red;
    background-color: #FFCECE;    
}
.validationNoError {
    border: none;
    background-color: none;
}

.error {
    color: red;
    font-style: italic;
}

.noerror {
    color: black;
    font-style: normal;
}
.error-empty {
    border: 2px solid red;
    background-color: #FFCECE;
}
.Login-screen {
    width: 285px;
    height: 223px;
    background-image: url('../Core_Images/favicon.PNG');
    background-size: cover;
    border: 1px solid white;
}
.Login-screen1 {
    width: 100%;
    height: 550px;
    background-image: url('../Core_Images/Login-Img.PNG');
    background-size: cover;
    border: 1px solid white;
}

.btn-reject {
    width: 23px;
    height: 23px;
    background-image: url('Images/reject-thumb2.png');
    background-size: cover;
}
.btn-update {
    width: 37px;
    height: 37px;
    background-image: url('Images/done-green.png');
    background-size: cover;
}
.btn-cancel {
    width: 24px;
    height: 24px;
    background-image: url('Images/cancel-red.png');
    background-size: cover;
}
    .btn-cancel.disabled, .btn-cancel:disabled {
        background-image: url('Images/cancel-hover.png');
        background-size: cover;
    }
.btn-cancelled {
    width: 24px;
    height: 24px;
    background-image: url('Images/cancel-hover.png');
    background-size: cover;
}

.btn-edit {
    width: 25px;
    height: 25px;
    background-image: url('Images/edit-btn-blue-icon.png');
    background-size: cover;
}
    .btn-edit:hover {        
        background-image: url('Images/edit-btn-icon.png');
        background-size: cover;
        /*border: 1px dotted darkblue;*/
    }
    .btn-edit.disabled, .btn-edit:disabled {
        background-image: url('Images/edit-btn-icon.png');
        background-size: cover;
    }
/*edit-btn-yellow*/
.btn-edit-yellow {
    width: 25px;
    height: 25px;
    background-image: url('Images/edit-btn-yellow.png');
    background-size: cover;
}

    .btn-edit-yellow:hover {
        background-image: url('Images/edit-btn-blue-icon.png');
        background-size: cover;
        /*border: 1px dotted darkblue;*/
    }

    .btn-edit-yellow.disabled, .btn-edit-yellow:disabled {
        background-image: url('Images/edit-btn-icon.png');
        background-size: cover;
    }

.btn-dispatch {
    width: 32px;
    height: 25px;
    background-image: url('Images/dispatch-icon-blue-nobg.png');
    background-size: cover;
}

    .btn-dispatch:hover {
        background-image: url('Images/dispatch-icon-gray-nobg.png');
        background-size: cover;
        /*border: 1px dotted darkblue;*/
    }

    .btn-dispatch.disabled, .btn-dispatch:disabled {
        background-image: url('Images/dispatch-icon-gray-nobg.png');
        background-size: cover;
    }

.btn-icon-plus {
    width: 34px;
    height: 34px;
    background-image: url('Images/add-hover.PNG');
    background-size: cover;
    border-width: 0px;
}

    .btn-icon-plus:hover, .btn-icon-plus:focus {
        background-image: url('Images/add-green.PNG');
        background-size: cover;
        border-width: 0px;
    }

    .btn-icon-plus.disabled, .btn-icon-plus:disabled {
        background-image: url('Images/add-hover.PNG');
        background-size: cover;
        opacity: 0.40;
        cursor: not-allowed;
        border-width: 0px;
    }

.btn-icon-cross {
    width: 34px;
    height: 34px;
    background-image: url('Images/cancel-hover.PNG');
    background-size: cover;
    border-width: 0px;
}

    .btn-icon-cross:hover, .btn-icon-cross:focus {
        background-image: url('Images/cancel-red.PNG');
        background-size: cover;
        border-width: 0px;
    }

    .btn-icon-cross.disabled, .btn-icon-cross:disabled {
        background-image: url('Images/cancel-hover.PNG');
        background-size: cover;
        opacity: 0.40;
        cursor: not-allowed;
        border-width: 0px;
    }

.btn-printer {
    width: 21px;
    height: 21px;
    background-image: url('Images/printer.png');
    background-size: cover;
    border: none;
}

    .btn-printer:hover {
        background-image: url('Images/printer-hover.png');
        background-size: cover;
    }

.btn-jump {
    width: 22px;
    height: 24px;
    background-image: url('Images/jump-icon.png');
    background-size: cover;
}

    .btn-jump:hover {
        width: 27px;
        height: 29px;
        background-image: url('Images/jump-icon.png');
        background-size: cover;
    }

    .btn-jump.disabled, .btn-jump:disabled {
        background-image: url('Images/jump-icon-gray.png');
        background-size: cover;
    }

.btn-gotoreport {
    width: 24px;
    height: 35px;
    background-image: url('Images/report-icon-blue.png');
    background-size: cover;
}
    .btn-gotoreport:hover {
        width: 24px;
        height: 35px;
        background-image: url('Images/report-icon.png');
        background-size: cover;
    }
    .btn-gotoreport.disabled, .btn-gotoreport:disabled {
        background-image: url('Images/report-icon.png');
        background-size: cover;
    }

.btn-back {
    width: 38px;
    height: 38px;
    background-image: url('Images/back-arrow-square.png');
    background-size: cover;
}

    .btn-back:hover {
        width: 38px;
        height: 38px;
        background-image: url('Images/back-arrow-square.png');
        background-size: cover;
    }

    .btn-back.disabled, .btn-back:disabled {
        background-image: url('Images/back-arrow-square.png');
        background-size: cover;
    }

.btn-select {
    width: 28px;
    height: 29px;
    background-image: url('Images/select-icon-blue.png');
    background-size: cover;
}
    .btn-select:hover {
        background-image: url('Images/select-icon.png');
        background-size: cover;
        /*border: 1px dotted darkblue;*/
    }

    .btn-select.disabled, .btn-select:disabled {
        background-image: url('Images/select-icon.png');
        background-size: cover;
    }
.btn-listGv {
    width: 25px;
    height: 25px;
    background-image: url('../Core_Css/Images/items-icon-gray.jpg');
    background-size: cover;
}
    .btn-listGv:hover {
        background-image: url('../Core_Css/Images/items-icon-blue.jpg');
        background-size: cover;
        /*border: 1px dotted darkblue;*/
    }

    .btn-listGv.disabled, .btn-listGv:disabled {
        background-image: url('../Core_Css/Images/items-icon-gray.jpg');
        background-size: cover;
    }

.btn-pdf {
    width: 27px;
    height: 29px;
    background-image: url('../Core_Css/Images/pdf-icon.PNG');
    background-size: cover;
}
    .btn-pdf:hover {
        background-image: url('../Core_Css/Images/pdf-icon.PNG');
        background-size: cover;
        /*border: 1px dotted darkblue;*/
    }

    .btn-pdf.disabled, .btn-pdf:disabled {
        background-image: url('../Core_Css/Images/pdf-icon.PNG');
        background-size: cover;
    }

.btn-copy {
    width: 27px;
    height: 27px;
    background-image: url('Images/Copy.png');
    background-size: cover;
}

.btn-details {
    width: 27px;
    height: 27px;
    background-image: url('../ErpImages/demo-details-green.jpg');
    background-size: cover;
}

    .btn-details:hover {
        background-image: url('../ErpImages/demo-details-gray.jpg');
        background-size: cover;
    }
.btn-viewpage {
    width: 32px;
    height: 33px;
    background-image: url('../ErpImages/view-details.PNG');
    background-size: cover;
}

    .btn-viewpage:hover {
        background-image: url('../ErpImages/view-details-gray.PNG');
        background-size: cover;
    }

.btn-orders {
    width: 27px;
    height: 27px;
    background-image: url('../ErpImages/orders-blue.jpg');
    background-size: cover;
}

    .btn-orders:hover {
        background-image: url('../ErpImages/orders-gray.jpg');
        background-size: cover;
    }
.btn-done {
    width: 27px;
    height: 27px;
    background-image: url('Images/done-green.PNG');
    background-size: cover;
    background-color: transparent;
    border: 1px solid transparent;
}
    .btn-done:hover {
        background-image: url('Images/done-green.PNG');
        background-size: cover;
        background-color: transparent;
        border: 1px solid transparent;
    }

.btn-delete {
    width: 29px;
    height: 29px;
    background-image: url('Images/Trash-Red.PNG');
    background-size: cover;
}

.btn-trash {
    width: 26px;
    height: 26px;
    background-image: url('Images/Trash-Red.PNG');
    background-size: cover;
}
    .btn-trash:hover {        
        background-image: url('Images/Trash-Red.PNG');
        background-size: cover;
    }
    .btn-trash.disabled, .btn-trash:disabled {        
        background-image: url('Images/Trash-gray.png');
        background-size: cover;
    }
.btn-trashRev {
    width: 26px;
    height: 26px;
    background-image: url('../ErpImages/trash-red.jpg');
    background-size: cover;
}

    .btn-trashRev:hover {
        background-image: url('../ErpImages/trash-black.jpg');
        background-size: cover;
    }

.btn-invoice {
    width: 24px;
    height: 25px;
    background-image: url('Images/receipts-blue.jpg');
    background-size: cover;
}

    .btn-invoice:hover {
        background-image: url('Images/receipts-gray.jpg');
        background-size: cover;
    }

.btn-prodCount {
    width: -20px;
    height: -20px;
    z-index: -1;
    background-image: url('../ErpImages/prodCount-black.PNG');
    background-size: cover;    
    font-weight: bolder;
}

    .btn-prodCount:hover {
        background-image: url('../ErpImages/prodCount-gray.PNG');
        background-size: cover;
        color:white;
    }

.btn-createNew {
    width: 33px;
    height: 33px;
    background-image: url('../ErpImages/create-New.PNG');
    background-size: cover;
    font-weight: bolder;
}
    .btn-createNew:hover {
        background-image: url('../ErpImages/create-New-gray.PNG');
        background-size: cover;
        color: white;
    }

.info-circle {
    width: 12px;
    height: 12px;    
    background-image: url('Images/info-circle.jpeg');    
    background-size: cover;
    font-weight: bolder;
}

.arrow:after {
    border-bottom-color: #ff6600;
}

.fa-1x {
    font-size: 1.5em;
}
.text-decor-underline_popover_yellow {
    text-decoration: underline;
    text-decoration-color: yellow;
}
.text-decor-underline_popover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: #ffb84d;    
}
.text-decoration-strikeline {
    text-decoration: line-through;
}
.text-decoration-underline {
    text-decoration: underline;
}
      
    .progress{
        margin-bottom: 1rem;
    }

  
/* Enquiry Form  */
.inputWidth{
	width: 320px; /* matched for mobile view*/
}
.inputQuantity{
    font-size: 16px;
	width: 50px; 
}

div.msglbl {
    float: left;
    color: red;
    font-weight: 400;
    width: 100%;
    font-weight: bold;
}
div.subheadLeft {
    float: left;
    color: red;
    font-weight: 400;
    /*width: 93%;*/
    font-weight: bold;
}
div.subheadRight {
    float: right;
    color: red;
    font-weight: 400;
    /*width: 7%;*/
    font-weight: bold;
}

div.max-scrollable{
    max-height: 500px;
}

div.max-scrollable-report {
    min-height: 550px;
}

/*Accordian Style*/
.accordion-mts > .card-mts {
    overflow: hidden;
}

    .accordion-mts > .card-mts:not(:last-of-type) {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .accordion-mts > .card-mts:not(:first-of-type) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .accordion-mts > .card-mts > .card-header-mts {
        border-radius: 0;
        margin-bottom: -1px;
    }

.card-mts {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 3px solid #ffffff; /*rgba(0, 0, 0, 0.125);*/
    border-radius: 0.25rem;
}

.card-header-mts {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background: linear-gradient(to bottom, #3399ff 44%, #66ff66 101%);
    border-bottom: 3px solid #ffffff; /*rgba(0, 0, 0, 0.125);*/
}

    .card-header-mts:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }

.card-body-mts {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.accordion-btn-mts {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    /* color: #33ccff !important;
    text-decoration: none;*/
}

    .accordion-btn-mts:hover {
        color: #000000;
        text-decoration: underline;
    }
.form-control-search-hgt {
    height: 32px;
}
.rpt-min-max-height {
    min-height: 70vh;
    max-height: 70vh;
}
/*Showing Download and Print Icon on Mobile Device*/
.ToolbarExport.WidgetSet, .ToolbarPrint.WidgetSet {
    display: inline-block !important; /* Force display */
}
.btn-legder {
    width: 22px;
    height: 24px;
    background-image: url('Images/ledger-btn-icon.jpeg');
    background-size: cover;
}

    .btn-legder:hover {
        width: 27px;
        height: 29px;
        background-image: url('Images/ledger-btn-icon.jpeg');
        background-size: cover;
    }

.max-vh-purchaseOrder {
    min-height: 45vh !important; /* 28vh */
    max-height: 45vh !important; /* 28vh */
}

/*CR09 Start*/

.box-style-mts {
    background-color: #f7941d !important;
    color: #000 !important;
    padding: 1px 4px;
    border: 1px solid #ffffb3;
    border-radius: 5px;
}

.bgcolorreccount {
    background: linear-gradient(to bottom, #30c7ff, #a3e9ff);
    color: #000;
    padding: 1px 4px;
    border: 1px solid #a3e9ff;
    border-radius: 5px;
}

.metertask {
    height: 22px;
    /* position: absolute;*/
    background-color: #e60000; /* red*/
    /*overflow: hidden;*/
    border: 1px solid black;
}

    .metertask span {
        display: block;
        height: 100%;
        border-start-end-radius: 3px;
        border-end-end-radius: 3px;
    }

.progresstask {
    background-color: #00cc00; /*Green*/
    animation: progressBar 3s ease-in-out;
    animation-fill-mode: both;
}

@keyframes progressBar {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

#pbtext:hover {
    transform: scale(1.75); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.scrollable-TaskTracker {
    max-height: 45vh !important;
    overflow-y: scroll;
}

.sticky-bottom { /*use for TaskTracker Page*/
    position: sticky;
    bottom: 0;
    z-index: 1000;
    background-color: #fff;
    border-top: 1px solid #ccc;
}
.btn-book {
    width: 25px;
    height: 25px;
    background-image: url('Images/btn-book.png');
    background-size: cover;
}

    .btn-book:hover {
        background-image: url('Images/btn-book.png');
        background-size: cover;
        /*border: 1px dotted darkblue;*/
    }

    .btn-book.disabled, .btn-book:disabled {
        background-image: url('Images/btn-book.png');
        background-size: cover;
    }
/*CR09 End*/