/*
CYCLERENT Web4
base styles
version 2.30H
date: 2025-11-13

based on flatuicolors.com/palette/fr
*/

:root {	
	--main-color: #1E90ff;
	--main-colorBack:#FFFFFF;
	
	/*base colors*/
	--color-white:#FFFFFF;
	--color-black: #000000;
	--color-gray: #b2bec3;
	--color-graylight: #dfe6e9;
	--color-green: #10ac84;
	--color-greenlight: #1dd1a1;
	--color-red: #eb2f06;
	--color-reddark: #b71540;
	--color-orange: #FFA500;
	--color-orangedark: #F8Cc291;
	--color-yellow: #fad390;
	--color-blue: #4a69bd;
	--color-bluelight: #60a3bc;
	--color-bluedark: #0c2461;
	--color-purple: #CC99FF;
	--color-purpledark: #7030a0;
	
	/*functional colors*/
	--error-color:#FF0000;
	--warning-color:#ffcc00;
	--issue-color:var(--color-green);
	--return-color: #e55039;
	--exchange-color:#e58e26;
	--booking-color:var(--color-yellow); 
	--bookingRequest-color:var(--color-orangedark);
	
	--available-color:#16a085;
	--notAvailable-color:var(--color-reddark);
	--asset-color:#449d44;				
	--defect-color:var(--color-yellow);
	--task-color:var(--color-yellow);
	--attention-color:#21ff00;
	
	--new-color:var(--color-green);
	--info-color:var(--color-blue);
	--request-color:#b8e994;

	/*button colors*/
	--button-color:#FFFFFF;
	--button-colorBack:#357ebd;
	--button-border: 1px solid var(--button-colorBack);
	--button-borderRadius:5px;
	--button-shadow:0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}
	
