/*!
 * Additional CSS
 */
/* AutoComplete Start*/

.font-size-9mts {
    font-size: 9px;
}
.font-size-11mts {
    font-size: 11.5px;
}
.font-size-12mts{
    font-size: 12px;
}
.font-size-14mts {
    font-size: 14px;
}
.font-size-15mts {
    font-size: 15px;
}
.div-device-comp {
    overflow-x: auto;
    display: block;
}
.pre-scrollable-taskEnt {
    overflow-y: scroll;
    max-height: 450px;
}
.pre-scrollable-dash {
    overflow-y: scroll;
    max-height: 375px;
}

.pre-scrollable {
    overflow-y: scroll;
    /*height: 600px;*/
    min-height: 650px;
    max-height: 650px;
}

.pre-scrollable-view {
    overflow-y: scroll;
    min-height: 700px;
    max-height: 700px;
}
.pre-scrollable-gv {
    overflow-y: scroll;    
    min-height: 300px;
    max-height: 440px; /*10 Records*/
}
.pre-scrollable-gvpg {
    overflow-y: scroll;
    min-height: 400px;    
}
.pre-scrollable-gv700 {
    overflow-y: scroll;
    min-height: 300px;
    max-height: 700px; /*10 Records*/
}

.text-decor-popover {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 4px;
    text-decoration-color: #0071b3;
}
.text-decor-popover-warranty {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 4px;
    text-decoration-color: #00cc00;
}
.text-decor-popover-repair {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 4px;
    text-decoration-color: #e60000;
}
.highlighSearch1 {
    background-color: #ff0000;
    color: yellow;
    padding: 7px;
    border-radius: 0.4rem;
}
.highlighSearch2 {
    background-color: #ff0000;
    color: yellow;
    padding: 7px;
    border-radius: 0.4rem;
}
/*Overwrite thead bootstap*/
.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    font-weight:bold;
    text-decoration: none;
    background-color: yellow;
}

/* Fixed table header and scrollable body */
.headerSticky {
    position: sticky;
    top: 0;
    background-color: black; /*#5D7B9D*/    
}
.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);
}

/*set minimum vertical height*/
.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-40mts {
    min-height: 40vh !important;
    max-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-radius-5px {
    border-radius: 5px;
}
/* Cursor none*/
.cursor-none {
    cursor: default;
    /*text-decoration-line:none;*/
    text-decoration: none;
}
.cursor-hand {
    cursor: pointer;    
    text-decoration: none;
}
.cursor-not-allowed {
    cursor: not-allowed;
    text-decoration: none;
}
/*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-yellow-mts {
    background-color: #ffff00 !important; /* yellow */
}
.bg-yellow60-mts {
    background-color: #ffff33 !important;
}
.bg-yellowgreenish-mts {
    background-color: #e6e600 !important;
}
.bg-primary-mts {
    background-color: #03118f !important;
}

.bg-secondary-mts {
    background-color: #2c50f1 !important;
}
.bg-green70-mts {
    background-color: #66ff66 !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-lightGray25-mts {
    background-color: #404040 !important;
}

/* 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-gray-mts {
    color: #999999 !important;
}

.text-lightgray-mts {
    color: #bfbfbf !important;
}
.text-lightergray-mts {
    color: #f2f2f2 !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: #ff6a00 !important;
}
.text-orange-50-mts {
    color: #ff6600 !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%;    
}*/

.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 black; /*#ced4da*/
    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 #999999;
    }

    .form-control-mts.disabled, form-control-mts:disabled {
        color: black;
        background-color: gainsboro;
    }

    
    .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-repairlog {
    width: 23px;
    height: 24px;
    background-image: url('../Core_Images/repairlogsheet.png');
    background-size: cover;
    font-weight: bolder;
    /*spin-animation*/
    animation: spin-animation 1s infinite;
    display: inline-block;
    animation-iteration-count: 25;
    animation-direction: alternate-reverse;
}
/*.icn-spinner {
    animation: spin-animation 0.5s infinite;
    display: inline-block;
}*/

@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.btn-warrantycard {
    width: 23px;
    height: 23px;
    background-image: url('../Core_Images/warrantycard.png');
    background-size: cover;
    font-weight: bolder;
}

