/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); */
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900"); */
/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"); */
/* body { */
/* font-family: "Open Sans", sans-serif; */
/* font-family: "Poppins", sans-serif; */
/* } */

/* .f-poppins { */
/* font-family: "Poppins", sans-serif; */
/* } */

/*---------------------------------------------*/
body .ui-widget-overlay {
	opacity: 0.6;
}

/*---------------------------------------------*/
/** Input**/

.select2-container--default {
	line-height: 4rem;
}

.select2-container {
	height: 4rem;
}

.daw-small-text {
	font-weight: 300;
	color: #999;
	font-size: 1.5rem;
}

.small-text {
	font-size: 90%;
	opacity: 0.6;
}

.small-text1 {
	opacity: 0.6;
}
.small-text2 {
	opacity: 0.7;
}
.small-text3 {
	opacity: 0.8;
}
.small-text4 {
	opacity: 0.9;
}

.small-text-1 {
	opacity: 0.1;
}
.small-text-2 {
	opacity: 0.2;
}
.small-text-3 {
	opacity: 0.3;
}
.small-text-4 {
	opacity: 0.4;
}
.small-text-5 {
	opacity: 0.5;
}
.small-text-6 {
	opacity: 0.6;
}

/*[ Block Quotes  ]
-----------------------------------------------------------
*/

.bq-1 {
	font-size: 0.8rem;
	position: relative;
	/*  */
	margin: 0 0 1.5rem;
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background: var(--light-orange);
	border-radius: 8px;
	overflow: hidden;
	padding: 2rem 2rem 2rem 8rem;
	background-color: #fff2df;
}

.bq-1:before {
	content: attr(fq-bq-1-text);
	font-style: italic;
	font-weight: 700;
	background: #ff7a18;
	color: #fff;
	padding: 0 2rem;
	margin-right: 2rem;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: grid;
	place-items: center;
}

/*[ GRID  ]
-----------------------------------------------------------
*/

.grip-300-full {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-gap: 10px;
	word-wrap: break-word;
}

.grid-250-a {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 250px));
	grid-gap: 10px;
	word-wrap: break-word;
	justify-content: center;
}

.grid-350-a {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
	grid-gap: 10px;
	word-wrap: break-word;
	justify-content: center;
}
.grid-600-a {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 600px));
	grid-gap: 10px;
	word-wrap: break-word;
	justify-content: center;
}
.grid-600-b {
	display: grid;
	grid-template-columns: repeat(minmax(400px, 600px));
	/* grid-auto-rows: repeat(minmax(400px, 600px)); */
	grid-gap: 10px;
	word-wrap: break-word;
	justify-content: center;
}

/*[ CHECKBOX  ]
-----------------------------------------------------------
*/

input.daw-largerCheckbox {
	padding: 10px;
	transform: scale(2);
}
/*[ CURSOR  ]
-----------------------------------------------------------
*/

.cur-pointer {
	cursor: pointer;
}
.cur-context-menu {
	cursor: context-menu;
}

/*[ BOX  SHADOW ]
-----------------------------------------------------------
*/

.box-shad {
	box-shadow: 3.4px 3.4px 2.7px rgba(0, 0, 0, 0.022),
		8.7px 8.7px 6.9px rgba(0, 0, 0, 0.031),
		17.7px 17.7px 14.2px rgba(0, 0, 0, 0.039),
		36.5px 36.5px 29.2px rgba(0, 0, 0, 0.048),
		100px 100px 80px rgba(0, 0, 0, 0.07);
}

.box-shad-1 {
	box-shadow: 100px 100px 80px rgba(0, 0, 0, 0.07);
}
.box-shad-2 {
	box-shadow: 12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
		100px 100px 80px rgba(0, 0, 0, 0.07);
}
.box-shad-3 {
	box-shadow: 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
		22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
		100px 100px 80px rgba(0, 0, 0, 0.07);
}
.box-shad-4 {
	box-shadow: 4.5px 4.5px 3.6px rgba(0, 0, 0, 0.024),
		12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
		30.1px 30.1px 24.1px rgba(0, 0, 0, 0.046),
		100px 100px 80px rgba(0, 0, 0, 0.07);
}
.box-shad-5 {
	box-shadow: 3.4px 3.4px 2.7px rgba(0, 0, 0, 0.022),
		8.7px 8.7px 6.9px rgba(0, 0, 0, 0.031),
		17.7px 17.7px 14.2px rgba(0, 0, 0, 0.039),
		36.5px 36.5px 29.2px rgba(0, 0, 0, 0.048),
		100px 100px 80px rgba(0, 0, 0, 0.07);
}
.box-shad-6 {
	box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
		6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
		12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
		22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
		41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
		100px 100px 80px rgba(0, 0, 0, 0.07);
}
.box-shad-7 {
	box-shadow: 2.3px 2.3px 1.9px rgba(0, 0, 0, 0.018),
		5.4px 5.4px 4.3px rgba(0, 0, 0, 0.026),
		9.7px 9.7px 7.7px rgba(0, 0, 0, 0.032),
		16.1px 16.1px 12.8px rgba(0, 0, 0, 0.038),
		26.5px 26.5px 21.2px rgba(0, 0, 0, 0.044),
		46.2px 46.2px 37px rgba(0, 0, 0, 0.052),
		100px 100px 80px rgba(0, 0, 0, 0.07);
}
.box-shad-8 {
	box-shadow: 2px 2px 1.6px rgba(0, 0, 0, 0.017),
		4.5px 4.5px 3.6px rgba(0, 0, 0, 0.024),
		7.9px 7.9px 6.3px rgba(0, 0, 0, 0.03),
		12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
		19.3px 19.3px 15.5px rgba(0, 0, 0, 0.04),
		30.1px 30.1px 24.1px rgba(0, 0, 0, 0.046),
		50px 50px 40px rgba(0, 0, 0, 0.053), 100px 100px 80px rgba(0, 0, 0, 0.07);
}

/*[ ANCHOR RESET  ]
-----------------------------------------------------------
*/

a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: inherit;
}