/* CYCERENT color: blue - rgb(51,122,183) */
.FGbase {color: var(--main-color);}
.BGbase {background-color: #1E90ff;}
.BGLbase, .table-striped > tbody > tr:nth-of-type(odd), .gridEvenRow {background-color: rgba(51, 122, 183,0.1);}

/* base colors*/
/* base-foreground*/
.FGwhite {color:var(--color-white);}
.FGblack {color:var(--color-black);}
.FGgray {color:var(--color-gray);}
.FGlightgray {color:var(--color-graylight);}
.FGgreen {color:var(--color-green);}
.FGlightgreen {color:var(--color-greenlight);}
.FGred {color:var(--color-red);}
.FGdarkred {color:var(--color-reddark);}
.FGorange {color:var(--color-orange);}
.FGdarkorange {color:var(--color-orangedark);}
.FGyellow {color:var(--color-yellow);}
.FGblue {color:var(--color-blue);}
.FGlightblue {color:var(--color-bluelight);}
.FGdarkblue {color:var(--color-bluedark);}
.FGpurple {color:var(--color-purple);}
.BGdarkpurple {color:var(--color-purpledark);}

/*base-background*/
.BGwhite {background-color:var(--color-white);}
.BGblack {background-color:var(--color-black);}
.BGgray {background-color:var(--color-gray);}
.BGlightgray {background-color:var(--color-graylight);}
.BGgreen {background-color:var(--color-green);}
.BGlightgreen {background-color:var(--color-greenlight);}
.BGred {background-color:var(--color-red);}
.BGdarkred {background-color:var(--color-reddark);}
.BGorange {background-color:var(--color-orange);}
.BGdarkorange {background-color:var(--color-orangedark);}
.BGyellow {background-color:var(--color-yellow);}
.BGblue {background-color:var(--color-blue);}
.BGlightblue {background-color:var(--color-bluelight);}
.BGdarkblue {background-color:var(--color-bluedark);}
.BGpurple {background-color:var(--color-purple);}
.BGdarkpurple {background-color:var(--color-purpledark);}

/* background light */
.BGLblack {background-color: rgba(0,0,0,0.25);}
.BGLgray {background-color: rgba(178,190,195,0.25);}
.BGLlightgray {background-color: rgba(223,230,233,0.4);}
.BGLgreen {background-color: rgba(16,172,132,0.15);}
.BGLlightgreen {background-color: rgba(29,209,161,0.25);}
.BGLred {background-color: rgba(255,37,58,0.15) !important;}
.BGLdarkred {background-color: rgba(183,21,64,0.25);}
.BGLorange {background-color: rgba(229,142,38,0.25);}
.BGLyellow {background-color: rgba(250,211,144,0.25);}
.BGLblue {background-color: rgba(30,144,255,0.15);}
.BGLlightblue {background-color: rgba(96,163,188,0.25);}
.BGLdarkblue {background-color: rgba(12,36,97,0.25);}
.BGLpurple {background-color: rgba(204,153,255,0.25);}

/* App  colors - foreground */

/****** foreground color - TO REPLACE *****/
.color-blue, .FGbase {
    color: #337ab7 !important;
}
/* rgb(30,144,255)*/
.color-gray, .FGgray {
    color: #b2bec3 !important;
}

.color-red, .FGred {
    color: #ff253a !important;
}
/* rgb(255,37,58)*/
.color-green, .FGgreen {
    color: #10ac84 !important;
}
/* rgb(22,160,133)*/
.color-orange, .FGorange {
    color: #FFA500 !important;
}
/* rgb(255,165,0) */


/*foreground status */
.FGerror {color:var(-error-color);}
.FGwarning {color: var(--warning-color);}
/* rgb(255, 204, 0) */

/*foreground function */
.FGnew {color: var(--new-color);}
.FGissue {color: var(--color-greenlight;)}
.FGreturn {color: rgb(255,77,77);}
.FGexchange {color: var(--exchange-color);}
.FGinfo {color: var(--info-color);}

/* App  colors - foreground */
/*backround status */

/* background function */
.BGnew {background-color: var(--new-color);}
.BGissue {background-color: #1dd1a1;}
.BGReturn, .BGreturn {background-color: var(--color-red);}
.BGexchange {background-color: var(--exchange-color);}
.BGinfo {background-color: var(--info-color);}
.BGrequest{background-color: var(--request-color);}
.BGreport {
    background-color: #4a69bd;
    color: #ffffff;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    left: 0;
    right: inherit;
}


/**** background light -> TO Rename TO BASE*****/
.bg-green, .BGLgreen {
    background-color: rgba(16,172,132,0.15) !important;
}
/*background light function  */
.BGLissueNew, .BGissueNewLight {
    background-color: #E1FFE1;
}

.BGLissue {
    background-color: rgba(22,160,33,0.15);
}

.BGLreservation, .bg-orange {
    background-color: rgba(250,211,144,0.25) !important;
}

.BGLPricecode {
    background-color: rgba(3,41,19,0.15) !important;
}


/*header */
.CRissueBill, .divIssueBill,
.CRprocessItem, .divProcessItem {
    background-color: #10ac84;
    color: #ffffff;
}

.CRreservation, .divReservation,
.CRreservationOverview, .divReservationOverview {
    background-color: #fad390;
    color: #ffffff;
}
/* rgba(250,211,144) */
.CRbillInfo, .divBill {
    background-color: #4a69bd;
    color: #ffffff;
}

.CRexchange, .divExchange, .divChangeReturnLocation  {
    background-color: #e58e26;
    color: #ffffff;
}

.CRreturn, .divReturn, .divReturnHome {
    background-color: #e55039;
    color: #ffffff !important;
}

.CRextend, .divExtend {
    background-color: #f0ad4e;
    color: #ffffff;
}

.CRticket, .divServiceTicket {
    background-color: #618685;
    color: #ffffff;
}

.CRdayreport, .divDayReport, .divReport, .CRReport {
    background-color: #4a69bd;
    color: #ffffff;
}

.divBookingTickets, .CRBookingTickets {
    background-color: #FFC000;
    color: #ffffff;
}

.CRgroupIssue, .divGroupIssue {
    background-color: #1dd1a1;
    color: #ffffff;
}

.CRtemporaryBill, .divTemporaryBill, .divProcessBillForScan {
    background-color: #1dd1a1;
    color: #ffffff;
}

.divConfiguration {
    background-color: #8187b1;
}

.divService {
    background-color: #264e8e;
}

.divLocation {
    background-color: #FFBDBD !important;
}

.divMaintainUser {
    background-color: rgb(30,144,200) !important;
}

.divHolidayAddress {
    background-color: rgb(16,172,132) !important;
}

.divMaintainItem {
    background-color: rgba(96,163,188,1);
}

.divMaintainPricecode2Minute {
    background-color: rgba(3,41,19,1);
}

.divItemOverview {
    background-color: rgba(22,160,33,0.15);
}
/*.extraExchange .task-container{background-color: rgba(229,142,38,0.25)}
.extraSettings .task-container {
	background-color: rgba(229,142,38,0.25)
}
.extraRequestForbillCorrection .task-container {
    background-color: rgba(229,142,38,0.25)
}
.extraReservationOverview .task-container {
    background-color: rgba(250,211,144,0.25)
}
.extraReservedItemsOverview .task-container {background-color: rgba(250,211,144,0.25)}*/
.extraExchange {
    background-color: rgba(229,142,38,0.25)
}

.extraSettings {
    background-color: rgba(229,142,38,0.25)
}

.extraRequestForbillCorrection {
    background-color: rgba(229,142,38,0.25)
}

.extraReservationOverview {
    background-color: rgba(250,211,144,0.25)
}

.extraReservedItemsOverview {
    background-color: rgba(250,211,144,0.25)
}

.CRweather {
    background-color: rgba(30,144,200,0.25)
}

.FGLnew, .FGnewLight {
    color: rgba(22,160,133,0.25);
}

/* input fields */
.pageIssueBill .form-control, .pageIssueBill .border-bottom-only {
    border-bottom: #10ac84 3px solid;
}

.pageReservation .form-control, .pageIssueBill .border-bottom-only {
    border-bottom: #fad390 3px solid;
}

.pageExchange .form-control, .pageExchange.border-bottom-only {
    border-bottom: #e58e26 3px solid;
}
/* buttons */
#btnIssueBill {
    background-color: #10ac84;
}

#btnReservation {
    background-color: #fad390 !important;
}