.btn-webpage {
    width: 75px;
    height: 24px;
    background-image: url('../Core_Images/webpageurl.png');
    background-size: cover;
    font-weight: bolder;
}
.btn-youtube {
    width: 36px;
    height: 25px;
    background-image: url('../Core_Images/youtube.png');
    background-size: cover;
    font-weight: bolder;
}

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

    .btn-AddNewPlus:hover {
        background-image: url('Images/add-new-lightGreenBg.png');
        background-size: cover;
        color: white;
    }
.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-primary-mts {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;

}

.btn-secondary-mts {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-success-mts {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-success-mts:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

.btn-black-mts {
    color: yellow;
    background-color: black;
    border-color: yellow;
    font-weight:bold;
}
    .btn-black-mts.disabled, btn-black-mts:disabled {
        color: black;
        background-color: lightgray;
        border-color: lightgray;
        font-weight: bold;
    }

.btn-black-disabled-mts {
    color: #999999;
    background-color: #cccccc;
    border-color: #999999;
    font-weight: bold;
}

.btn-cancel-mts {
    color: black;
    background-color: white;
    border: 1px solid black;
    border-radius: 0.25rem;
    font-weight: bold;
}

.btn-plain {    
    background-color: transparent;    
    border-radius: 0.25rem;
    font-weight: bold;
    text-decoration:none;
}
.btn-plain-link {
    background-color: transparent;
    border-radius: 0.25rem;    
    font-weight: bold;
    text-decoration: underline;
}

.btn-reset {
    outline: none;
    box-shadow: none;
    color: blue;
    background-color: white;
    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 1s linear infinite;   
    background-color: red;    
}
.btn-open-blink-grn {
    animation: blinker 2s linear infinite;
    background-color: limegreen;
    color: black;
}
.btn-open-blink-ylw {
    animation: blinker 4s linear infinite;
    background-color: yellow;
    color:black;
}
/*.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;*/
/*}*/
.borderBox1 {
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.borderBox2 {
    border-left: 2px solid black;
    border-right: 2px solid black;
}
.borderBottom1 {
    border-bottom: 1px solid black;    
}
.borderBottom2 {
    border-bottom: 2px solid black;
}

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

}
.emptytwo {
}
.emptythree {
}

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

.shadow-blacktxt {
    color: black;
    text-shadow: 5px 5px 6px #000000;
}
.shadow-blacktxt2 {
    color: #000099;
    text-shadow: 5px 5px 9px #8080ff;
}

.box-shadow-yellow {
    box-shadow: 10px 10px yellow;
}
.box-shadow-black {
    box-shadow: 15px 15px black;
}
.box-shadow-gray {
    box-shadow: 10px 10px gray;
}



/*-----------------------------------------------------------------------------------*/
.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;
}
.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: 33px;
    height: 33px;
    background-image: url('Images/cancel-red.png');
    background-size: cover;
}

.btn-edit {
    width: 27px;
    height: 27px;
    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;
    }

.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: 30px;
    height: 30px;
    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 {
        width: 20px;
        height: 25px;
        background-image: url('Images/Trash-Black.png');
        background-size: cover;
    }
.btn-trashRev {
    width: 27px;
    height: 27px;
    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: 26px;
    height: 27px;
    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;
    }

.btn-timer {
    width: 27px;
    height: 27px;
    background-image: url('Images/timer-trn.PNG');
    background-size: cover;
    font-weight: bolder;
}
    .btn-timer:hover {
        background-image: url('Images/timer-black-trn.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-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;
}

.panel-bg-shade {
    /*background: linear-gradient(to top, #ffffff 0%, #545492 60%);*/
    background-color:transparent;
}

.panelpopup {
    position: absolute;
    left: 36%;
    top: 20%;
    transform: translate(-50%,-50%);
    padding: 0.5rem;
    display: block;
    z-index: 10000;
}
.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: 0px;  /*15px*/
}

.border-cornor-radius-bottom15 {
    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*/

/* Top Menu active high;ighter*/
.activeMenu {
    color: black;
    background-color: yellow;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 0px; /*15px*/
}
.uploadFiles {
    background-color: #FFFF33;
    color: gray;
    border: 1px solid #000;
    /*font: Verdana 10px;*/
    padding: 1px 4px;
    /*font-family: Palatino Linotype, Arial, Helvetica, sans-serif;*/
}
/*Reports*/
.rpt-scrollable-mobile {
    overflow-x: auto;
    overflow-y: scroll;
}

.rpt-min-max-height {
    min-height: 80vh;
    max-height: 80vh;
}