:root {
  --bs-primary: red !important;
}

body {font-family: 'Inter', sans-serif; font-size: 85%;}

.form-control:disabled, .form-control[readonly] {
  background-color: #FFF !important;
  border-color: #FFF !important;
  opacity: 1;
}

.btn:focus {outline:none !important; -moz-outline:none !important; -webkit-outline:none !important; box-shadow: none !important}
*:active {outline:none !important; -moz-outline:none !important; -webkit-outline:none !important; box-shadow: none !important;}
*:focus {outline:none !important; -moz-outline:none !important; -webkit-outline:none !important; box-shadow: none !important;}
.btn {cursor: pointer;}

#code {font-family: sans-serif;font-size: 11pt;}

fieldset {border-top:1px dotted #CCC !important;}
fieldset legend {font-size: smaller; font-weight: 700; text-transform: uppercase; padding-bottom: .3rem;}

.nav-link:hover {color: #000!important}

.call_time {top: 10px; left: -10px;}

#order-nav .nav-link.active {font-weight: bold;}

.notifications {max-height: 220px; overflow: auto;}
.notifications .dropdown-item i {margin-right: 0!important;}
.clearall {box-shadow: -10px -10px 20px rgba(0,0,0,.1),  10px -10px 20px rgba(0,0,0,.1);}
#orders tr:hover td { cursor: pointer;}
#orders tr td:last-child {border-right: 3px solid transparent;}
#orders tr th:last-child {border-right: 3px solid transparent;}

#orders tr.selected {box-shadow: inset 0 0 30px rgba(0,0,0,.8);}
#orders tr.selected td {background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%); }
.btn-span {cursor: pointer; border-bottom: 1px dotted #ccc; color: #20a8d8}
.btn-span:hover {cursor: pointer; border-bottom: 1px dotted #000; color: #000}
.hidden-block {width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.3); top: 0;}

#orderscount {border-bottom:1px solid rgba(255,255,255,.1) !important;}

/*#orders tr.table-success.selected td:last-child  { border-color: #4dbd74; }
#orders tr.table-warning.selected td:last-child  { border-color: #ffc107; }
#orders tr.table-danger.selected td:last-child  { border-color: #dc3545; }
#orders tr.table-light.selected td:last-child  { border-color: #BBB; }
*/
#orders tr.table-purple {background-color: #ddd1e7;}
#orders tr.table-purple:hover {background-color: #ded1ea;}
.bg-purple {background-color: #5e1987;}
.daterangepicker .ranges li { font-size: 11px; background: #FAFAFA; border: 1px solid #EAEAEA; margin-bottom: 2px;}
.range_inputs .cancelBtn {float: right;}
.daterangepicker td, .daterangepicker th {font-size: smaller;}

.currency_select {padding-right: 1.7rem !important; }

.aside-toggle-button {position: absolute;top:47px;left: -40px; width: 40px; background: #FAFAFA; border: 1px solid #c2cfd6; border-bottom-left-radius: 5px;border-top-left-radius: 5px; padding: .75rem 0;}
.aside-toggle-button .fa-angle-left {display: none;}
.aside-toggle-button .fa-angle-right {display: block;}
.aside-menu-hidden .aside-toggle-button .fa-angle-left {display: block;}
.aside-menu-hidden .aside-toggle-button .fa-angle-right {display: none;}

.bg-red-t {background-color: rgba(253, 214, 214,.3)}

.nav-item .form-check .form-check-input { margin-top: 2px; }
label.error {color: #f00; font-size: smaller; 	display: block !important; clear: both; margin-left: 5px; margin-top: 5px;}


/*#order-info {position: relative;}
#order-info .order_buttons {position: absolute; top: -10px; right: 0;}
*/
.notes .note span .note-delete {visibility: hidden; transition: all .15s;}
.notes .note:hover span .note-delete {visibility: visible; transition: all .15s;}
.notes .note:hover span .note-delete:hover  { cursor: pointer; color: red;}

.bg-refund {background: rgba(248,108,107,.2); border: 2px solid rgba(248,108,107,.5)}
.bg-charge {background: rgba(32,168,216,.2); border: 2px solid rgba(32,168,216,.5)}
.bg-black {background:#000 !important}
.badge-shop-1 {color: #2672af; border:1px solid #2672af;}
.badge-shop-2 {color: #C44E00; border: 1px solid #C44E00; }
.badge-shop-3 {color: #259fa5; border:1px solid #259fa5; }
.badge-shop-4 {color: #C44E00; border: 1px solid #C44E00; }
.badge-shop-5 {color: #C44E00; border: 1px solid #C44E00; }
.badge-shop-6 {color: #C44E00; border: 1px solid #C44E00; }
.badge-shop-7 {color: #C44E00; border: 1px solid #C44E00; }
.badge-shop-8 {color: #C44E00; border: 1px solid #C44E00; }
.badge-shop-9 {color: #C44E00; border: 1px solid #C44E00; }
.badge-shop-10 {color: #2672af; border:1px solid #2672af;}
.badge-shop-11 {color: #9FCC3B; border:1px solid #9FCC3B;}
.badge-shop-12 {color: #F46A37; border:1px solid #F46A37;}

.app-header.navbar .navbar-brand {background-size: 32px auto !important;}

.robo {font-family: monospace; letter-spacing: 1px;}
.client-icon {font-size: 9px !important}


.courier_logo {width: 48px;height: 48px;background-size: 48px;background-position: 50%; display: inline-block;}


.folder-icon, .snippet-icon, .plus-icon {position: relative;}
.folder-icon::before {font-family: "bootstrap-icons"; content: "\F3D1"; font-weight: 900; color: #BBB; position: absolute; top: 1px; left: -15px; font-size: 11px;}
.snippet-icon::before {font-family: "bootstrap-icons"; content: "\F38B"; font-weight: 400; color: #BBB; position: absolute; top: 2px; left: -10px; font-size: 11px;}
.plus-icon::before {font-family: "bootstrap-icons"; content: "\F4FD"; font-weight: 400; color: #BBB; position: absolute; top: 3px; left: -14px; font-size: 11px;}

.snippet-icon .snippet-edit { cursor: pointer; opacity: 0;}
.snippet-icon .item-delete { opacity: 0;}

.snippet-icon:hover .snippet-edit {opacity: 1;transition: opacity .5s ease-out;}
.snippet-icon:hover .item-delete {opacity: 1;transition: opacity .8s ease-out;}


/* AFTERSHIP */

.as_status {width: 48px; height: 48px; background-size: 48px;}
.as_status_small {width: 24px; height: 24px; background-size: 24px; }

.as_Pending {background-image: url(/img/statuses/status-pending.svg); background-repeat: no-repeat;} 
.as_InfoReceived {background-image: url(/img/statuses/status-info-receive.svg); background-repeat: no-repeat;} 
.as_InTransit {background-image: url(/img/statuses/status-in-transit.svg); background-repeat: no-repeat;} 
.as_OutForDelivery {background-image: url(/img/statuses/status-out-for-delivery.svg); background-repeat: no-repeat;} 
.as_AttemptFail {background-image: url(/img/statuses/status-attemptfail.svg); background-repeat: no-repeat;} 
.as_Delivered {background-image: url(/img/statuses/status-delivered.svg); background-repeat: no-repeat;} 
.as_Exception {background-image: url(/img/statuses/status-exception.svg); background-repeat: no-repeat;} 
.as_Expired {background-image: url(/img/statuses/status-expired.svg); background-repeat: no-repeat;} 


.as_color-Pending  {color: #CCCCCC;}
.as_color-InfoReceived {color: #214977;}
.as_color-InTransit {color: #65AEE0;}
.as_color-OutForDelivery {color: #F5A551;}
.as_color-AttemptFail {color: #B789C7;}
.as_color-Delivered {color: #4CBB87;}
.as_color-Exception {color: #D26759;}
.as_color-Expired {color: #616E7D;}

.aside-menu {
  z-index: 1019;
  width: 50%;
 box-shadow: -10px 0 50px rgba(0,0,0,.3) !important;}

.aside-menu-hidden .aside-menu {
    margin-right: -50%;
}

.balance-group tbody tr:nth-child(4n+1), .balance-group tbody tr:nth-child(4n+2) { background: #e1e1e1; }

#toast-container > .toast-info {background-image: url(/img/logo_white.png) !important; background-size: 32px; background-position: 10px 50%;}
#toast-container > .toast-error {background-image: url(/img/logo_white.png) !important; background-size: 32px; background-position: 10px 50%;}
#toast-container > .toast-success {background-image: url(/img/logo_white.png) !important; background-size: 32px; background-position: 10px 50%;}
#toast-container > .toast-warning {background-image: url(/img/logo_white.png) !important; background-size: 32px; background-position: 10px 50%;}
#toast-container > div {font-size: smaller; font-weight: bold;}

/* DASHBOARD */

.date-filter {border-bottom: 1px dotted #CCC; cursor: pointer;}
.date-filter:hover {border-bottom: transparent; color: #000;}
.date-filter.selected {font-weight: bold;}

.text-monospace {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}


.dash-card {transition: all 1.5s ease-in;}
.dash-card:hover {transform: translate(-5px,-5px);transform: scale(1.04);z-index: 9999;transition: all .3s ease-out; box-shadow: 0 0 20px rgba(0,0,0,.5)}
.dash-card.bg-warning:hover {background-color: #FFDA6C!important}
.dash-card.bg-danger:hover {background-color: #D95655!important}

.dash-card .golem-link {opacity: 0;  transition: opacity .5s ease-out;}
.dash-card:hover .golem-link {opacity: 1;  transition: opacity .5s ease-out;}

/* ANIMATIONS */

.flicker-1 {
	-webkit-animation: flicker-1 2s ease-out infinite both;
	        animation: flicker-1 2s ease-out infinite both;
}

.custom-select {
    height: calc(2.0625rem + 2px);
    padding: 0 1.75rem 0 .75rem;
}

.input-group-text {
    padding: .175rem .75rem;
}

.select2-container--bootstrap .select2-selection--single {
    height: inherit;
    padding: .25rem .5rem;
    font-size: .76562rem;
}

.select2-container--bootstrap .select2-results__option {
    padding: .25rem .5rem;
    font-size: .76562rem;
    line-height: 1.5;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    font-size: .76562rem;
}

.aside-menu .nav-tabs {
    margin: 0;
}

.aside-menu .nav-tabs .nav-link, .aside-menu .nav-tabs .navbar .dropdown-toggle, .navbar .aside-menu .nav-tabs .dropdown-toggle {
    padding: .55rem .75rem;
}


.invoice-input::placeholder {color: #BBB; font-style: italic;}
.model-input::placeholder {color: #BBB; font-style: italic;}

.heartbeat{-webkit-animation:heartbeat 1.5s steps(2,end) 5 both;animation:heartbeat 1.5s steps(2,end) 5 both}

.wobble-hor-bottom{-webkit-animation:wobble-hor-bottom 1s ease-in-out infinite both;animation:wobble-hor-bottom 1s ease-in-out infinite both}


@-webkit-keyframes flicker-1{0%,100%{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}@keyframes flicker-1{0%,100%{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

.flicker-4{-webkit-animation:flicker-4 4s linear infinite both;animation:flicker-4 4s linear infinite both}
@-webkit-keyframes flicker-4{0%,100%{opacity:1}31.98%{opacity:1}32%{opacity:0}32.8%{opacity:0}32.82%{opacity:1}34.98%{opacity:1}35%{opacity:0}35.7%{opacity:0}35.72%{opacity:1}36.98%{opacity:1}37%{opacity:0}37.6%{opacity:0}37.62%{opacity:1}67.98%{opacity:1}68%{opacity:0}68.4%{opacity:0}68.42%{opacity:1}95.98%{opacity:1}96%{opacity:0}96.7%{opacity:0}96.72%{opacity:1}98.98%{opacity:1}99%{opacity:0}99.6%{opacity:0}99.62%{opacity:1}}@keyframes flicker-4{0%,100%{opacity:1}31.98%{opacity:1}32%{opacity:0}32.8%{opacity:0}32.82%{opacity:1}34.98%{opacity:1}35%{opacity:0}35.7%{opacity:0}35.72%{opacity:1}36.98%{opacity:1}37%{opacity:0}37.6%{opacity:0}37.62%{opacity:1}67.98%{opacity:1}68%{opacity:0}68.4%{opacity:0}68.42%{opacity:1}95.98%{opacity:1}96%{opacity:0}96.7%{opacity:0}96.72%{opacity:1}98.98%{opacity:1}99%{opacity:0}99.6%{opacity:0}99.62%{opacity:1}}
@-webkit-keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}