/* menu buttons */
.CRMBresAll {
    background-color: #fad390;
    color: var(--available-color);
    border: 0 solid #fad390;
}

.CRMBresDelivery {
    background-color: #fad390;
    color: var(--available-color);
    border: 0 solid #fad390;
}

.CRMBresGroup {
    background-color: #fad390;
    color: var(--available-color);
    border: 0 solid #fad390;
}

.CRMBresAllOpenAmount {
    background-color: #fad390;
    color: #ff253a;
    border: 0 solid #fad390;
}

.CRMBbillGroupCurrent {
    background-color: #1dd1a1;
    color: #000000;
    border: 0 solid #1dd1a1;
}

.CRMBprovisional {
    background-color: var(--available-color);
    color: #fad390;
    border: 0 solid var(--available-color);
}

.CRMBresAll:hover, .CRMBresDelivery:hover, .CRMBresGroup:hover {
    background-color: #f6b93b;
    color: var(--available-color);
}

.CRMBresAllOpenAmount:hover {
    background-color: #f6b93b;
    color: #ff253a;
}

.CRMBbillGroupCurrent:hover {
    background-color: var(--available-color);
    color: #000000;
}

.CRMBprovisional:hover {
    background-color: #38ada9;
    color: #fad390;
}


/* item status */
.CRavailable {
    background-color: var(--available-color);
    color: #FFFFFF;
}

label.CRavailable {
    border-left: 2px solid var(--available-color);
    border-right: 2px solid var(--available-color);
    background-color: rgba(22,160,133,0.1) !important;
    color: var(--available-color);
	text-align:center;	
}

.CRnotAvailable {
    background-color: var(--notAvailable-color);
    color: #FFFFFF;
    border: 1px solid var(--color-red) !important;
}

.CRsold {
    background-color: #60a3bc;
    color: #000000;
}