/*---------------------------------------------*/
.fqm-badge-container {
	xposition: relative;
}
.fqm-badge-container .fqm-y-badge {
	position: absolute;
	top: -14px;
	right: -10px;
	padding: 2px 7px;
	border-radius: 50%;
	background: #ffdd40;
	color: #000;
	font-weight: 700;
	z-index: 1;
	border: 1px solid #ccb133;
}

.fqm-badge-container .fqm-y-badge-l {
	position: absolute;
	top: -25px;
	left: -96px;
	padding: 2px 7px;
	border-radius: 50%;
	background: #ffdd40;
	color: #000;
	font-weight: 700;
	z-index: 1;
	border: 1px solid #ccb133;
}
.fqm-badge-container .fqm-y-badge-l {
	position: absolute;
	top: -25px;
	left: -96px;
	padding: 2px 7px;
	border-radius: 50%;
	background: #ffdd40;
	color: #000;
	font-weight: 700;
	z-index: 1;
	border: 1px solid #ccb133;
}

.fqm-badge-container .fqm-b-badge {
	position: absolute;
	top: -14px;
	right: -10px;
	padding: 2px 7px;
	border-radius: 50%;
	background: #009aff;
	color: #000;
	font-weight: 700;
	z-index: 1;
	border: 1px solid #005c99;
}

/*---------------------------------------------*/

/*[ BORDER  RADIUS]
-----------------------------------------------------------
*/
.bor-rad-1 {
	border-radius: 1px;
}
.bor-rad-2 {
	border-radius: 2px;
}
.bor-rad-3 {
	border-radius: 3px;
}
.bor-rad-4 {
	border-radius: 4px;
}
.bor-rad-5 {
	border-radius: 5px;
}

.bor-rad-6 {
	border-radius: 6px;
}
.bor-rad-7 {
	border-radius: 7px;
}
.bor-rad-8 {
	border-radius: 8px;
}
.bor-rad-9 {
	border-radius: 9px;
}
.bor-rad-10 {
	border-radius: 10px;
}

.bor-rad-15 {
	border-radius: 15px;
}
.bor-rad-20 {
	border-radius: 20px;
}
.bor-rad-25 {
	border-radius: 25px;
}
.bor-rad-30 {
	border-radius: 30px;
}

/*  ======= */
.bor-rad-r-1 {
	border-radius: 0px 1px 1px 0px;
}
.bor-rad-r-2 {
	border-radius: 2px 2px 2px 2px;
}
.bor-rad-r-3 {
	border-radius: 3px 3px 3px 3px;
}
.bor-rad-r-4 {
	border-radius: 4px 4px 4px 4px;
}
.bor-rad-r-5 {
	border-radius: 5px 5px 5px 5px;
}
/*  ======= */
.bor-rad-l-1 {
	border-radius: 1px 1px 1px 1px;
}
.bor-rad-l-2 {
	border-radius: 2px 2px 2px 2px;
}
.bor-rad-l-3 {
	border-radius: 3px 3px 3px 3px;
}
.bor-rad-l-4 {
	border-radius: 4px 4px 4px 4px;
}
.bor-rad-l-5 {
	border-radius: 5px 5px 5px 5px;
}
/*  ======= */
.bor-rad-t-1 {
	border-radius: 1px 1px 0 0;
}
.bor-rad-t-2 {
	border-radius: 2px 2px 0 0;
}
.bor-rad-t-3 {
	border-radius: 3px 3px 0 0;
}
.bor-rad-t-4 {
	border-radius: 4px 4px 0 0;
}
.bor-rad-t-5 {
	border-radius: 5px 5px 0 0;
}
.bor-rad-t-6 {
	border-radius: 6px 6px 0 0;
}
.bor-rad-t-7 {
	border-radius: 7px 7px 0 0;
}
.bor-rad-t-8 {
	border-radius: 8px 8px 0 0;
}
.bor-rad-t-9 {
	border-radius: 9px 9px 0 0;
}
.bor-rad-t-10 {
	border-radius: 10px 10px 0 0;
}
.bor-rad-t-15 {
	border-radius: 15px 15px 0 0;
}
.bor-rad-t- {
	border-radius: 15px 15px 0 0;
}

/*  ======= */
.bor-rad-b-1 {
	border-radius: 0 0 1px 1px;
}
.bor-rad-b-2 {
	border-radius: 0 0 2px 2px;
}
.bor-rad-b-3 {
	border-radius: 0 0 3px 3px;
}
.bor-rad-b-4 {
	border-radius: 0 0 4px 4px;
}
.bor-rad-b-5 {
	border-radius: 0 0 5px 5px;
}
.bor-rad-b-6 {
	border-radius: 0 0 6px 6px;
}
.bor-rad-b-7 {
	border-radius: 0 0 7px 7px;
}
.bor-rad-b-8 {
	border-radius: 0 0 8px 8px;
}
.bor-rad-b-9 {
	border-radius: 0 0 9px 9px;
}
.bor-rad-b-10 {
	border-radius: 0 0 10px 10px;
}
.bor-rad-b-15 {
	border-radius: 0 0 15px 15px;
}
.bor-rad-b-20 {
	border-radius: 0 0 15px 15px;
}

/*  ======= */

.bor-rad-100p {
	border-radius: 100%;
}
.bor-rad-50p {
	border-radius: 50%;
}

/*[ BORDER ]
-----------------------------------------------------------
*/

.border-1 {
	border: 1px solid #000000;
}

.border-1-5 {
	border: 1px solid #282828;
}
.border-1-10 {
	border: 1px solid #595959;
}
.border-1-14 {
	border: 1px solid #808080;
}

.border-1-18 {
	border: 1px solid #a7a7a7;
}
.border-1-23 {
	border: 1px solid #d8d8d8;
}
.border-1-26 {
	border: 1px solid #f6f6f6;
}

.border-1-10 {
	border: 1px solid #f6f6f6;
}

.border-1-15 {
	border: 1px solid #ececec;
}

.border-1-20 {
	border: 1px solid #e2e2e2;
}

.border-1-25 {
	border: 1px solid #d8d8d8;
}

.border-1-30 {
	border: 1px solid #cecece;
}

