/*

@font-face {
	font-family: "Nexa-Bold";
	src: url("/alpha/fonts/Nexa-Bold.otf");
}

:root {
	--font-family-sans-serif: "Roboto", "Gudea", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
	font-family: "Roboto", "Gudea", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Nexa-Bold", "Gudea", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

*/

body {
	/* touch-action: none; */
}

.tooltip {
	font-family: "Roboto", "Gudea", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.popover {
	font-family: "Roboto", "Gudea", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	box-shadow: 0 32px 16px 0 rgba(0,0,0,0.05), 0 16px 16px 0 rgba(0,0,0,0.05);
}

.popover-header-icon:after{
	content: " ";
	position: absolute;
	width: 11px;
	height: 16px;
	background-image: url(../svgs/solid/times.svg);
	right: 9px;
	top: 9px;
	margin: auto;
}

.popover-header{
	background-color: #4691CF!important;
	color:white!important;
}

.bs-popover-bottom>.arrow-redooo::after, .bs-popover-auto[x-placement^="bottom"]>.arrow-redooo::after {
	border-bottom-color: #4691CF!important;
}

.redooo-server-banner {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 0;
	overflow: hidden;
	z-index: 999999; }
.redooo-server-warning {
	border-top: 4px solid #F56812;}
.redooo-server-danger {
	border-top: 4px solid #b00;}
.redooo-server-banner-content {
	color: #fff;
	height: 1.2rem;
	position: relative;
	display: inline-block;
	padding: 0 .8rem .2rem;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	line-height: 1.3; }
	.redooo-server-banner-content::before, .redooo-server-banner-content::after {
		content: "";
		position: absolute;
		width: 4px;
		top: 0;
		height: 30px;
		z-index: -1;
		transform: perspective(2px) rotateX(-30deg); }
	.redooo-server-banner-content::before {
		left: -2px; }
	.redooo-server-banner-content::after {
		right: -2px; }
	.redooo-server-banner-warning {
		background: #F56812;}
	.redooo-server-banner-warning::before, .redooo-server-banner-warning::after {
		background: #F56812; }
	.redooo-server-banner-danger {
		background: #b00;}
	.redooo-server-banner-danger::before, .redooo-server-banner-danger::after {
		background: #b00; }
		
.form-signin {
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: auto;
}
.form-signin .checkbox {
	font-weight: 400;
}
.form-signin .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.text-trans75 {
	color: rgba(255,255,255,0.75);
}

.text-blue{
  color: var(--blue);
}
.text-indigo{
  color: var(--indigo);
}
.text-purple{
  color: var(--purple);
}
.border-purple {
    border-color: var(--purple)!important;
}
.border-3 {
    border-width:3px !important;
}
.text-pink{
  color: var(--pink);
}
.text-red{
  color: var(--red);
}
.text-orange{
  color: var(--orange);
}
.text-yellow{
  color: var(--yellow);
}
.text-green{
  color: var(--green);
}
.text-teal{
  color: var(--teal);
}
.text-cyan{
  color: var(--cyan);
}
.text-white{
  color: var(--white);
}
.text-gray{
  color: var(--gray);
}
.text-gray-dark, .text-darkgrey{
  color: #555;
}

.text-medium {
	color:#909396!important;
}
.text-medium.disabled, .text-medium:disabled {
	color: #ddd!important;
}

.text-mediumdark {
	color:#4F5254!important;
}

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

.text-redooo{
	color:#4691CF!important;
}

.text-private{
	color:#f5775e!important;
}

.text-public{
	color:#3e60c1!important;
}

.text-redooo-light{
	color:#53BEC9!important;
}

.text-i5 {
	font-size:1.05rem!important;
}

.text-i10 {
	font-size:1.10rem!important;
}

.text-i15 {
	font-size:1.15rem!important;
}

.text-i20 {
	font-size:1.20rem!important;
}

.text-i25 {
	font-size:1.25rem!important;
}

.text-e25 {
	font-size:1.25em!important;
}

.text-i30 {
	font-size:1.30rem!important;
}

.text-i35 {
	font-size:1.35rem!important;
}

.text-i40 {
	font-size:1.40rem!important;
}

.text-r130 {
	font-size:1.30rem!important;
}

.text-r160 {
	font-size:1.60rem!important;
}

.text-r200 {
	font-size:2.00rem!important;
}

.text-r300 {
	font-size:3.00rem!important;
}

.text-r160 {
	font-size:1.60rem!important;
}

.text-r95 {
	font-size:0.95rem!important;
}
.text-r90 {
	font-size:0.90rem!important;
}
.text-r85 {
	font-size:0.85rem!important;
}

.text-r80 {
	font-size:0.80rem!important;
}

.text-r75 {
	font-size:0.75rem!important;
}

.text-r70 {
	font-size:0.70rem!important;
}

.text-r65 {
	font-size:0.65rem!important;
}

.hyphens-none{
	hyphens: none!important;
}

.lh-1 {
	line-height:1rem;
}

.hp-48{
	height:48px;
}

.fad-warning{
	--fa-primary-color: white;
	--fa-secondary-color: #ffc107;
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: 1;
}

.fad-danger{
	--fa-primary-color: white;
	--fa-secondary-color: #dc3545;
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: 1;
}

/* hack to allow ID carousel to be used anywhere */
.carousel-fade {
	-webkit-transition: opacity 400ms;
	transition: opacity 400ms
}

.carousel-fade.carousel-item.carousel-item-left {
	opacity: 0
}

/* OD Carousel - to be removed one integrated fully */

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-item.active,.carousel-item-next,.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    -webkit-transition: 0s 0.6s opacity;
    transition: 0s 0.6s opacity
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-control-prev,.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,.carousel-control-next {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

/* BUGFIX */

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  transition: .6s opacity ease;
}
/* Disable transitions for if reduced motion is enabled: */
@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
} 


/* END */

.custom-control-label-v2::before {
	position: absolute;
	top: 0.41rem;
	left: -1.4rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #adb5bd solid 1px;
}

.custom-control-label-v2::after {
	position: absolute;
	top: 0.41rem;
	left: -1.4rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background: no-repeat 50% / 50% 50%;
}

.custom-control-input-v2:checked ~ .custom-control-label-v2::before {
	color: #fff;
	border-color: #4691CF!important;
	background-color: #4691CF!important;
}

.custom-control-label-private::before{
	border-color:#f5775e!important;
}

.custom-control-label-public::before{
	border-color:#3e60c1!important;
}

.custom-control-input:checked ~ .custom-control-label-private::before{
	border-color:#f5775e!important;
	background-color:#f5775e!important;
}

.custom-control-input:checked ~ .custom-control-label-public::before{
	border-color:#3e60c1!important;
	background-color:#3e60c1!important;
}

.custom-control-input-v2:focus ~ .custom-control-label-public::before{
	box-shadow: 0 0 0 0.2rem rgba(80,181,202,0.25)!important;
}

.custom-control-input-v2:focus ~ .custom-control-label-private::before{
	box-shadow: 0 0 0 0.2rem rgba(255,195,187,0.25)!important;
}

.row-shadow{
	box-shadow: 0 32px 16px 0 rgba(0,0,0,0.05), 0 16px 16px 0 rgba(0,0,0,0.05);
	border-radius: 5px;
}

.shadow-xs{
	box-shadow: 1px 4px 4px 1px rgba(0,0,0,0.05), 1px 4px 4px 1px rgba(0,0,0,0.05);
	border-radius: 4px;
}

.shadow-special-xs{
	box-shadow: -1px 1px 13px 1px rgba(0,0,0,0.05);
	border-radius: 4px;
}

.close {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1;
	color: #4691CF;
	text-shadow: 0 1px 0 #fff;
	opacity: 1;
	z-index: 1090;
	position:absolute!important;
	top:10px;
	right:10px;
}

button.close {
	padding: 5px 15px 5px 15px;
	background-color: white;
	border: 0;
	border-radius: 24px;
	box-shadow: 0 32px 16px 0 rgba(0,0,0,0.05), 0 16px 16px 0 rgba(0,0,0,0.05);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.buttons-bottom-left{
	position:relative;
	bottom:65px;
	left:0;
}

.card-no-border{
	border:none!important;
}
.wait-spinner{
	text-shadow: 0px 0px 3px rgba(255,255,255,1);
	/*color:#735EA6;*/
	color:red;
	position:absolute;
	top:calc(50% - 9px);
	left:calc(50% - 5px);
}

.wait-spinner-alt{
	text-shadow: 0px 0px 3px rgba(255,255,255,1);
	/*color:#735EA6;*/
	color:red;
	position:absolute;
	top:calc(50% - 9px);
	left:calc(50% - 5px);
}

.duo-red-white{
	--fa-primary-color:white;--fa-secondary-color:#700;--fa-secondary-opacity: 0.80;
}

.duo-blue-white{
	--fa-primary-color:white;--fa-secondary-color:#007;--fa-secondary-opacity: 0.80;
}

.dropdown-s400{
	max-height: calc(100vh - 200px);
	overflow-y: auto;
	z-index: 10000;
}


.mhp-150{
	max-height:150px;
}

.mh-30{
	max-height:30vh;
}

.mh-50{
	max-height:50vh;
}

.cursor-pointer {
	cursor: pointer!important;
}

.cursor-not-allowed {
	cursor:not-allowed!important;
}

.cursor-grab{
	cursor: grab!important;
}

.col-scroll {
	height: calc(100vh - 110px);
	overflow-y: scroll;
}

.decoration-none:hover {
	text-decoration:none!important;
}

.item-scroll:hover {
	text-decoration:none!important;
}

.item-scroll:hover > p {
	color:#4691CF!important;
}

.item-scroll > p {
	font-size: 16px!important;
	color: #0D1419!important;
	text-align: center!important;
	line-height: 23px!important;
	font-weight: bold!important;
	
}

.item-scroll > img {
	display: block!important;
	width: auto!important;
	height: 45px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 16px!important;
}

[data-fv-date="true"] {
	background-color: #fff!important;
	opacity: 1;
}

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

.vh-100 {
	height: 100vh!important;
}

.vh-90 {
	height: 90vh!important;
}

.vh-85 {
	height: 85vh!important;
}

.vh-80 {
	height: 80vh!important;
}

.vh-70 {
	height: 70vh!important;
}

.vhr-8 {
	height: 8rem;
}

.bg-mdlight {
	background-color: #e3e4e5!important;
}

.bg-redooolight {
	background-color: #fafafa!important; /* specific colour to match Redooo OD template */
}

.bg-redooo-md {
	background-color: #4DA7CC!important; /* specific colour to match Redooo OD template */
}

.bg-redooo-md-light {
	background-color: #C0E0ED!important; /* specific colour to match Redooo OD template */
}


.bg-warning-light {
	background-color: #E3E4BF!important;
}

.bg-medium {
	background-color: #E3E4E3!important;
}

.btn-diag {
	background-color: #f48042;
	border-color: #f48042;
}

.btn-orange {
	background-image: linear-gradient(129deg, #FF8800 0%, #FF4800 88%);
}

.gradient-orange {
	background: #FF8800!important;
	background: -webkit-linear-gradient(left, #FF8800 0%, #FF4800 100%)!important;
	background: linear-gradient(90deg, #FF8800 0%, #FF4800 100%)!important;
}

.text-gradient-orange {
	background: -webkit-linear-gradient(90deg, #FF8800, #FF4800 50%)!important;
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
}

.btn-gradient-orange {
	background-image: -webkit-linear-gradient(321deg, #FF8800 0%, #FF4800 88%)!important;
	background-image: linear-gradient(129deg, #FF8800 0%, #FF4800 88%)!important;
	color: #fff!important;
}

.cross {
	overflow: hidden;
}

.cross:before, .cross:after {
	position: absolute;
	content: '';
	background: #ddd;
	display: block;
	width: 100%;
	height: 4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.cross:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-address-bar{
	padding:3px 10px 3px 10px!important;
	margin-right:4px!important;
	margin-top:4px!important;
	font-size:0.85rem!important;
}

.hilight-date {
	border: 2px solid #090 !important;
}

.p-banner{
	padding-top: 70px;
}

.p-t-3{
	padding-top: 3px;
}

.m-b-1{
	margin-bottom: 1px;
}
.m-b-2{
	margin-bottom: 2px;
}
.m-b-3{
	margin-bottom: 3px;
}

.mw-400{
	max-width:400px;
}

.mw-350{
	max-width:350px;
}

.mw-300{
	max-width:300px;
}

.mw-200{
	max-width:200px;
}

.mw-150{
	max-width:150px;
}

.w-101{
	width:100px;
}

.m-w-100{ /*m-w otherwise clashes with BS mw 100% */
	max-width:100px;
}

.mw-85{
	max-width:85px;
}

.mw-75{
	max-width:75px;
}


.mw-i-400{
	max-width:400px;
	width:100%;
}

.overlay-image-60{
	width: 60%!important;
	right: 0!important;
	bottom: 0!important;
	position: absolute!important;
}

.relative-image{
	position: relative!important;
}

.was-validated .form-control:invalid,.form-control.is-invalid {
	border-bottom: 1px solid #dc3545!important;
}

form .form-group .container-select select.is-invalid {
	border-bottom: 1px solid #dc3545!important;
}

form .form-group.textarea-group textarea.is-invalid {
	border-bottom: 1px solid #dc3545!important;
}

.fv-plugins-bootstrap:not(.form-inline) label.label-alt-a ~ textarea ~ .fv-plugins-icon {
	top: 36px!important;
	right: 28px!important;
}

.fv-plugins-bootstrap:not(.form-inline) label.label-alt-a ~ .fv-plugins-icon {
	top: 33px!important;
	right: 19px!important;
}

.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon {
	top: 35px!important;
}

.fv-plugins-bootstrap:not(.form-inline) label.form-type-3 ~ .fv-plugins-icon {
	top: 22px!important;
}

.fv-plugins-bootstrap .form-check-inline ~ .fv-plugins-icon {
	top: 42px!important;
}

.flatpickr-day.nextMonthDay:not(.notAllowed):not(.disabled) {
	color: rgba(39,39,39,0.5)!important;
	background: transparent;
	border-color: transparent;
	cursor: pointer;
}

.border-soft {
	border-radius: 5px;
	border: 1px solid #C5CECF;
	box-sizing: border-box;
	position: relative;
	-webkit-transition: box-shadow 200ms;
	transition: box-shadow 200ms;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0);
}

label ~ input + .fv-plugins-icon {
	top: 35px!important;
}

label + span select + .fv-plugins-icon {
	top: 3px!important;
	right:36px!important;
}

input.days-checkbox + .fv-plugins-icon {
	height: 10px!important;
	line-height: 10px!important;
	width: 10px!important;
	right:15px!important;
	top:37px!important;
}

input + .fv-plugins-icon {
	height: 10px!important;
	line-height: 10px!important;
	width: 10px!important;
	right:15px!important;
	top:12px!important;
}

select + .fv-plugins-icon {
	height: 10px!important;
	line-height: 10px!important;
	width: 10px!important;
	right:-6px!important;
	top:12px!important;
}

textarea + .fv-plugins-icon {
	height: 10px!important;
	line-height: 10px!important;
	width: 10px!important;
	right:-3px!important;
	top:31px!important;
}

.apply-cta .fv-plugins-bootstrap .fv-help-block {
	color: #F3B7BD;
}

.apply-cta .fv-plugins-bootstrap .has-danger .fv-plugins-icon {
	color: #F3B7BD;
}

.apply-cta .fv-plugins-bootstrap .has-success .fv-plugins-icon {
	color: #B6EDC2;
}

form.compact input[type="tel"] {
	font-size: 14px;
	color: rgba(45,49,60,0.75)
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 30px #F7F7F7 inset !important;
	--font-family-sans-serif: "Roboto", "Gudea", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	font-family: "Roboto", "Gudea", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	border-radius: 0!important;
	border: 0!important;
	border-bottom: 1px solid #cbd3d4!important;
	background: unset!important;
	padding-left: 0!important;
	padding-right: 0!important;
	/*
	-webkit-transition: .45s!important;
	transition: .45s!important;
	*/
	width: 100%!important;
	animation-name: onAutoFillStart!important;
	transition: background-color 50000s ease-in-out 0s!important;
}

input:not(:-webkit-autofill) {
	animation-name: onAutoFillCancel!important;
}

.popover-link:focus {
	outline: none!important;
}

/* code mirror */
.CodeMirror {
	border: 1px solid #eee;
	height: auto;
}

.CodeMirror-search-field{
	background-color: #000!important;
}

.editor-toolbar.fullscreen, .CodeMirror-fullscreen { z-index: 999999 !important; }
/* end code mirror */


/* test invoice template */

.invoice-title h2, .invoice-title h3 {
	display: inline-block;
}

.table > tbody > tr > .no-line {
	border-top: none;
}

.table > thead > tr > .no-line {
	border-bottom: none;
}

.table > tbody > tr > .thick-line {
	border-top: 1.2px solid;
}

.badge-sm {
	font-size:50%;vertical-align: middle;
}

/* end invoice template */

/* Star Rating */
.rating {
	direction: rtl;
	unicode-bidi: bidi-override;
	color: #ddd;
}
.rating input {
	display: none;
}
.rating input:checked + label,
.rating input:checked ~ label,
.rating input:checked + label ~ label {
	color: #ffc107;
}
/* End Star Rating */

.text-feature {
	background: #53bec9;
	background: -webkit-linear-gradient(left, #53bec9 0%, #4691cf 100%);
	background: linear-gradient(90deg, #53bec9 0%, #4691cf 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-feature:hover {
	text-decoration: none!important;
}
.text-feature:before {
	background: #53bec9;
	background: -webkit-linear-gradient(left, #53bec9 0%, #4691cf 100%);
	background: linear-gradient(90deg, #53bec9 0%, #4691cf 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


div.title-block.has-success:after{
	position: absolute;
	top: 8px;
	right: -22px;
	color:#090!important;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 900 !important;
	content: "\f058"!important;
	font-size:1.1rem;
}

div.title-block.has-danger:after{
	position: absolute;
	top: 8px;
	right: -22px;
	color:#dc3545 !important;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 900 !important;
	content: "\f0a8"!important;
	font-size:1.1rem;
}

.pointer-events-auto{
	pointer-events: auto!important;
}

.redooo-watermark-bg {
	background-image: url(/img/redooo-mark-bg.png) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 75%;
}

.redooo-watermark-bg-alt {
	background-image: url(/img/redooo-mark-white.png) !important;
	background-position: 100% 100%!important;
	background-repeat: no-repeat!important;
	-webkit-print-color-adjust:exact;
	color-adjust:exact;
}

.table th.thick, .table td.thick {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 2px solid #dee2e6;
}

.vertical-align-middle {
	vertical-align: middle!important;
}

.modal-dialog-scrollable .modal-body {
	overflow-y: overlay!important;
}

/* OD bugfixes */

.footer-logo{
	margin-top: -3.5px!important;
}

a[role="button"]:not([href]){
	color: inherit!important;
	text-decoration: none!important;
	outline: none!important;
}

.icon-trailer:before {
	content: "\55";
}

.btn-sm {
	padding: 0.25rem 0.5rem;
}

header>.container-fluid>.row.mobile-location .location-picker:before {
	content: none!important;
}

/* only used for top sticky banner
.content-header {
	margin-top: 97px
}
*/

@media (min-width: 768px) and (max-width: 991px) {
	.content-header {
		margin-top:60px
	}
}

@media (min-width: 992px) {
	.content-header {
		margin-top:100px
	}
}

/*
.content-header>section {
	margin-top: 0px
}
*/

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	animation-iteration-count: 4;
	-webkit-animation-iteration-count: 4;
}
@-webkit-keyframes bounce {
	0%, 100% {
		-webkit-transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-5px);
	}
}
@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.blink {
	animation: blinker 1s linear infinite;
}



/* only used with sticky banner
section:not(.page-content) {
	padding-top:100px!important;
	margin-top:-100px!important;
}
*/

header>.container-fluid>.row .right-side .btn-cart i {
	top:inherit!important; /* breaks FA positioning */
}
header>.container-fluid>.row .right-side .logged-in .dropdown-menu a i {
	top: inherit!important; /* breaks FA positioning */
}

.account-service .container .row .container-title .container-breakcrumbs .btn {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #565962 !important;
	padding-left: 3px!important;
}

.container-map{
	max-height:100%!important;
}

/*
[data-icon]:before {
	font-family: "redooo" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
*/

[data-fa-i2svg]:before {
	font-family: initial !important;
	content: none!important;
	font-style: initial !important;
	font-weight: initial !important;
	font-variant: initial !important;
	text-transform: initial !important;
	speak: none!important;
	line-height: initial!important;
	-webkit-font-smoothing: initial!important;
	-moz-osx-font-smoothing: initial!important;
}

.custom-select.no-border {
	border: none!important;
}
.custom-select.no-border:focus{
	outline: 0 !important;
	box-shadow: none;
	background-color: #F7F7F7;
}

.alpha.special-select{
	position: relative;
	width: 100%;
	margin-left: -5px;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #cbd3d4;
	background: unset;
	padding-left: 0;
	padding-right: 0;
	height: 24px;
	line-height: 23px;
	-webkit-transition: .45s;
	transition: .45s;
	color: #2D313C;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.alpha.special-select:after {
	font-family: "redooo" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #565962;
	content: "\68";
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 9px;
	pointer-events: none
}

form .form-group .container-select-small {
	height: 18px!important;
}

form .form-group .container-select-small:after {
	right: 10px!important;
	top: 6px!important;
}

form .form-group .container-select-small select {
	height: 24px!important;
	font-size: inherit!important;
}

/* LARGE VERSION */
form .form-group .container-select {
	height: 39px;
	padding-left: 5px;
	padding-right: 5px;
}


form .form-group .container-select select {
	position: relative;
	width: 100%;
	margin-left: -5px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #cbd3d4;
	background: unset;
	padding-left: 0;
	padding-right: 0;
	height: 37.5px;
	-webkit-transition: .45s;
	transition: .45s;
	color: #495057;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

form .form-group .container-select:after {
	color: #565962;
	content: "\68";
	position: absolute;
	right: 15px;
	top: 14px;
	font-size: 9px;
}

form .form-group span.container-select:after {
	color: #565962;
	content: "\68";
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 9px;
}

.breadcrumbs li a {
	color: rgba(255,255,255,0.65);
	-webkit-transition: .45s;
	transition: .45s;
	font-size: 13px;
	text-transform: uppercase
}

.breadcrumbs{
	color: rgba(255,255,255,0.65);
	-webkit-transition: .45s;
	transition: .45s;
	font-size: 13px;
	text-transform: uppercase
}

.breadcrumbs-primary{
	color: rgba(40,40,40,0.65);
	-webkit-transition: .45s;
	transition: .45s;
	font-size: 13px;
	text-transform: uppercase
}

.breadcrumbs-primary {
		list-style: none;
		padding: 0
}

.breadcrumbs-primary li {
		display: inline-block;
		margin-right: 12.5px;
		position: relative
}

.breadcrumbs-primary li a {
		color: rgba(40,40,40,0.65);
		-webkit-transition: .45s;
		transition: .45s;
		font-size: 13px;
		text-transform: uppercase
}

.breadcrumbs-primary li::after {
		position: absolute;
		right: -10px;
		height: 4px;
		width: 4px;
		border-radius: 50px;
		background-color: rgba(50,50,50,0.65);
		content: "";
		top: 8px
}

.breadcrumbs-primary li.active a {
		color: rgba(50,50,50,0.85)
}

.breadcrumbs-primary li.active::after {
		background-color: rgba(50,50,50,0.85)
}

.breadcrumbs-primary li:last-child::after {
		display: none
}

.breadcrumbs-primary li:hover a {
		color: #222;
		text-decoration: none
}

.breadcrumbs-primary li:hover::after {
		background-color: #444
}

.days-checkbox{
	padding:2px 4px 2px 4px!important;
}

.days-label{
	padding:9px 6px 9px 1px;
	font-size:16px!important;
}

form .form-group .faux-radio-input+label {
	padding-left: 0!important;
	padding-right: 40px!important;
	font-weight: normal!important;
	margin-bottom:12px!important;
}

.no-bg-image {
	background-image:none!important;
	background-color: transparent !important;
}

.redooo-watermark {
	background-image: url(/img/redooo-mark-white.png) !important;
	background-position: 100% 100%!important;
	background-repeat: no-repeat!important;
}

.bg-redooo-light{
	background-color: #FAFAFA!important;
}

.bg-redooo{
	background-color: #4691CF!important;
}

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

.bg-transparent:hover{
	background-color: transparent!important;
}

.apply-cta form .form-group input {
	color: #fff;
	padding-left: 2px
}

.apply-cta form .form-group input:focus,.apply-cta form .form-group input:focus-within {
	background-color: rgba(255,255,255,0.25)
}

.apply-cta form .form-group input::-webkit-input-placeholder {
	color: #fff !important;
	opacity: 0.75
}

.apply-cta form .form-group input:-ms-input-placeholder {
	color: #fff !important;
	opacity: 0.75
}

.apply-cta form .form-group input::-ms-input-placeholder {
	color: #fff !important;
	opacity: 0.75
}

.apply-cta form .form-group input::placeholder {
	color: #fff !important;
	opacity: 0.75
}

/* card-address - removing containing requirements */
.card-address {
	cursor: pointer;
	background-color: #F3F3F3;
	border-radius: 0.3em;
	border: 1px solid rgba(0,0,0,0);
	box-shadow: 0 4px 12px rgba(0,0,0,0);
	margin-bottom: 10px;
	padding: 12px 36px;
	-webkit-transition: box-shadow 250ms, border 250ms;
	transition: box-shadow 250ms, border 250ms;
	display: block
}

.card-address.selected,.card-address:hover {
	border: 1px solid #979797;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2)
}

.card-address .row {
	margin: 0
}

.card-address .row .address-details-col {
	position: relative;
	padding: 0
}

.card-address .row .address-details-col:before {
	width: 14px;
	height: 16px;
	position: absolute;
	top: 4px;
	left: -18px;
	color: #53BEC9
}

.card-address .row .address-details-col .address-line-a {
	font-weight: 500;
	color: #2D313C;
	display: block
}

.card-address .row .address-details-col .address-line-b {
	font-weight: normal;
	text-transform: uppercase;
	color: #565962;
	font-size: 13px;
	display: block
}

.card-address .row .address-confirmation-col {
	padding: 0;
	-webkit-box-pack: right;
	-webkit-justify-content: right;
	justify-content: right;
	text-align: right
}

.card-address .row .address-confirmation-col .btn {
	position: relative;
	font-family: 'Nexa', sans-serif;
	border: 1px solid #C5CECF;
	border-radius: 23px;
	font-weight: 600;
	font-size: 14px;
	padding: 8px 37px 8px 24px;
	color: #4691CF
}

.card-address .row .address-confirmation-col .btn:before {
	position: absolute;
	right: 12px;
	top: 13px;
	font-size: 12px;
	width: 11px;
	height: 9px
}
/* END card-address - removing containing requirements */
/* same for these */

form .form-group .faux-checkbox-input:checked+label:after {
	left:32px!important;
}

form .form-group .faux-checkbox-label {
	text-indent: -29px;
	padding-left: 29px;
}

.faux-radio-label {
	height: 28px;
	line-height: 28px;
	padding-right: 20px
}

.faux-radio-label:before {
	position: absolute;
	left: 0
}

.faux-radio-label {
	position: relative;
	vertical-align: middle;
	cursor: pointer
}

.faux-radio-input {
	display: none
}

.faux-radio-input+label {
	padding-left: 0px;
	font-weight: normal
}

.faux-radio-input+label:before {
	background: transparent;
	border: 1px solid #cbd3d4;
	top: 4px;
	padding: 9px;
	margin-right: 8px;
	border-radius: 10px;
	display: inline-block;
	position: relative;
	content: " ";
	-webkit-transition: background 200ms;
	transition: background 200ms
}

.faux-radio-input+label:active:before,.faux-radio-input:checked+label:active:before {
	content: " "
}

label:active ~ .content-test,.faux-radio-input:checked ~ .content-test {
	display: block !important
}

.faux-radio-input:checked+label:before {
	content: " "
}

.faux-radio-input:checked+label:after {
	content: " ";
	width: 10px;
	height: 10px;
	border-radius: 5px;
	position: absolute;
	display: inline-block;
	top: 9px;
	left: 5px;
	background: #53bec9;
	background: -webkit-linear-gradient(left, #53bec9 0%, #4691cf 100%);
	background: linear-gradient(90deg, #53bec9 0%, #4691cf 100%)
}

/* end */

.container-modal-bin-size .modal-content .modal-body .close {
	padding:5px 15px 5px 15px!important;
	float:right!important;
	font-size:2.2rem!important;
	font-weight:700!important;
	line-height:1!important;
	color:#4691CF!important;
	text-shadow:0 1px 0 #fff!important;
	opacity:1!important;
	position:absolute!important;
	top:10px!important;
	right:10px!important;
	z-index:1090!important;
}

/*
.days-checkbox:before{
	content: " "!important;
	border: none!important;
	color: white!important;
	background: #53bec9!important;
	background: -webkit-linear-gradient(left, #53bec9 0%, #4691cf 100%)!important;
	background: linear-gradient(90deg, #53bec9 0%, #4691cf 100%)!important;
	
	position: absolute;
	left: 0;
	top: 3px;
	font-family: "redooo" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #BFC3C3;
	font-size: 14px
	
}
*/

/* END OD bugfixes */




/* zoho */
.zsiq_theme11 .siqico-chat div {
	width:80%!important;
	white-space:normal;
	word-break:normal!important;
	line-height:13px!important;
	color:#fff!important;
	padding-left:10px!important;
}

.zsiq_theme11 .siqico-chat::before {
	display: block;
	font-size: 23px;
	margin: 9px 0 3px 0;
	float: left;
	width: 100%;
	color: rgba(255,255,255,.8)!important;
}
.zsiq_theme11 .siqico-chat div {
	width: 100%;
	white-space: normal;
	word-break: break-word;
	line-height: 14px;
	color: #fff!important;
	padding-left:5px!important;
	padding-right:5px!important;
}
.zsiq_theme11 .zsiq_flt_rel{
	background-color: #0066cc !important;
	/*
	background-image: -webkit-linear-gradient(right, #73569F 0%, #F39B78 100%)!important;
	background-image: linear-gradient(270deg, #73569F 0%, #F39B78 100%)!important;
	*/
	background-image: -webkit-linear-gradient(90deg, #53BEC9 0%, #4691CF 97%);
	background-image: linear-gradient(90deg, #53BEC9 0%, #0066cc 97%);
}
.zsiq_theme11 .zsiq_flt_rel::after, .zsiq_theme11 .zsiq_flt_rel::before{
	border-right:5px solid linear-gradient(270deg, #73569F 0%, #F39B78 100%) !important;
	border-bottom:5px solid linear-gradient(270deg, #73569F 0%, #F39B78 100%) !important;
}

#z_chat_float{
	transition: opacity 0.5s ease-out;
	opacity: 0;
}

.ims-menu.active{
	background-color:red!important;
}

.h-50px{
	height:50px;
}

.h-75px{
	height:75px;
}

.h-100px{
	height:100px;
}

.h-150px{
	height:150px;
}

.h-200px{
	height:200px;
}

.h-250px{
	height:250px;
}

.h-300px{
	height:300px;
}

.image-center{
	position:relative;
}

.image-center img{
	display:block!important;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%,0);
}

.font-52 {
	font-size:52px !important;
	line-height: 62px;
}

.stack {
	display:flex;
}
.stack img {
	align-self:center;
	/*width: 100px;*/
}

.breadcrumbs-blue-gradient li::after {
	background-color: rgba(0,0,0,0.65)!important;
	color: #4691CF!important;
	background: -webkit-linear-gradient(360deg, #53BEC9, #4691CF 50%)!important;
}

@media (min-width: 1200px) {
	.font-52 {
		line-height:64px;
	}
}

@media (max-width: 530px) {
	.font-52 {
		line-height:44px !important;
		font-size:36px !important;
	}
	.p-t-80 {
		padding-top: 60px !important
	}
}

/* size box tweak */
.container-modal-bin-size .modal-content .modal-body .container-size-selection .container-size-options .container-column .container-card .card .container-check-option input[type="checkbox"]:checked+label:after {
	top: -1px!important;
	right: -0.25px!important;
}

.container-modal-bin-size .modal-content .modal-body .container-size-selection .container-size-options .container-column .container-card .card .container-check-option input[type="checkbox"]+label:before {
	top: -6px!important;
	right: -6px!important;
}

:focus {
	outline-style: none;
}

.slide-box{
	opacity: 0;
}
.slide-box > * {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.slide-box.slick-initialized {
	opacity: 1;
	/*cursor: e-resize !important;*/
}

.slick-slide img {
	display: inline-flex!important;
}

/* Fix for slick jumping */

.slick-slider div { transition: none; }

/* dropdown tweak */
@media (max-width: 991px){
	header>.container-fluid>.row .right-side nav.navbar .navbar-collapse>.navbar-nav>.nav-item {
		background: #eee!important;
		background: -webkit-linear-gradient(left, #eee 0%, #ddd 100%)!important;
		background: linear-gradient(90deg, #eee 0%, #ddd 100%)!important;
	}
	header>.container-fluid>.row .right-side nav.navbar .navbar-collapse>.navbar-nav>.nav-item a {
		color: #2d313c;
		padding: 15px 40px!important;
	}
	header>.container-fluid>.row .right-side nav.navbar .navbar-collapse>.navbar-nav>.nav-item a:hover {
		background: #eee!important;
		background: -webkit-linear-gradient(left, #eee 0%, #eee 100%)!important;
		background: linear-gradient(90deg, #eee 0%, #eee 100%)!important;
	}
	.dropdown-item {
		width: 100%!important;
		padding: 0.25rem 1.5rem!important;
		clear: both!important;
		font-weight: 400!important;
		color: #212529!important;
		text-align: inherit!important;
		white-space: nowrap!important;
		/* background-color: #ddd!important; */
		border: 0!important;
	}
}

div.vis-only-no-siblings {
	display: none;
}

div.vis-only-no-siblings:only-child {
	display: block;
}

.weight-box-error {
	/* position:absolute;
	bottom:-12px;
	left:6px; */
	margin-right:70px;
}