.CRmissing {
    background-color: var(--notAvailable-color);
    color: #fad390;
    border: 1px solid var(--color-red) !important;
}

.CRbrokenTotal {
    background-color: #fa983a;
    color: var(--notAvailable-color);
}

.CRbrokenRepair {
    background-color: #fa983a;
    color: #FFFFFF;
}

.CRdefectSmall {
    background-color: var(--available-color);
    color: #fa983a;
}

.CRdefect {
    background-color: #fa983a;
    color: #FFFFFF;
}

.CRdefectRented {
    background-color: var(--color-red);
    color: #fa983a;
}

.CRbrokenInService {
    background-color: #fa983a;
    color: var(--available-color);
}

.CRincomplete {
    background-color: #fa983a;
    color: var(--notAvailable-color);
}

.CRother {
    background-color: #FFFFFF;
    color: #000000;
}

.CRremoved, .CRbillRemoved, .CRdeleted {
    background-color: #60a3bc;
    color: #000000;
}

.CRreplaced {
    background-color: #60a3bc;
    color: #000000;
}

.CRmtncCurrent {
    background-color: #fa983a;
    color: #000000;
}

.CRmtncNo {
    background-color: #fa983a;
    color: #FFFFFF;
}

.CRmtncCancelled {
    background-color: #fa983a;
    color: var(--available-color);
}

.CRmntcFinished {
    background-color: #fa983a;
    color: var(--available-color);
}

.CRmntcReserved {
    background-color: #fa983a;
    color: #fad390;
}

.CRavailLease {
    background-color: var(--available-color);
    color: #fad390;
}

.CRactiveLease {
    background-color: var(--color-red);
    color: #fad390;
}

.CRdelivered {
    background-color: #60a3bc;
    color: #ffffff;
}

.CRnotActiveTemp {
    background-color: #60a3bc;
    color: #fad390;
}

/* item status group*/
/*.CRdeleted{
		background-color: #00000;
		color:#FFFFFF; }
.CRavailable{
		background-color: #00000;
		color:#FFFFFF; }
.CRavailLease{
		background-color: #00000;
		color:#FFFFFF; }
.CRmntcFinished{
		background-color: #00000;
		color:#FFFFFF; }
.CRincomplete{
		background-color: #00000;
		color:#FFFFFF; }
.CRdefectSmall{
		background-color: #00000;
		color:#FFFFFF; }
.CRdefect{
		background-color: #00000;
		color:#FFFFFF; }
.CRmntcCurrent{
		background-color: #00000;
		color:#FFFFFF; }
.CRsold{
		background-color: #00000;
		color:#FFFFFF; }
.CRmtnc{
		background-color: #00000;
		color:#FFFFFF; }
.CRmissing{
		background-color: #00000;
		color:#FFFFFF; }
.CRother{
		background-color: #00000;
		color:#FFFFFF; }
*/

/* current item status */
.CRreseved {
    background-color: #fad390;
    color: #000000;
}

label.CRreseved {
    border-left: 2px solid #fad390 !important;
    border-right: 2px solid #fad390 !important;
    background-color: rgba(250,211,144,0.1) !important;
    color: #000000 !important;
	text-align:center;
}
/*.CRavailable{
		background-color: #00000;
		color:#FFFFFF; } */
.CRrented {
    background-color: var(--color-red); /*var(--color-red);*/
    color: #FFFFFF;
}

label.CRrented {
    border-left: 2px solid var(--color-red) !important;
    border-right: 2px solid var(--color-red) !important;
    background-color: rgba(255,0,0,0.1) !important;
    color: var(--color-red) !important;
	text-align:center;
}

.CRcurrentBill {
    background-color: #1dd1a1;
    color: #ffffff;
}

label.CRcurrentBill {
    border-left: 2px solid #1dd1a1 !important;
    border-right: 2px solid #1dd1a1 !important;
    background-color: rgba(29,209,161,0.1) !important;
    color: #ffffff !important;
	text-align:center;
}
/*.CRavailLease{
		background-color: #00000;
		color:#FFFFFF; }*/
.CRavailMaintenance, .CRdefect {
    background-color: var(--available-color);
    color: #fa983a;
}