.border-1-35 {
	border: 1px solid #c5c5c5;
}

.border-1-40 {
	border: 1px solid #bbbbbb;
}
.border-1-45 {
	border: 1px solid #b1b1b1;
}

/* ---- */
.border-2 {
	border: 2px solid #000000;
}

.border-2-5 {
	border: 2px solid #282828;
}
.border-2-10 {
	border: 2px solid #595959;
}
.border-2-14 {
	border: 2px solid #808080;
}

.border-2-18 {
	border: 2px solid #a7a7a7;
}
.border-2-23 {
	border: 2px solid #d8d8d8;
}
.border-2-26 {
	border: 2px solid #f6f6f6;
}

.border-2-10 {
	border: 2px solid #f6f6f6;
}

.border-2-15 {
	border: 2px solid #ececec;
}

.border-2-20 {
	border: 2px solid #e2e2e2;
}

.border-2-25 {
	border: 2px solid #d8d8d8;
}

.border-2-30 {
	border: 2px solid #cecece;
}

.border-2-35 {
	border: 2px solid #c5c5c5;
}

.border-2-40 {
	border: 2px solid #bbbbbb;
}
.border-2-45 {
	border: 2px solid #b1b1b1;
}
/* ---- */
.border-3 {
	border: 3px solid #000000;
}

.border-3-1 {
	border: 3px solid grey;
}

.border-3-10 {
	border: 3px solid #f6f6f6;
}

.border-3-15 {
	border: 3px solid #ececec;
}

.border-3-20 {
	border: 3px solid #e2e2e2;
}

.border-3-25 {
	border: 3px solid #d8d8d8;
}

.border-3-30 {
	border: 3px solid #cecece;
}

.border-3-35 {
	border: 3px solid #c5c5c5;
}

.border-3-40 {
	border: 3px solid #bbbbbb;
}
.border-3-45 {
	border: 3px solid #b1b1b1;
}
/* ---- */

.border-4 {
	border: 4px solid #000000;
}

.border-4-1 {
	border: 4px solid grey;
}

.border-5 {
	border: 5px solid #000000;
}

.border-5-1 {
	border: 5px solid grey;
}

/*[ BORDER BOTTOM]
-----------------------------------------------------------
*/

.daw-bor-bot {
	border-bottom: 3px solid;
	border-spacing: 15px;
}

.bor-bot-1 {
	border-bottom: 3px solid #ff3b41;
	border-spacing: 15px;
}
.bor-bot-2 {
	border-bottom: 3px solid #47cf73;
	border-spacing: 15px;
}
.bor-bot-3 {
	border-bottom: 3px solid #754100;
	border-spacing: 15px;
}
.bor-bot-4 {
	border-bottom: 3px solid #00718f;
	border-spacing: 15px;
}

.bor-bot-5 {
	border-bottom: 3px solid #765070;
	border-spacing: 3px;
}

.bor-bot-5-1 {
	border-bottom: 3px solid #765070;
	border-spacing: 7px;
}
.bor-bot-5-2 {
	border-bottom: 3px solid #765070;
	border-spacing: 15px;
}

.bor-bot-6 {
	border-bottom: 3px solid #475e65;
	border-spacing: 3px;
}
.bor-bot-6-1 {
	border-bottom: 3px solid #475e65;
	border-spacing: 7px;
}
.bor-bot-6-2 {
	border-bottom: 3px solid #475e65;
	border-spacing: 15px;
}

.bor-bot-7 {
	border-bottom: 2px solid #fffd82;
}
.bor-bot-7-1 {
	border-bottom: 2px solid #fffd82;
	border-spacing: 3px;
}
.bor-bot-7-2 {
	border-bottom: 2px solid #fffd82;
	border-spacing: 7px;
}
.bor-bot-7-3 {
	border-bottom: 2px solid #fffd82;
	border-spacing: 15px;
}

.bor-bot-8 {
	border-bottom: 2px solid #e1bea1;
	border-spacing: 15px;
}
.bor-bot-8-1 {
	border-bottom: 2px solid #e4c6ac;
	border-spacing: 15px;
}

/*[ BORDER TOP]
-----------------------------------------------------------
*/

.bor-top-2 {
	border-top: 2px solid;
	border-spacing: 15px;
}

.bor-top-2-1 {
	border-top: 2px solid #e1bea1;
	border-spacing: 15px;
}
.bor-top-2-2 {
	border-top: 2px solid #e4c6ac;
	border-spacing: 15px;
}
/*  */
.bor-top-3 {
	border-top: 3px solid #fffd82;
	border-spacing: 15px;
}

.bor-top-3-1 {
	border-top: 3px solid #fffd82;
}

.bor-top-5 {
	border-top: 5px solid #c06a45;
}
/* ----------------------------------------------------------- */
.border-none {
	border: none;
}

.outline-none {
	outline: none;
}

.z-ind-1 {
	z-index: 1;
}
/*---------------------------------------------*/

/*[ BUTTON ]
-----------------------------------------------------------
*/

/*----------------------------*/
.fqm-a-btn {
	border: none;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
}
.fqm-a-btn:hover {
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
}

.fqm-a-btn-1 {
	border: none;
	opacity: 0.8;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
}
.fqm-a-btn-1:hover {
	opacity: 1;
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
}

.fqm-a-btn-2 {
	border: none;
	opacity: 0.8;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
	box-shadow: 0px 0px 5px #333;
}
.fqm-a-btn-2:hover {
	opacity: 1;
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
}

.fqm-a-btn-5 {
	border: none;
	padding: 6px 12px;
	font-size: 18px;
	margin: 4px 2px;
	opacity: 0.8;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
}
.fqm-a-btn-5:hover {
	opacity: 1;
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
}

.fqm-a-btn-6 {
	border: none;
	padding: 6px 12px;
	font-size: 18px;
	margin: 4px 2px;
	opacity: 0.8;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
	box-shadow: 0px 0px 5px #333;
}
.fqm-a-btn-6:hover {
	opacity: 1;
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
}

.fqm-a-btn-7 {
	border: none;
	padding: 12px 12px;
	font-size: 18px;
	border-radius: 7px;
	background-color: #eaeaea;
	outline: none;
}

