/* added Dec 1, 2023 */
*:focus,
*:active
 {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.btn-toggle{background:#bdc1c8;}
.btn-toggle:after,.btn-toggle:before{line-height:1.5rem;width:4rem;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;color:#6b7381;}
.btn-toggle:before{content:"Off";left:-4rem;}
.btn-toggle:after{content:"On";right:-4rem;opacity:.5;}
.btn-toggle.active{transition:background-color .25s;background-color:#29b5a8;}
.btn-toggle.btn-sm:after,.btn-toggle.btn-sm:before{color:#fff;line-height:1.5rem;width:.5rem;font-weight:600;font-size:.55rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;}
.btn-toggle.btn-sm:after{left:.4125rem;text-align:left;content:"On";right:-.5rem;opacity:.5;}
.btn-toggle.btn-sm:before{text-align:right;content:"Off";left:-.5rem;}
.btn-toggle.btn-sm.btn-sm.active:before{opacity:0;}
.btn-toggle.btn-sm{position:relative;border:0;height:1.5rem;width:3rem;border-radius:1.5rem;margin:0 .5rem 0 0;padding:0;}
.btn-toggle.btn-sm.active{transition:background-color 250ms linear;}
.btn-toggle.btn-sm.btn-sm:after,.btn-toggle.btn-sm.btn-sm:before{color:#fff;letter-spacing:.75px;left:.4125rem;width:2.325rem;}
.btn-toggle.btn-sm.btn-sm:before{text-align:right;}
.btn-toggle.btn-sm.btn-sm:after{text-align:left;opacity:0;}
.btn-toggle:active,.btn-toggle:hover{color:transparent;background-color:#bdc1c8;border-color:transparent;}
.btn-toggle.focus,.btn-toggle.focus.active,.btn-toggle:focus,.btn-toggle:focus.active,.btn-toggle.btn-sm.focus,.btn-toggle.btn-sm.focus.active,.btn-toggle.btn-sm:focus,.btn-toggle.btn-sm:focus.active{outline:0;}
.btn-toggle>.handle,.btn-toggle.btn-sm>.handle{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left .25s;}
.btn-toggle.active>.handle,.btn-toggle.btn-sm.active>.handle{left:1.6875rem;transition:left .25s;}
.btn-toggle.active:before,.btn-toggle.btn-sm.active:before{opacity:.5;}
.btn-toggle.active:after,.btn-toggle.btn-sm.active:after,.btn-toggle.btn-sm.btn-sm.active:after{opacity:1;}

/* added Dec 9 */
/*.modal-header {padding: 5px 15px;}*/
.modal-content{border:none;}
.modal-header {padding: 15px 20px; background-color: #000232;}
.modal-header .modal-title{color:#fff}
.modal-body {padding: 15px 20px;}
.modal-footer{padding: 5px 20px;background-color: #383c40;}
.modal-header .btn-close{filter:invert(100%);}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{background-color:#bdc1c8}
.table-date{line-height: 1rem;font-size:0.85rem;}
.table-price{line-height: 1rem;font-size:0.85rem;}

/* added Dec 15 */
#ajaxOverlay{display: none;z-index: 100;background: rgba(0,0,0,0.6);}
.cv-spinner {height: 100%;display: flex;justify-content: center;align-items: center;}
.spinner {width: 40px;height: 40px;border: 4px #ddd solid;border-top: 4px #2e93e6 solid;border-radius: 50%;animation: sp-anime 0.4s infinite linear;}
@keyframes sp-anime {100% {transform: rotate(360deg);}}
.is-hide{display:none;}

.tab-title{font-size: 0.9rem;}
.tab-title i{font-size: 0.9rem;}
.tab-mobile i{font-size: 1.3rem;}

.choices{margin-bottom: 2px !important;}

.price-group-top input{border-top-right-radius: 0.25rem !important;border-bottom: none;}
.price-group-top .input-group-text{border-bottom: none;border-top-left-radius: 0.25rem !important;}

.price-group-bottom input{border-bottom-right-radius: 0.25rem !important;}
.price-group-bottom .input-group-text{border-bottom-left-radius: 0.25rem !important;}

.price-group-cogs input{border-top-right-radius: 0.25rem !important;border-bottom-right-radius: 0.25rem !important;}
.price-group-cogs .input-group-text{border-bottom-left-radius: 0.25rem !important;border-top-left-radius: 0.25rem !important;}

.product-pricing-table .input-group-text{font-size:0.8rem;text-align:right;flex-direction: row-reverse}
.accordion-button {padding: 0.75rem 1rem;}
.accordion{--bs-accordion-btn-focus-box-shadow:none !important;}
#info-table-content .updateInputDiv,#storage-table-content .updateInputDiv {
    width: 100px;
}
.btn:first-child:active{background-color:#878787}


.btn-cims{padding: .47rem .75rem;font-size: 0.875rem;font-weight: 400;border-radius: 50vh;display: inline-block;text-align: center;vertical-align: middle;-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color: #fff;
border:1px solid transparent;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
line-height: 1.6;
}

.btn-cims-sm{font-size:0.75rem;font-weight: 500;padding: .3rem .5rem;}
.btn-cims-icon{font-size:1.2rem;font-weight: normal;padding: .3rem .3rem;line-height: 1rem;}
.btn-cims-normal{border-radius: 0 !important;}
.btn-cims:hover {
background-image: -webkit-gradient(linear,left bottom,left top,from(#2B2B2B),to(#000000));
background-image: linear-gradient(to bottom right,#2B2B2B 0,#000000 100%);
}

.btn-v{color:#ffffff;margin-left:4px;margin-right:1px;}
.cims-outline{border-color:#CECECE;color:#000000 !important;}
.cims-outline:hover{color:#fff !important;}

.cims-select{padding: 0.2rem 1.75rem 0.2rem 0.45rem;}

button:disabled,
button[disabled]{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#2B2B2B),to(#000000));
background-image: linear-gradient(to bottom right,#2B2B2B 0,#000000 100%);
}

.cimsbg-dusk{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#3f79a5),to(#34658a));
    background-image: linear-gradient(to bottom right,#3f79a5 0,#34658a 100%);
}
.cimsbg-purp{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#501e8c),to(#330867 ));
    background-image: linear-gradient(to bottom right,#501e8c 0,#330867  100%);
}
.cimsbg-pinky{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#d61454),to(#bf164e ));
    background-image: linear-gradient(to bottom right,#d61454 0,#bf164e  100%);
}
.cimsbg-sun{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#dc4c13),to(#e03d04 ));
    background-image: linear-gradient(to bottom right,#dc4c13 0,#e03d04  100%);
}
.cimsbg-midnight{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#0f115a),to(#050646 ));
    background-image: linear-gradient(to bottom right,#0f115a 0,#050646  100%);
}
.cimsbg-nature{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#2C9633),to(#15A01F ));
    background-image: linear-gradient(to top,#2C9633 0,#15A01F  100%);
}
.cimsbg-azure{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#06c4c1),to(#8fd3f4 ));
    background-image: linear-gradient(to bottom right,#06c4c1 0,#8fd3f4  100%);
}
.cimsbg-malinka{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#f093fb),to(#f5576c ));
    background-image: linear-gradient(to bottom right,#f093fb 0,#f5576c  100%);
}
.cimsbg-life{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#43e97b),to(#12a388 ));
    background-image: linear-gradient(to bottom right,#43e97b 0,#12a388  100%);
}
.cimsbg-beach{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#4facfe),to(#00f2fe ));
    background-image: linear-gradient(to bottom right,#4facfe 0,#00f2fe  100%);
}
.cimsbg-eagle{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#9890e3),to(#b1f4cf ));
    background-image: linear-gradient(to bottom right,#9890e3 0,#b1f4cf  100%);
}
.cimsbg-royal{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#6a11cb),to(#2575fc ));
    background-image: linear-gradient(to bottom right,#6a11cb 0,#2575fc  100%);
}
.cimsbg-early{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#0ba360),to(#3cba92 ));
    background-image: linear-gradient(to bottom right,#0ba360 0,#3cba92  100%);
}
.cimsbg-water{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#74ebd5),to(#9face6 ));
    background-image: linear-gradient(to bottom right,#74ebd5 0,#9face6  100%);
}
.cimsbg-darkness{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#434343),to(#000000 ));
    background-image: linear-gradient(to bottom right,#434343 0,#000000  100%);
}
.cimsbg-red{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#e80505),to(#c80202 ));
    background-image: linear-gradient(to bottom right,#e80505 0,#c80202  100%);
}
.nav-tabs-custom .nav-item .nav-link.active{
    color:#fff;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#281e83),to(#25849b ));
    background-image: linear-gradient(to bottom right,#281e83 0,#25849b  100%); 
}

/* CIMS BUTTON TOGGLE */
.btn-cims-toggle{background-image: -webkit-gradient(linear,left bottom,left top,from(#bdc1c8),to(#808a9a ));background-image: linear-gradient(to bottom right,#bdc1c8 0,#808a9a  100%);}
.btn-cims-toggle.active{background-image: -webkit-gradient(linear,left bottom,left top,from(#06c4c1),to(#8fd3f4 ));background-image: linear-gradient(to bottom right,#06c4c1 0,#8fd3f4  100%);}
.btn-cims-toggle.btn-cims-sm:after,.btn-cims-toggle.btn-cims-sm:before{line-height:1.5rem;font-weight:600;font-size:.55rem;text-transform:uppercase;position:absolute;bottom:0.2rem;transition:opacity .25s;}
.btn-cims-toggle.btn-cims-sm:after{content:"On";}
.btn-cims-toggle.btn-cims-sm:before{content:"Off";}
.btn-cims-toggle.btn-cims-sm.btn-cims-sm.active:before{opacity:0;}
.btn-cims-toggle.btn-cims-sm{position:relative;height:1.92rem;width:3.2rem;}
.btn-cims-toggle.btn-cims-sm.active{transition:background-color 250ms linear;}
.btn-cims-toggle.btn-cims-sm.btn-cims-sm:after,.btn-cims-toggle.btn-cims-sm.btn-cims-sm:before{color:#fff;letter-spacing:.75px;left:.4125rem;width:2.325rem;}
.btn-cims-toggle.btn-cims-sm.btn-cims-sm:before{text-align:right;}
.btn-cims-toggle.btn-cims-sm.btn-cims-sm:after{text-align:left;}
.btn-cims-toggle.focus,.btn-cims-toggle.focus.active,.btn-cims-toggle:focus,.btn-cims-toggle:focus.active,.btn-cims-toggle.btn-cims-sm.focus,.btn-cims-toggle.btn-cims-sm.focus.active,.btn-cims-toggle.btn-cims-sm:focus,.btn-cims-toggle.btn-cims-sm:focus.active{outline:0;}
.btn-cims-toggle>.handle,.btn-cims-toggle.btn-cims-sm>.handle{position:absolute;top:.325rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left .25s;}
.btn-cims-toggle.active>.handle,.btn-cims-toggle.btn-cims-sm.active>.handle{left:1.6875rem;transition:left .25s;}
.btn-cims-toggle.active:after,.btn-cims-toggle.btn-cims-sm.active:after,.btn-cims-toggle.btn-cims-sm.btn-cims-sm.active:after{opacity:1;}

/* ********************************** */
/* Robotic Racks/Shelves config */

#rack-layout{font-size:0.9rem;}
#rack-layout .table>:not(caption)>*>* {padding: 0;height: 47px !important;}
#rack-layout .table-rack {background-color:#2a1280 !important;}
#rack-layout .table-rack a{color:#ffffff !important;}
#rack-layout .table-rack:hover{background-color:#615fc9}
#rack-layout .badge-soft-dark {color: #a6b7af;}
#rack-layout .table-primary{background-color:#00981c !important;}

/* down arrow */
#grid-048,#grid-065,#grid-378,#grid-395
{background-image:url(img/arrow-down.png);background-repeat:no-repeat;background-position: center center;}

/* up arrow */
#grid-057,#grid-066,#grid-387,#grid-396
{background-image:url(img/arrow-up.png);background-repeat:no-repeat;background-position: center center;}

/* left arrow */
#grid-004,#grid-007,#grid-202,#grid-205,#grid-403,#grid-601,#grid-733,#grid-931,#grid-1129,#grid-1294,#grid-1393
{background-image:url(img/arrow-left.png);background-repeat:no-repeat;background-position: center center;}

/* right arrow */
#grid-103,#grid-106,#grid-301,#grid-304,#grid-502,#grid-634,#grid-832,#grid-1030,#grid-1228,#grid-1360
{background-image:url(img/arrow-right.png);background-repeat:no-repeat;background-position: center center;}

.flex-even {flex: 1;}

.shelf-border{background: linear-gradient(-45deg, #84868b 0%, rgba(24,54,93,1) 19%, rgba(141,153,164,1) 41%, rgba(35,58,72,1) 59%, rgba(141,151,157,1) 80%, rgba(48,56,60,1) 100%);height:8px;}
.rack-layout-bin{font-size:  11px;}

/* ********************************** */