label.CRavailMaintenance, label.CRdefect {
    border-left: 2px solid var(--available-color) !important;
    border-right: 2px solid var(--available-color) !important;
    background-color: rgba(22,160,133,0.1) !important;
    color: #fa983a !important;
	text-align:center;
}

.CRrentedLate {
    background-color: var(--color-red);
    color: #fa983a;
}

label.CRrentedLate {
    border-left: 2px solid var(--color-red) !important;
    border-right: 2px solid var(--color-red) !important;
    background-color: rgba(235,47,6,0.1) !important;
    color: #fa983a !important;
	text-align:center;
}

.CRrentedToLate {
    background-color: var(--notAvailable-color);
    color: #ffffff;
}

label.CRrentedToLate {
    border-left: 2px solid var(--notAvailable-color) !important;
    border-right: 2px solid var(--notAvailable-color) !important;
    background-color: rgba(183,21,64,0.1) !important;
    color: #ffffff !important;
	text-align:center;
}

.CRrentedDefect {
    background-color: var(--color-red);
    color: #fa983a;
}

label.CRrentedDefect {
    border-left: 2px solid var(--color-red) !important;
    border-right: 2px solid var(--color-red) !important;
    background-color: rgba(235,47,6,0.1) !important;
    color: #fa983a !important;
	text-align:center;
}

.CRrentedLease {
    background-color: var(--color-red);
    color: #fad390;
}

label.CRrentedLease {
    border-left: 2px solid var(--color-red) !important;
    border-right: 2px solid var(--color-red) !important;
    background-color: rgba(235,47,6,0.1) !important;
    color: #fad390 !important;
	text-align:center;
}

/* renttransaction status */
.CRreturned {
    color: var(--available-color);
}

label.CRreturned {
    border-left: 2px solid var(--available-color) !important;
    border-right: 2px solid var(--available-color) !important;
    background-color: rgba(0,153,0,0.1) !important;
    color: var(--available-color) !important;
	text-align:center;
}

.CRexchanged {
    color: #e58e26;
}

label.CRexchanged {
    border-left: 2px solid #e58e26 !important;
    border-right: 2px solid #e58e26 !important;
    background-color: rgba(229,142,38,0.1) !important;
    color: #e58e26 !important;
	text-align:center;
}

.CRextended {
    color: #e58e26;
}

label.CRextended {
    border-left: 2px solid #e58e26 !important;
    border-right: 2px solid #e58e26 !important;
    background-color: rgba(229,142,38,0.1) !important;
    color: #e58e26 !important;
	text-align:center;
}

.CRextendedLate {
    color: #e58e26;
}

label.CRextendedLate {
    border-left: 2px solid #e58e26 !important;
    border-right: 2px solid #e58e26 !important;
    background-color: rgba(229,142,38,0.1) !important;
    color: #e58e26 !important;
	text-align:center;
}

.CRreturnedSpec {
    color: var(--available-color);
}

label.CRreturnedSpec {
    border-left: 2px solid var(--available-color) !important;
    border-right: 2px solid var(--available-color) !important;
    background-color: rgba(22,160,133,0.1) !important;
    color: var(--available-color) !important;
	text-align:center;
}

.CRreturnedProc {
    color: var(--available-color);
}

label.CRreturnedProc {
    border-left: 2px solid #16a085 !important;
    border-right: 2px solid #16a085 !important;
    background-color: rgba(22,160,133,0.1) !important;
    color: #16a085 !important;
	text-align:center;
}

.CRreturnedCorrection {
    color: #16a085;
}

label.CRreturnedCorrection {
    border-left: 2px solid #16a085 !important;
    border-right: 2px solid #16a085 !important;
    background-color: rgba(22,160,133,0.1) !important;
    color: #16a085 !important;
	text-align:center;
}

.CRremoved {
    color: #FFFFFF;
}

label.CRremoved {
    border-left: 2px solid #FFFFFF !important;
    border-right: 2px solid #FFFFFF !important;
    background-color: rgba(255,255,255,0.1) !important;
    color: #FFFFFF !important;
	text-align:center;
}