/*----------------------------*/

.fqm-a-btn-edit {
	border: none;
	text-align: center;
	opacity: 0.8;
	transition: 0.3s;
	border-radius: 100%;
	transition: all 0.5s ease !important;
	background-color: #e5e5e5;
}
.fqm-a-btn-edit:hover {
	opacity: 1;
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
	background-color: #ffdd40;
}

.fqm-a-btn-edit-1 {
	background-color: #f0cc71;
	color: #312d2a;
}

/* .fqm-a-btn-approve {
	border: 1px solid #47cf73;
	color: #24683a;
	background-color: transparent;
	transition: 0.3s;
	border-radius: 7px;
	border: 1px solid #24683a;
	transition: all 0.5s ease !important;
}
.fqm-a-btn-approve:hover {
	background-color: #47cf73;
	color: #fff;
	cursor: pointer;
	transform: scale(1.1);
} */

.fqm-a-btn-approve {
	background-color: #3fd1b8;
	color: #000000;
	xtransition: all 0.5s ease;
}

.fqm-a-btn-approve:hover {
	background-color: #65dac6;
	xtransform: scale(1.1);
}

.fqm-a-btn-approve-1 {
	border: none;
	text-align: center;
	opacity: 0.8;
	transition: 0.3s;
	border-radius: 100%;
	transition: all 0.5s ease !important;
	background-color: #47cf73;
}
.fqm-a-btn-approve-1:hover {
	opacity: 1;
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
	background-color: #47cf73;
}

.fqm-a-btn-approve-2 {
	background-color: #377e55;
	color: #fcfbfa;
	transition: all 0.5s ease;
}

.fqm-a-btn-approve-2:hover {
	background-color: #3f9061;
	transform: scale(1.1);
}

.fqm-a-btn-gr {
	border: none;
	opacity: 0.8;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease;
	border-left: #00cc6f;
}
.fqm-a-btn-gr:hover {
	opacity: 1;
	box-shadow: 0px 5px 20px #00cc6f;
	cursor: pointer;
	transform: scale(1.1);
}
.fqm-a-btn-reject {
	border: none;
	text-align: center;
	opacity: 0.8;
	transition: 0.3s;
	border-radius: 100%;
	transition: all 0.5s ease !important;
	background-color: #ff3b41;
}
.fqm-a-btn-reject:hover {
	opacity: 1;
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
	background-color: #801e21;
}

/* SUBMIT */
.fqm-a-btn-submit {
	background-color: #009aff;
	border: 1px solid #005c99;
	color: #fff;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
}
.fqm-a-btn-submit:hover {
	background-color: #33aeff;
	cursor: pointer;
	transform: scale(1.1);
}
.fqm-a-btn-print {
	background-color: #f0cc71;
	border: 1px solid #c0a35a;
	color: #312d2a;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
}
.fqm-a-btn-print:hover {
	background-color: #f3d68d;
	cursor: pointer;
	transform: scale(1.1);
}

.fqm-a-btn-cancel {
	border: none;
	transition: 0.3s;
	transition: all 0.5s ease !important;
	border: 1px solid #f0cc71;
	background-color: transparent;
	color: #f0cc71;
}
.fqm-a-btn-cancel:hover {
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
	background-color: #f0cc71;
	color: #312d2a;
}
.fqm-a-btn-close {
	border: none;
	transition: 0.3s;
	transition: all 0.5s ease !important;
	border: 1px solid #f0cc71;
	background-color: transparent;
	color: #f0cc71;
}
.fqm-a-btn-close:hover {
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
	background-color: #f0cc71;
	color: #312d2a;
}
.fqm-a-btn-close-1 {
	border: none;
	transition: 0.3s;
	transition: all 0.5s ease !important;
	border: 1px solid #f7e7db;
	background-color: transparent;
	color: #f7e7db;
}
.fqm-a-btn-close-1:hover {
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
	background-color: #f7e7db;
	color: #312d2a;
}
.fqm-a-btn-cal {
	border: none;
	transition: 0.3s;
	transition: all 0.5s ease !important;
	border: 1px solid #f7e7db;
	background-color: transparent;
	color: #f7e7db;
}
.fqm-a-btn-cal:hover {
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
	background-color: #f7e7db;
	color: #312d2a;
}

.fqm-a-btn-save {
	border: none;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
	xbackground-color: #00b5a9;
	background-color: #ffffff;
	xcolor: #ffffff;
	color: #00b5a9;
	border: 3px solid #00b5a9;
}

.fqm-a-btn-save:hover {
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	xtransform: scale(1.1);
	xbackground-color: #00a196;
	background-color: #00b5a9;
	color: #ffffff;
}

.fqm-a-btn-save-1 {
	border: none;
	transition: 0.3s;
	border-radius: 7px;
	transition: all 0.5s ease !important;
	border: 1px solid #00c9bc;
	background-color: transparent;
	color: #00c9bc;
}

.fqm-a-btn-save-1:hover {
	box-shadow: 0px 5px 20px #333;
	cursor: pointer;
	transform: scale(1.1);
	background-color: #00c9bc;
	color: #ffff;
}