.CRissued {
    color: #1dd1a1;
}

label.CRissued {
    border-left: 2px solid #1dd1a1 !important;
    border-right: 2px solid #1dd1a1 !important;
    background-color: rgba(29,209,161,0.1) !important;
    color: #1dd1a1 !important;
	text-align:center;
}

.CRnotReleased {
    color: var(--notAvailable-color);
}

label.CRnotReleased {
    border-left: 2px solid var(--notAvailable-color) !important;
    border-right: 2px solid var(--notAvailable-color) !important;
    background-color: rgba(183,21,64,0.1) !important;
    color: var(--notAvailable-color) !important;
	text-align:center;
}

.CRbillRemoved {
    color: #FFFFFF;
}

label.CRbillRemoved {
    border-left: 2px solid #FFFFFF !important;
    border-right: 2px solid #FFFFFF !important;
    background-color: rgba(255,255,255,0.1) !important;
    color: #FFFFFF !important;
	text-align:center;
}


/* bill status */
.CRprogress {
    background-color: #dfe6e9;
    color: #000000;
}

label.CRprogress {
    border-left: 2px solid #dfe6e9 !important;
    border-right: 2px solid #dfe6e9 !important;
    background-color: rgba(223,230,233,0.1) !important;
    color: #000000 !important;
	text-align:center;
}

.CRopenBill {
    background-color: #1dd1a1;
    color: #ffffff;
}

label.CRopenBill {
    border-left: 2px solid #1dd1a1 !important;
    border-right: 2px solid #1dd1a1 !important;
    background-color: rgba(29,209,161,0.1) !important;
    color: #1dd1a1 !important;
	text-align:center;
}

.CRopenGroup {
    background-color: #1dd1a1;
    color: #000000;
}

label.CRopenGroup {
    border-left: 2px solid #1dd1a1 !important;
    border-right: 2px solid #1dd1a1 !important;
    background-color: rgba(29,209,161,0.1) !important;
    color: #000000 !important;
	text-align:center;
}

.CRopenProvisional {
    background-color: #1dd1a1;
    color: #fad390;
}

label.CRopenProvisional {
    border-left: 2px solid #1dd1a1 !important;
    border-right: 2px solid #1dd1a1 !important;
    background-color: rgba(29,209,161,0.1) !important;
    color: #fad390 !important;
	text-align:center;
}

.CRreserved {
    background-color: #fad390;
    color: #000000;
}

label.CRreserved {
    border-left: 2px solid #fad390 !important;
    border-right: 2px solid #fad390 !important;
    background-color: rgba(250,211,144,0.2) !important;
    color: #333333 !important;
	text-align:center;
}

.CRprovisional {
    background-color: var(--available-color);
    color: #fad390;
}

label.CRprovisional {
    border-left: 2px solid var(--available-color) !important;
    border-right: 2px solid var(--available-color) !important;
    background-color: rgba(22,160,133,0.1) !important;
    color: #fad390 !important;
	text-align:center;
}

.CRoutstanding {
    background-color: var(--available-color);
    color: #FFFFFF;
}

label.CRoutstanding {
    border-left: 2px solid var(--available-color) !important;
    border-right: 2px solid var(--available-color) !important;
    background-color: rgba(22,160,133,0.1) !important;
    color: var(--available-color) !important;
	text-align:center;
}

.CRoutstandingLate {
    background-color: var(--available-color);
    color: #fa983a;
}

label.CRoutstandingLate {
    border-left: 2px solid var(--available-color) !important;
    border-right: 2px solid var(--available-color) !important;
    background-color: rgba(22,160,133,0.1) !important;
    color: #fa983a !important;
	text-align:center;
}

.CRoutstandingToLate {
    background-color: var(--notAvailable-color);
    color: #FFFFFF;
}

label.CRoutstandingToLate {
    border-left: 2px solid var(--notAvailable-color) !important;
    border-right: 2px solid var(--notAvailable-color) !important;
    background-color: rgba(183,21,64,0.1) !important;
    color: var(--notAvailable-color) !important;
	text-align:center;
}

.CRclosed {
    background-color: #0c2461;
    color: #FFFFFF;
}

label.CRclosed {
    border-left: 2px solid #0c2461 !important;
    border-right: 2px solid #0c2461 !important;
    background-color: rgba(12,36,97,0.1) !important;
    color: #0c2461 !important;
	text-align:center;
}

.CRclosedSpecial {
    background-color: #0c2461;
    color: #fad390;
}

label.CRclosedSpecial {
    border-left: 2px solid #0c2461 !important;
    border-right: 2px solid #0c2461 !important;
    background-color: rgba(12,36,97,0.1) !important;
    color: #fad390 !important;
	text-align:center;
}

.CRdeleted {
    background-color: #60a3bc;
    color: #FFFFFF;
}

label.CRdeleted {
    border-left: 2px solid #60a3bc !important;
    border-right: 2px solid #60a3bc !important;
    background-color: rgba(96,163,188,0.1) !important;
    color: #60a3bc !important;
	text-align:center;
}

.CRcancelled {
    background-color: #60a3bc;
    color: #FAD390;
}

label.CRcancelled {
    border-left: 2px solid #60a3bc !important;
    border-right: 2px solid #60a3bc !important;
    background-color: rgba(96,163,188,0.1) !important;
    color: #FAD390 !important;
	text-align:center;
}

.CRprocessed {
    background-color: #4a69bd;
    color: #FAD390;
}

label.CRprocessed {
    border-left: 2px solid #4a69bd !important;
    border-right: 2px solid #4a69bd !important;
    background-color: rgba(74,105,189,0.1) !important;
    color: #FAD390 !important;
	text-align:center;
}

.CRinvoiced {
    background-color: #4a69bd;
    color: #FFFFFF;
}

label.CRinvoiced {
    border-left: 2px solid #4a69bd !important;
    border-right: 2px solid #4a69bd !important;
    background-color: rgba(74,105,189,0.1) !important;
    color: #4a69bd !important;
	text-align:center;
}

/* reservation phase */
.CRprogressCancel {
    background-color: #dfe6e9;
    color: var(--notAvailable-color);
}

label.CRprogressCancel {
    border-left: 2px solid #dfe6e9 !important;
    border-right: 2px solid #dfe6e9 !important;
    background-color: rgba(223,230,233,0.1) !important;
    color: var(--notAvailable-color) !important;
	text-align:center;
}

.CRprogress {
    background-color: #dfe6e9;
    color: #ffffff;
}

label.CRprogress {
    border-left: 2px solid #dfe6e9 !important;
    border-right: 2px solid #dfe6e9 !important;
    background-color: rgba(223,230,233,0.1) !important;
    color: #ffffff !important;
	text-align:center;
}

.CRwaitValidate {
    background-color: #fad390;
    color: var(--notAvailable-color);
}

label.CRwaitValidate {
    border-left: 2px solid #fad390 !important;
    border-right: 2px solid #fad390 !important;
    background-color: rgba(250,211,144,0.1) !important;
    color: var(--notAvailable-color) !important;
	text-align:center;
}

.CRWaitConfrm {
    background-color: #fad390;
    color: #fa983a;
}

label.CRWaitConfrm {
    border-left: 2px solid #fad390 !important;
    border-right: 2px solid #fad390 !important;
    background-color: rgba(250,211,144,0.1) !important;
    color: #fa983a !important;
	text-align:center;
}

.CRconfirmed {	
    background-color: #fad390;
    color: var(--available-color);
}

label.CRconfirmed {
    border-left: 2px solid #fad390 !important;
    border-right: 2px solid #fad390 !important;
    background-color: rgba(250,211,144,0.1) !important;
    color: var(--available-color) !important;
	text-align:center;
}

.CRProcessed {
    background-color: #0c2461;
    color: #FFFFFF;
}

label.CRProcessed {
    border-left: 2px solid #0c2461 !important;
    border-right: 2px solid #0c2461 !important;
    background-color: rgba(12,36,97,0.1) !important;
    color: #0c2461 !important;
	text-align:center;
}