/*[ Wrap  ]
-----------------------------------------------------------
*/
/*----------------------------*/
.no-wrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ow {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.ow-h {
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}

.fqm-no-wrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wb-all {
	word-break: break-all;
}
.wb {
	word-break: break-word;
}

/*[ Main / Page / Region Title  ]
-----------------------------------------------------------
*/

.fqm-btn-page-title {
	display: inline-block;
	font-size: 2.5rem;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff4e8;
}

.fqm-btn-page-title-sm {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff4e8;
}

/*[ HTMl Table CSS  ]
-----------------------------------------------------------
*/
/************************************************************************************************************************************************************/
/*HTMl Table CSS*/
/************************************************************************************************************************************************************/

.fqm-table-wrapper {
	max-width: 1800px;
}

.fqm-table-wrapper .fqm-table {
	xmargin: 0 0 0 0;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	display: table;
}

@media screen and (max-width: 580px) {
	.fqm-table {
		display: block;
	}
}

/*****************************/
/* ROW */
/*****************************/
.fqm-row {
	display: table-row;
	background: #f6f6f6;
	padding: 14px 12px;
}

.fqm-row:nth-of-type(odd) {
	background: #e9e9e9;
}
.fqm-row:hover {
	background: #ffd5ab;
	pointer-events: visible;
}
.fqm-row.header {
	font-weight: 900;
	color: #000000;
	background: #d2d2d2;
}

.fqm-row.highlight {
	background: #fff1b3;
	pointer-events: visible;
}

.fqm-row.highlight-y {
	background: #fff1b3;
	pointer-events: visible;
}

.fqm-row.highlight-b {
	background: #cff4fc;
	pointer-events: visible;
}

@media screen and (max-width: 580px) {
	.fqm-row {
		padding: 14px 0 7px;
		display: block;
	}
	.fqm-row.header {
		xpadding: 0;
		xheight: 12px;
		display: none;
	}
	.fqm-row.header .fqm-cell {
		display: none;
	}
	.fqm-row .fqm-cell {
		margin-bottom: 10px;
	}
	.fqm-row .fqm-cell:before {
		margin-bottom: 3px;
		content: attr(data-title);
		min-width: 98px;
		font-size: 10px;
		line-height: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #969696;
		display: block;
	}
}
/*****************************/
/* CELL */
/*****************************/
.fqm-cell {
	padding: 14px 12px;
	display: table-cell;
	vertical-align: middle;
	max-width: 200px;
	white-space: normal;
}

.fqm-cell-summary {
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
	font-size: 2rem;
	border: 1px solid #dadcdf;
	max-width: 300px;
	white-space: normal;
}

.fqm-cell-1 {
	display: table-cell;
	vertical-align: middle;
	max-width: 200px;
	white-space: wrap;
}

.fqm-cell-summary {
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
	border: 1px solid #dadcdf;
}

.fqm-cell-list:before {
	content: "\00B7";
	font-size: 4rem;
	color: #33383d;
	padding: 0 5px 0 0;
	vertical-align: -8px;
}
@media screen and (max-width: 580px) {
	.fqm-cell {
		padding: 2px 16px;
		display: block;
		max-width: 575px;
	}
}

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

.table-no-style {
	display: table;
}

.row-no-style {
	display: table-row;
}
.cell-no-style {
	display: table-cell;
}

/*[ underline  ]
-----------------------------------------------------------
*/

.fqm-underline {
	content: " ";
	display: block;
	border-bottom: 2px solid;
	margin-right: 20px;
	margin-left: 20px;
}

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

/*[ TOOLTIP CSS  ]
----------------------------------------------------------------------------------------------------------------------
*/

/* --------- Bottom Tooltip*/
.tooltip-b {
	position: relative;
	display: inline-block;
	xborder-bottom: 1px dotted black;
}

.tooltip-b .tooltipText {
	visibility: hidden;
	width: 200px;
	background-color: #666666;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;
	position: absolute;
	z-index: 1;
	top: 150%;
	left: 50%;
	margin-left: -60px;
}

.tooltip-b .tooltipText::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	xborder-width: 5px;
	xborder-style: solid;
	xborder-color: transparent transparent black transparent;
}

.tooltip-b:hover .tooltipText {
	visibility: visible;
}

/* Right Tooltip */
.tooltip-r {
	position: relative;
	display: inline-block;
}

.tooltip-r .tooltipText {
	visibility: hidden;
	width: 200px;
	background-color: #666666;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 110%;
}

.tooltip-r .tooltipText::after {
	content: "";
	position: absolute;
	top: 35%;
	right: 100%;
	margin-top: -5px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent #666666 transparent transparent;
}
.tooltip-r:hover .tooltipText {
	visibility: visible;
}

/************************************************************** Another Tooltip*/
.fqm-tooltip[data-title] {
	font-size: 18px;
	position: relative;
	cursor: help;
}

.fqm-tooltip-label {
	width: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	background: #ececec;
	padding: 10px;
	max-width: 50%;
}

.fqm-tooltip[data-title]:hover::before {
	content: attr(data-title);
	position: absolute;
	bottom: -46px;
	padding: 10px;
	background: #000;
	color: #fff;
	font-size: 14px;
	white-space: wrap;
}
.fqm-tooltip[data-title]:hover::after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #000;
}

/*
sample usage:
<div class="fqm-tooltip" data-title="This is a Longer text which needs to be shown with">  This is a Longer Text.... </div>
*/