.CRarchived {
    background-color: #0c2461;
    color: #fa983a;
}

label.CRarchived {
    border-left: 2px solid #0c2461 !important;
    border-right: 2px solid #0c2461 !important;
    background-color: rgba(12,36,97,0.1) !important;
    color: #fa983a !important;
	text-align:center;
}
/*.CRcancelled{
		background-color: #00000;
		color:#FFFFFF; }
.CRdeleted{
		background-color: #00000;
		color:#FFFFFF; }
*/

/* reservation payment styles */
.CRpayOpen {
    background-color: var(--notAvailable-color);
    color: #ffffff;
}

label.CRpayOpen {
    border-left: 2px solid var(--notAvailable-color) !important;
    border-right: 2px solid var(--notAvailable-color) !important;
    background-color: rgba(183,21,64,0.1) !important;
    color: var(--notAvailable-color) !important;
	text-align:center;
}

.CRpayOpenDelivery, .CRpayPrePartial {
    background-color: var(--notAvailable-color);
    color: #fa983a;
}

label.CRpayOpenDelivery, label.CRpayPrePartial {
    border-left: 2px solid var(--notAvailable-color) !important;
    border-right: 2px solid var(--notAvailable-color) !important;
    background-color: rgba(183,21,64,0.1) !important;
    color: #fa983a !important;
	text-align:center;
}

.CRpayPrepayment {
    background-color: #1dd1a1;
    color: #ffffff;
}

label.CRpayPrepayment {
    border-left: 2px solid #1dd1a1 !important;
    border-right: 2px solid #1dd1a1 !important;
    background-color: rgba(29,209,161,0.1) !important;
    color: #1dd1a1 !important;
	text-align:center;
}

.CRpayPartial {
    background-color: #1dd1a1;
    color: #FFFFFF;
}

label.CRpayPartial {
    border-left: 2px solid #1dd1a1 !important;
    border-right: 2px solid #1dd1a1 !important;
    background-color: rgba(29,209,161,0.1) !important;
    color: #1dd1a1 !important;
	text-align:center;
}

.CRpayPaid {
    background-color: var(--available-color);
    color: #FFFFFF;
}

label.CRpayPaid {
    border-left: 2px solid var(--available-color) !important;
    border-right: 2px solid var(--available-color) !important;
    background-color: rgba(12,160,133,0.1) !important;
    color: var(--available-color) !important;
	text-align:center;
}

.CRpayOverpaid {
    background-color: var(--available-color);
    color: #FFFFFF;
    border: 1px solid #fa983a !important;
}

label.CRpayOverpaid {
    background-color: rgba(12,160,133,0.1) !important;
    color: var(--available-color) !important;
    border: 0 none !important;
    border-right: 2px solid #fa983a !important;
    border-left: 2px solid #fa983a !important;
	text-align:center;
}

.CRpayBilled {
    background-color: var(--available-color);
    color: #fad390;
}

label.CRpayBilled {
    border-left: 2px solid var(--available-color) !important;
    border-right: 2px solid var(--available-color) !important;
    background-color: rgba(12,160,133,0.1) !important;
    color: #fad390 !important;
	text-align:center;
}

/* Invoice payment styles */
.CRinvoicePayProgress {
    background-color: #dfe6e9;
    color: #ffffff;
}

.CRinvoicePayOpen {
    background-color: #f0ad4e;
    color: #ffffff;
}

.CRinvoicePayOpenDue {
    background-color: #d9534f;
    color: #ffffff;
}

.CRinvoicePayPartly {
    background-color: #d9534f;
    color: #f0ad4e;
}

.CRinvoicePayWithdrawn {
    background-color: #60a3bc;
    color: #ffffff;
}

.CRinvoicePayPaid {
    background-color: #5cb85c;
    color: #ffffff;
}

.CRinvoicePayPaidSP {
    background-color: #5cb85c;
    color: #f0ad4e;
}
/*Switch button styles*/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: -3px;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 3px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.switch input:checked + .slider {
    background-color: #2196F3;
}

.switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*Switch button styles end*/