/************************************************************** Another Tooltip*/
/* Tooltip container */
.fqm-tooltip-1 {
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.fqm-tooltip-1 .fqm-tooltip-1-txt {
	visibility: hidden;
	width: 800px;
	background-color: #959592;
	color: #ffffff;
	xtext-align: center;
	padding: 20px;
	border-radius: 6px;
	top: -350%;
	left: 90%;
	opacity: 0;
	transition: opacity 0.7s;
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.fqm-tooltip-1:hover .fqm-tooltip-1-txt {
	visibility: visible;
	opacity: 1;
}
.fqm-tooltip-1 .fqm-tooltip-1-txt::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%; /* To the left of the tooltip */
	margin-top: -38px;
	border-width: 12px;
	border-style: solid;
	border-color: transparent #959592 transparent transparent;
}

.fqm-tooltip-1-txt:hover {
	background-color: #aeaeab;
}

.fqm-tooltip-1-txt {
	border-bottom: 3px solid #959592;
	cursor: pointer;
	transition: all 0.3s ease;
}

.fqm-tooltip-1-txt-more {
	background-color: #959592;
	padding: 5px 5px;
	border-radius: 15px;
	margin: 5px;
	opacity: 0.8;
	line-height: 3.5;
}
.fqm-tooltip-1-txt-more:hover {
	opacity: 1;
}
.fqm-tooltip-1-txt-more a {
	color: white;
}

.fqm-cell-list-tooltip:before {
	content: "\00B7";
	font-size: 6rem;
	color: white;
	padding: 0 5px 0 0;
	vertical-align: -15px;
}

/************************************************************** Another Tooltip*/
.fqm-tooltip-2 {
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	background: white;
}
/*Sample Usage
  <h1 class="fqm-tooltip-2">
  This is a very big text which needs to be shown less basded on length
</h1>
  */

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

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

/*[ TEXT ]
-----------------------------------------------------------
*/

.text-width-30 {
	max-width: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-width-50 {
	max-width: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-width-200 {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-width-235 {
	max-width: 235px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-width-240 {
	max-width: 240px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-width-200-lc3 {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.text-width-300 {
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-width-400 {
	max-width: 400px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-width-500 {
	max-width: 500px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-width-600 {
	max-width: 600px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-width-700 {
	max-width: 700px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-width-800 {
	max-width: 800px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-width-1000 {
	max-width: 1000px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-f-width-200 {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-f-width-300 {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-multi-line-200 {
	max-width: 200px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* .text-multi-line-200-a {
	max-width: 200px;
	margin: 0 auto;
	border-bottom-right-radius: 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
} */
.text-multi-line-f-200 {
	width: 200px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-multi-line-400 {
	max-width: 400px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* .text-multi-line-400-a {
	max-width: 400px;
	margin: 0 auto;
	border-bottom-right-radius: 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
} */

.text-multi-line-f-400 {
	width: 400px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-multi-line-600 {
	max-width: 600px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.daw-hdr-txt {
	display: block;
	font-size: 2.8rem;
	color: #4a5865;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 28px;
	text-align: center;
}

.daw-hdr-txt-with-hr {
	display: block;
	font-size: 2.8rem;
	xcolor: #4a5865;
	color: #754100;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 28px;
	text-align: center;
	xborder-bottom: 3px solid #4a5865bb;
	border-bottom: 3px solid #00718f;
}

.daw-hdr-txt-with-hr1 {
	display: block;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 28px;
	text-align: center;
	border-bottom: 3px solid #765070;
}

.daw-hdr-txt-uline {
	border-bottom: 3px solid #ffae5d;
}

.fqm-searchItem-Label {
	font-weight: 900;
	font-size: 1.4rem;
	color: green;
	text-transform: uppercase;
}

/**************************/
/*[ LETTER SPACING ]*/
.let-sp-1 {
	letter-spacing: 1px;
}
.let-sp-2 {
	letter-spacing: 2px;
}

/************************************************************************************************************************************************************/
/*[ MEDIA QUERY ]*/
/************************************************************************************************************************************************************/
/* [ MOBILE ] */
/* -------------------------------------------------- */
@media screen and (max-width: 600px) {
	/* MARGIN */
	.mb-10-mob {
		margin-bottom: 10px;
	}
	.mt-15-mob {
		margin-top: 15px;
	}
	.mt-10-mob {
		margin-top: 10px;
	}
	.ml-5-mob {
		margin-left: 5px;
	}
	.mb-20-mob {
		margin-bottom: 20px;
	}
	.mb-20-mob {
		margin-bottom: 30px;
	}
	.m-5-mob {
		margin: 5px;
	}
	/* MARGIN */
	.p-15-mob {
		padding: 15px;
	}
	.pt-15-mob {
		padding-top: 15px;
	}

	.fs-50p-mob {
		font-size: 50%;
	}
	.fs-80p-mob {
		font-size: 80%;
	}
	.fs-85p-mob {
		font-size: 85%;
	}
	.fs-90p-mob {
		font-size: 90%;
	}
	.fs-95p-mob {
		font-size: 95%;
	}
	.fs-20-mob{
		font-size: 20px;
	}
	/* PADDING */
	.flex-c-mob {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
	}

	/* DISPLAY */
	.hide-on-mob {
		display: none;
	}

	.hide-on-mobile {
		display: none;
	}
	.dis-block-mob {
		display: block;
	}
	.t-Header-branding {
		display: none;
	}
	.t-Footer {
		display: none;
	}
	.text-width-200-m {
		max-width: 200px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.text-width-300-m {
		max-width: 300px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}
/* PC */
/* -------------------------------------------------- */
/* [ PC ] [Desktop] */

@media screen and (min-width: 600px) {
	.hide-on-pc {
		display: none;
	}
	.p-15-pc {
		padding: 15px;
	}
	.p-20-pc {
		padding: 20px;
	}
	.p-25-pc {
		padding: 25px;
	}
	.p-30-pc {
		padding: 30px;
	}
	.px-30-pc {
		padding-right: 30px;
		padding-left: 30px;
	}
	.p-35-pc {
		padding: 35px;
	}
	/*  */
	.m-15-pc {
		margin: 15px;
	}
	.m-20-pc {
		margin: 20px;
	}

	.table-no-style-pc {
		display: table;
	}

	.row-no-style-pc {
		display: table-row;
	}
	.cell-no-style-pc {
		display: table-cell;
	}
}

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

/*[ COLOR ]
-----------------------------------------------------------
*/

.col-white {
	color: #fff;
}
.bg-white {
	background-color: #fff;
}
/* .col-white-1 {
	color: #e6e6e6;
}
.bg-white-1 {
	background-color: #e6e6e6;
}
.col-white-2 {
	color: #cccccc;
}
.bg-white-2 {
	background-color: #cccccc;
} */
.col-white-1 {
	color: rgba(0, 0, 0, 0.01);
}
.bg-white-1 {
	background-color: rgba(0, 0, 0, 0.01);
}
.col-white-2 {
	color: rgba(0, 0, 0, 0.02);
}
.bg-white-2 {
	background-color: rgba(0, 0, 0, 0.02);
}
.col-white-3 {
	color: rgba(0, 0, 0, 0.03);
}
.bg-white-3 {
	background-color: rgba(0, 0, 0, 0.03);
}
.col-white-4 {
	color: rgba(0, 0, 0, 0.04);
}
.bg-white-4 {
	background-color: rgba(0, 0, 0, 0.04);
}
.col-white-5 {
	color: rgba(0, 0, 0, 0.05);
}
.bg-white-5 {
	background-color: rgba(0, 0, 0, 0.05);
}

/* ========= */
.col-black {
	color: #000;
}
.bg-black {
	background-color: #000;
}

.col-black-1 {
	color: #1d1d1f;
}
.bg-black-1 {
	background-color: #1d1d1f;
}

.col-black-2 {
	color: #4f5156;
}
.bg-black-2 {
	background-color: #4f5156;
}
/* ========= */
.col-dark-5 {
	color: #45525e;
}
.bg-dark-5 {
	background-color: #45525e;
}
.col-dark-6 {
	color: #b3b3b3;
}
.bg-dark-6 {
	background-color: #b3b3b3;
}

/* ========= */

.col-qublue {
	color: #00718f;
}
.bg-qublue {
	background-color: #00718f;
}

.col-qubrown {
	color: #754100;
}
.bg-qubrown {
	background-color: #754100;
}

.col-pending {
	color: #71719a;
}
.bg-pending {
	background-color: #71719a;
}

.col-meeting {
	color: #765070;
}
.bg-meeting {
	background-color: #765070;
}

.col-history {
	color: #475e65;
}
.bg-history {
	background-color: #475e65;
}

.col-search {
	color: #475e65;
}
.bg-search {
	background-color: #475e65;
}

/* ================================ */

.col-setapp-1 {
	color: #765070;
}
.bg-setapp-1 {
	background-color: #765070;
}

.col-setapp-2 {
	color: #2b464f;
}
.bg-setapp-2 {
	background-color: #2b464f;
}

.col-setapp-2-1 {
	color: #475e65;
}
.bg-setapp-2-1 {
	background-color: #475e65;
}

.col-setapp-2-2 {
	color: #b6d1da;
}
.bg-setapp-2-2 {
	background-color: #b6d1da;
}

.col-setapp-3 {
	color: #71719a;
}
.bg-setapp-3 {
	background-color: #71719a;
}

.bg-setapp-4 {
	background-color: #dce9e4;
}
.col-setapp-4 {
	color: #dce9e4;
}

.bg-setapp-5 {
	background-color: #6f9ba9;
}
.col-setapp-5 {
	color: #6f9ba9;
}

/*  */
.bg-setapp-6 {
	background-color: #e6c3a5;
}
.col-setapp-6 {
	color: #e6c3a5;
}

.bg-setapp-6-1 {
	background-color: #3a3845;
}
.col-setapp-6-1 {
	color: #3a3845;
}

/*  */
.bg-setapp-7 {
	background-color: #f4efeb;
}
.col-setapp-7 {
	color: #f4efeb;
}
.bg-setapp-8 {
	background-color: #f3eaff;
}
.col-setapp-8 {
	color: #f3eaff;
}

.bg-setapp-9 {
	background-color: #ddefff;
}
.col-setapp-9 {
	color: #ddefff;
}

.bg-setapp-10 {
	background-color: #dffcff;
}
.col-setapp-10 {
	color: #dffcff;
}

.bg-setapp-11 {
	background-color: #f7e7db;
}
.col-setapp-11 {
	color: #f7e7db;
}
/*  */

.bg-setapp-15 {
	background-color: #e095ae;
}
.col-setapp-15 {
	color: #e095ae;
}
/*  */

.bg-setapp-20 {
	background-color: #374c75;
}
.col-setapp-20 {
	color: #374c75;
}
.bg-setapp-20-1 {
	background-color: #384c75;
}
.col-setapp-20-1 {
	color: #384c75;
}
.bg-setapp-21 {
	background-color: #99989f;
}
.col-setapp-21 {
	color: #99989f;
}
/*  */
.bg-setapp-grad {
	background-color: #99989f;
}
.col-setapp-21 {
	color: #99989f;
}
/* ================================ */

.col-yellow {
	color: #ffdd40;
}
.bg-yellow {
	background-color: #ffdd40;
}
.col-yellow-1 {
	color: #f0cc71;
}
.bg-yellow-1 {
	background-color: #f0cc71;
}

.col-yellow-10 {
	color: #f0eee9;
}
.bg-yellow-10 {
	background-color: #f0eee9;
}

/* ================== */
.col-brown {
	color: brown;
}
.bg-brown {
	background-color: brown;
}
.col-brown-1 {
	color: #754100;
}
.bg-brown-1 {
	background-color: #754100;
}
.col-brown-2 {
	color: #312d2a;
}
.bg-brown-2 {
	background-color: #312d2a;
}
/* ================== */
.col-grey {
	color: grey;
}
.bg-grey {
	background-color: grey;
}
.col-grey-10 {
	color: #f6f6f6;
}
.bg-grey-10 {
	background-color: #f6f6f6;
}
.col-grey-15 {
	color: #ececec;
}
.bg-grey-15 {
	background-color: #ececec;
}
.col-grey-20 {
	color: #e2e2e2;
}
.bg-grey-20 {
	background-color: #e2e2e2;
}
.col-grey-25 {
	color: #d8d8d8;
}
.bg-grey-25 {
	background-color: #d8d8d8;
}
.col-grey-30 {
	color: #cecece;
}
.bg-grey-30 {
	background-color: #cecece;
}
.col-grey-35 {
	color: #c5c5c5;
}
.bg-grey-35 {
	background-color: #c5c5c5;
}
.col-grey-40 {
	color: #bbbbbb;
}
.bg-grey-40 {
	background-color: #bbbbbb;
}
.col-grey-45 {
	color: #b1b1b1;
}
.bg-grey-45 {
	background-color: #b1b1b1;
}
.col-grey-50 {
	color: #a7a7a7;
}
.bg-grey-50 {
	background-color: #a7a7a7;
}
.col-grey-55 {
	color: #9d9d9d;
}
.bg-grey-55 {
	background-color: #9d9d9d;
}
.col-grey-60 {
	color: #949494;
}
.bg-grey-60 {
	background-color: #949494;
}
.col-grey-65 {
	color: #8a8a8a;
}
.bg-grey-65 {
	background-color: #8a8a8a;
}
.col-grey-70 {
	color: #808080;
}
.bg-grey-70 {
	background-color: #808080;
}
.col-grey-75 {
	color: #767676;
}
.bg-grey-75 {
	background-color: #767676;
}
/* --- */
.col-grey-a-100 {
	color: #f7f9fa;
}
.bg-grey-a-100 {
	background-color: #f7f9fa;
}
.col-grey-a-200 {
	color: #edf1f2;
}
.bg-grey-a-200 {
	background-color: #edf1f2;
}
.col-grey-a-300 {
	color: #dce2e6;
}
.bg-grey-a-300 {
	background-color: #dce2e6;
}
.col-grey-a-400 {
	color: #b2bbc0;
}
.bg-grey-a-400 {
	background-color: #b2bbc0;
}
.col-grey-a-500 {
	color: #8a9499;
}
.bg-grey-a-500 {
	background-color: #8a9499;
}
.col-grey-a-700 {
	color: #3d474d;
}
.bg-grey-a-700 {
	background-color: #3d474d;
}
.col-grey-a-900 {
	color: #333c40;
}
.bg-grey-a-900 {
	background-color: #333c40;
}
/* ================== */

.col-green {
	color: #47cf73;
}
.bg-green {
	background-color: #47cf73;
}
.col-green-1 {
	color: #40ba68;
}
.bg-green-1 {
	background-color: #40ba68;
}
.col-green-2 {
	color: #39a65c;
}
.bg-green-2 {
	background-color: #39a65c;
}
.col-green-3 {
	color: #329151;
}
.bg-green-3 {
	background-color: #329151;
}
.bg-green-4 {
	background-color: #00cc6f;
}

.bg-green-4 {
	background-color: #00cc6f;
}

.col-green-5 {
	color: #00aaaa;
}
.bg-green-5 {
	background-color: #00aaaa;
}
.col-green-6 {
	color: #00df65;
}
.bg-green-6 {
	background-color: #00df65;
}

.col-green-7 {
	color: #03a10e;
}
.bg-green-7 {
	background-color: #03a10e;
}
.col-green-8 {
	color: #00c9bc;
}
.bg-green-8 {
	background-color: #00c9bc;
}

.col-excel {
	color: #399563;
}
.bg-excel {
	background-color: #399563;
}

/* ================== */
/* ================== */
.col-blue {
	color: blue;
}
.bg-blue {
	background-color: blue;
}

.col-blue-1 {
	color: #009aff;
}
.bg-blue-1 {
	background-color: #009aff;
}

.col-blue-2 {
	color: #00cff4;
}
.bg-blue-2 {
	background-color: #00cff4;
}
.col-blue-3 {
	color: #0ebeff;
}
.bg-blue-3 {
	background-color: #0ebeff;
}

.col-blue-4 {
	color: #3577f7;
}
.bg-blue-4 {
	background-color: #3577f7;
}

.col-blue-5 {
	color: #97c2ff;
}
.bg-blue-5 {
	background-color: #97c2ff;
}

.col-submit {
	color: #009aff;
}
.bg-submit {
	background-color: #009aff;
}

/* ================== */
/* [ Alert Colors] */
.alert-dark {
	background-color: #d3d3d4;
	border-color: #bcbebf;
	color: #141619;
}

.alert-primary {
	background-color: #cfe2ff;
	border-color: #084298;
	color: #084298;
}

.alert-secondary {
	background-color: #e2e3e5;
	border-color: #d3d6d8;
	color: #41464b;
}

.alert-warning {
	background-color: #fff3cd;
	color: #664d03;
	border-color: #ffecb5;
}

.alert-warning-1 {
	background-color: #ffe779;
	color: #664d03;
	border: 1px solid #755f1c;
}
.alert-warning-b {
	background-color: #ffe779;
	color: #664d03;
	border: 1px solid #755f1c;
}
.alert-warning-r {
	color: #fff3cd;
	background-color: #664d03;
	border-color: #ffecb5;
}

.alert-info {
	background-color: #cff4fc;
	color: #055160;
	border-color: #b6effb;
}

.alert-danger {
	background-color: #f8d7da;
	border-color: #f5c2c7;
	color: #842029;
}
.alert-danger-b {
	background-color: #f8d7da;
	color: #842029;
	border: 1px solid #842029;
}

.pending-alert {
	background-color: #fff3cd;
	color: #664d03;
	border-color: #ffecb5;
	xdisplay: inline-block;
	padding: 4px 4px;
	xtext-align: center;
	border-radius: 5px;
	font-weight: 900;
}

.pending-alert-r {
	color: #fff3cd;
	background-color: #664d03;
	xborder-color: #ffecb5;
	xdisplay: inline-block;
	padding: 4px 4px;
	xtext-align: center;
	border-radius: 5px;
	font-weight: 900;
}
/* ================== */
/* ================== */

.col-red {
	color: #ff3b41;
}
.bg-red {
	background-color: #ff3b41;
}
.col-red-10 {
	color: #ff9999;
}
.bg-red-10 {
	background-color: #ff9999;
}
.col-red-11 {
	color: #ffb3b3;
}
.bg-red-11 {
	background-color: #ffb3b3;
}
.col-red-12 {
	color: #ffcccc;
}
.bg-red-12 {
	background-color: #ffcccc;
}
/* ================== */

.alert-danger {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
}

.alert-danger-1 {
	color: #ec5525;
	background-color: #ffe5e8;
	border-color: #f5c2c7;
}

.alert-success {
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #0f5132;
}

.alert-success-b {
	background-color: #d1e7dd;
	color: #0f5132;
	border: 1px solid #0f5132;
}

.alert-success-1 {
	color: #06b66c;
	background-color: #c9f8de;
	border-color: #badbcc;
}

.alert-success-2 {
	background-color: #16d39a;
	color: #fff;
	border: 1px solid #0f5132;
	xborder: 1px solid #09543e;
}

.alert-warning {
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5;
}

.alert-info {
	color: #055160;
	background-color: #cff4fc;
	border-color: #b6effb;
}

.alert-primary {
	color: #084298;
	background-color: #cfe2ff;
	border-color: #b6d4fe;
}

.alert-secondary {
	color: #41464b;
	background-color: #e2e3e5;
	border-color: #d3d6d8;
}

.alert-dark {
	color: #141619;
	background-color: #d3d3d4;
	border-color: #bcbebf;
}