/* scope loi */
/* no recalc */
/* file /ui/db2/css/inc/100_head.css , last updated 1733411878061*/
/* 100 head */

html {
    height				: auto;
    min-height			: 100%;
    margin				: 0;
}

body {
	position 			: fixed;
	width				: 100vw;
    height				: 100vh;	
	height				: -moz-available;          /* WebKit-based browsers will ignore this. */
	height				: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height				: fill-available;
	overflow 			: hidden;
	color 				: #000000CC;
	background-color	: #ffffff;
	font-size			: 1.2rem;
}

.content {
	overflow 			: unset;
	xbottom 			: 5px;
}
.tnl .content {
	margin-left 		: 30px;
}
.content-wrapper {
	min-height			: unset;
	flex-grow			: 1;	
	overflow 			: hidden;
	overflow-y 			: auto;
	height 				: auto;
	-webkit-overflow-scrolling: touch; /*https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/*/
	margin-bottom 		: 0;
	xpadding				: 0 15px;
}
header.main-header {
	flex-grow 			: 0;
	max-height			: unset;
	padding				: 0 15px;
}
.wrapper {
	width				: 100vw;
    display				: flex;
    flex-direction		: column;
	width				: 100vw;
    height				: 100vh;
	background-color	: #ffffff;
}
/*https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser*/
.mobile100vh {
    height				: 100vh;	
	height				: -moz-available;          /* WebKit-based browsers will ignore this. */
	height				: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height				: fill-available;
}

*:focus,
button:focus {
 	outline				: none !important;
	box-shadow			: none !important;
	
}

.posrel {
	position			: relative;
}
.posabs {
	position			: absolute;
}	


/* file /ui/db2/css/inc/105_bootstrap_overrides.css , last updated 1620055097578*/
/* overrides for bootstrap */

.table tr > th:first-child,
.table tr > td:first-child {
	padding-left : 0;
}


.table tr > th:last-of-type,
.table tr > td:last-of-type {
	padding-right : 0;
}


.input-sm {
	font-size		: 1.2rem !important;
}


.btn-primary {
	background-color	: #eeeeee !important;
	border-color		: #eeeeee !important;
}

hr {
    margin-top			: 10px;
    margin-bottom		: 10px;	
}


.pagination>li>a, .pagination>li>span {
	color				: #00000088;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color 				: unset;
}

label {
	font-weight			: 300;
}

/* file /ui/db2/css/inc/106_colours.css , last updated 1712057196859*/
.xred {
	color 		: #b85450;
}
.xred-imp {
	color 		: #b85450 !important;
}

.xgreen {
	color 		: #82b366;
}

:root{
	--redBorder 			: #b85450;
	--redBackground 		: #f8cecc;
	--redTextColor 			: #b85450;
	--red 					: #f8cecc;
	--redrim 				: #b85450;
	--red1 					: #e0bab9;
	--red1rim 				: #a64c48;
}

.red-text {
	color 	: #cc0000;
}

	
/*
{
	"leftmargin" 			: "15px",
	"gutterWidth"			: "15px",
	"smallGap"				: "8px",
	"smallGap_x2"			: "16px",
	
	"fontFamily"			: "'Open Sans', arial, sans-serif",
	"mi_fontFamily"			: "'Material Icons'",
	"app_font_family"		: "'Open Sans', sans-serif",
	
	"fontWeightBold"		: 700,
	"fontWeightMediumBold"	: 600,
	"fontWeightNormal"		: 400,
	"fontWeightLight"		: 300,
	
	"fontSizeXSmall" 		: "0.9rem",
	"fontSizeSmall" 		: "1.0rem",
	"fontSizeNormal" 		: "1.2rem",
	"fontSizeInput" 		: "1.2rem",
	"fontSizeMed" 			: "1.4rem",
	"fontSizeLarge" 		: "1.6rem",
	"fontSizeIcon"			: "24px",
	"fontSizeIconSmall"		: "20px",
	
	"col_loitext" 			: "#000000CC",
	"col_loitextlight" 		: "#00000088",
	"col_loitextvlight" 	: "#00000055",
	"col_loitextvvlight" 	: "#00000044",
	"col_loitextvvvlight" 	: "#00000033",
	"col_loitexthead" 		: "#00000088",
	"col_loiheadcolor" 		: "#000000EE",
	"col_loiformcolor" 		: "#00000088",

	"col_lightgrey" 		: "#00000010",
	
	"bodyBackgroundColor"	: "#ffffff",
	
	"buttonBackgroundColorLight"		: "#00000010",
	"buttonBackgroundTextColorLight"	: "#00000055",
	"buttonBackgroundColor"				: "#00000066",
	"buttonTextColor"					: "#ffffff",
	"buttonBackgroundColorOver"			: "#00000044",
	"buttonTextColorOver"				: "#ffffff",
	"buttonBackgroundColorOK"			: "#00000088",
	"buttonTextColorOK"					: "#ffffff",
	
	"simleButtonDarkBackgroundColor"	: "#666666",
	"simleButtonDarkColor"				: "#ffffff",
	"simleButtonHeight"					: "20px",
	
	"dw_title_bgc"			: "#ffffff",
	"dw_title_icon_bgc"		: "#efefef",
	"dw_input_border"		: "thin solid #efefef",

	"whiteBorder"			: "#00000066",
	"whiteBackground"		: "#ffffff",
	"whiteTextColor"		: "#00000066",
	
	"greenBorder"			: "#6f9957",
	"greenBackground"		: "#d5e8d4",
	"greenTextColor"		: "#6f9957",

	"yellowBorder"			: "#d6b656",
	"yellowBackground"		: "#fff2cc",
	"yellowTextColor"		: "#d6b656",

	"redBorder"				: "#b85450",
	"redBackground"			: "#f8cecc",
	"redTextColor"			: "#b85450",
	
	"form_backgroundColor"	: "#f7f7f7",
	"form_textColor"		: "#00000088",
	
	"red"					: "#f8cecc",
	"red-rim"				: "#b85450",
	"red1"					: "#e0bab9",
	"red1-rim"				: "#a64c48",
	
	"green"					: "#d5e8d4",
	"green-rim"				: "#82b366",
	"green1"				: "#c2d4c1",
	"green1-rim"			: "#6a9153",
	
	"gray"					: "#f5f5f5",
	"gray-rim"				: "#cccccc",
	"gray1"					: "#e5e5e5",
	"gray1-rim"				: "#aaaaaa",
	"gray2"					: "#d5d5d5",
	"gray2-rim"				: "#999999",
	"gray3"					: "#c5c5c5",
	"gray3-rim"				: "#666666",
	
	"yellow"				: "#f8cecc",
	"yellow-rim"			: "#d6b656",
	"yellow1"				: "#fff2cc",
	"yellow1-rim"			: "#d6b656",
	
	"orange"				: "#f8ce22",
	"orange-rim"			: "#d6b611",
	"orange1"				: "#e8dcba",
	"orange1-rim"			: "#bda04c",
	"orangeb"				: "#d37d1d",
	"orangeb-rim"			: "#cf4b06",
	
	"blue"					: "#DAE8FC",
	"blue-rim"				: "#6C8EBF",
	"blue1"					: "#CDDAED",
	"blue1-rim"				: "#5F7DA8",
	"blue2"					: "#6C8EBF",
	"blue2-rim"				: "#DAE8FC",
	
	"blueL"					: "#DAE8FC",
	"blueL-rim"				: "#6C8EBF",
	"orangeAC"				: "#f5f5f5",
	"orangeAC-rim"			: "#666666",
	"greenAH"				: "#DAE8FC",
	"greenAH-rim"			: "#6C8EBF",


	"purple"				: "#e1d5e7",
	"purple-rim"			: "#9673a6",
	
	"___id"					: "styles"
}
*/


/* file /ui/db2/css/inc/108_mobile_tweaks.css , last updated 1620055097578*/
.mobileonly {
	display 		: none;
}
.mobile .mobileonly {
	display			: initial;
}
.mobile .mobileonly.block {
	display			: block;
}
.mobile .mobileonly.flex {
	display			: flex;
}

.mobile .mobilered {
	color 		: #b85450 !important;	
}

.mobile .mobilegreen {
	color 		: #82b366 !important;	
}


/* file /ui/db2/css/inc/110_loading_container.css , last updated 1620055097578*/
.loading-container {
  position: absolute;
  left: 50%;
  top : 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loading-dot {
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-radius: 50%;
  float: left;
  margin: 0 10px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: fx 1000ms ease infinite 0ms;
          animation: fx 1000ms ease infinite 0ms;
}
.loading-dot:nth-child(2) {
  -webkit-animation: fx 1000ms ease infinite 300ms;
          animation: fx 1000ms ease infinite 300ms;
}
.loading-dot:nth-child(3) {
  -webkit-animation: fx 1000ms ease infinite 600ms;
          animation: fx 1000ms ease infinite 600ms;
}

@-webkit-keyframes fx {
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fx {
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}	

.xloading-container .loading-dot{
	border-color: ;
}


/* file /ui/db2/css/inc/120_common_styles.css , last updated 1745925249164*/
.bold * {
	text-align 		: right;
	font-weight 	: 700;
}
.notbold * {
	text-align 		: right;
	font-weight 	: 400;
}
.italic * {
	font-style 		: italic;
	font-size 		: 12px;
	text-align 		: right;
	font-weight 	: 400;
}
.title * {
	text-align 		: right;
	font-weight 	: 400;
}

.ilb {
	display			: inline-block;
}
.lh1 {
	line-height		: 1;
}
.lh12 {
	line-height		: 1.2;
}
.fontLight {
	color 			: #00000088;
}
.fontLight-imp {
	color 			: #00000088 !important;
}
.fontSizeSmall, .fss {
	font-size		: 1.0rem !important;
}
.fontSizeXSmall, .fsxs {
	font-size		: 0.9rem !important;
}
.fontSizeNormal, .fsn {
	font-size		: 1.2rem;
}
.fontSizeMed, .fsm {
	font-size		: 1.4rem;
}
fontSizeMedi, .fsmi {
	font-size		: 1.4rem !important;
}
.fontSizeLarge, .fwl {
	font-size		: 1.6rem;
}
.fontWeightBold, .fwb {
	font-weight		:700;
}
.fontWeightNormal, .fwn {
	font-weight		:400;
}
.fontWeightLight, .fwl {
	font-weight		:300;
}
.fontSizeIcon {
	font-size		: 24px;
}
.fontSizeIconSmall {
	font-size		: 20px;
}
.fs22rem, .sfontSizeIconSmall {
	font-size 		: 2.2rem !important;
}
tr._bt {
	display			: table-row;
}
tr._bt td {
	display			: table-cell;
}
.abscenter,
.abscent {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);	
}

.height-unset {
	height			: unset !important;
}
.w100pc {
	width 			: 100%;
}
.w100pc_imp {
	width 			: 100% !important;
}
.flxb0 .flx0,
.flxb0 .flx1,
.flxb0 .flx2,
.flxb0 .flx3,
.flxb0 .flx4,
.flxb0 .flx5,
.flxb0 .flx6,
.flxb0 {
	flex-basis		: 0;
}

.tar {
	text-align		: right;
}
.tar_ {
	text-align		: right !important;
}
.tal {
	text-align		: left !important;
}
.tac_ {
	text-align		: center !important;
}
.plg {
	padding-left	: 15px;	
}
.prg {
	padding-right	: 15px;	
}

.w30 {
	width 			: 30%;
}
.w40 {
	width 			: 40%;
}
.w25 {
	width			: 25%;
}
.w20 {
	width			: 20%;
}
.h0 {
	height			: 0;
}
.tac {
	text-align		: center;
}
.pre-line {
	white-space		: pre-line;
}

.noclick {
	pointer-events	: none;	
}
.h100	{
	height 			: 100%;
}
.ml0 {
	margin-left		: 0;
}
.ml10 {
	margin-left		: 10px;
}
.ml20 {
	margin-left		: 20px;
}
.ml30 {
	margin-left		: 30px;
}
.ml40 {
	margin-left		: 40px;
}
.mr0 {
	margin-right		: 0;
}
.mr10 {
	margin-right		: 10px;
}
.mr20 {
	margin-right		: 20px;
}
.mr30 {
	margin-right		: 30px;
}
.mr40 {
	margin-right		: 40px;
}
.w10 {
	width 				: 10px;
}
.jcc {
	justify-content		: center;
}
.jcr {
	justify-content		: flex-end;
}

.flx30pc {
	flex-basis			: 30%;
}
.h100pc {
	height 				: 100%;
}
.w100pc {
	width 				: 100%;
}
.flxwrap {
	flex-wrap			: wrap;
}
.hi {
	height 				: inherit;
	line-height			: inherit !important;
}
/* Flash class and keyframe animation */
.flashit{
  color:#f2f;
	-webkit-animation: flash linear 1s 5;
	animation: flash linear 1s 5;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
/* Pulse class and keyframe animation */
.pulseit{
	-webkit-animation: pulse linear .5s infinite;
	animation: pulse linear .5s infinite;
}
@-webkit-keyframes pulse {
	0% { width:200px; } 
	50% { width:340px; } 
	100% { width:200px; }
}
@keyframes pulse {
	0% { width:200px; } 
	50% { width:340px; } 
	100% { width:200px; }
}



.bell{
  display:block;
  width: 40px;
  height: 40px;
  xfont-size: 40px;
  xmargin:50px auto 0;
  color: #9e9e9e;
  -webkit-animation: ring 1s .7s ease-in-out 3;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 1s .7s ease-in-out 3;
  -moz-transform-origin: 50% 4px;
  animation: ring 1s .7s ease-in-out 3;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}




@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}




.fakeradio {
    border: 2px solid rgba(200, 200, 200, 0.54);
    border-radius: 50%;
    height: 2rem;
    width: 2rem;
    background-color: #00000008;
    border-width: 3px;
    border-color: #cccccc;
}

.mobile-short .shorthide {
	display : none;
}

.material-icon {
	font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;	
}
.material-icon-outlined {
	font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;	
}

.pos-rel {
	position		: relative;
}
.pos-abs {
	position		: absolute;
}
.right-0 {
	right 			: 0px;
}
.right-gutter {
	right 			: 15px;	
}

.oneline {
	overflow-x		: hidden;
	white-space		: nowrap;
}

.fb10  {
	flex-basis		: 10px;
}

.noheight {
	height 			: unset !important;
}

.material {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}



.content_copy:hover {
	transition-duration: 0.1s;
	color: #000;
}

.content_copy:after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 4em;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s;
	box-shadow: 0 0 10px 40px #ccc;
}

.content_copy:active:after {
	box-shadow: 0 0 0 0 #ccc;
	position: absolute;
	border-radius: 4em;
	left: 0;
	top:0;
	opacity: 1;
	transition: 0s;
}


.content_copy_plain {
	position : relative;
}
.content_copy_plain:hover {
	transition-duration: 0.1s;
	color: #000;
	cursor : grab;
	
}

.content_copy_plain:after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 4em;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s;
	box-shadow: 0 0 10px 40px #ccc;
}

.content_copy_plain:active:after {
	box-shadow: 0 0 0 0 #ccc;
	position: absolute;
	border-radius: 4em;
	left: 0;
	top:0;
	opacity: 1;
	transition: 0s;
}

/* file /ui/db2/css/inc/121_common_table_styles.css , last updated 1620055097579*/
.skin-green table.dataTable td, table.dataTable td * {
    color			: #000000CC;
	font-size		: 1.2rem;
}


.skin-green table.dataTable td, table.dataTable  tr.not-submitted td * {
    xcolor			: #00000055;
}

.skin-green table.dataTable td, table.dataTable  tr.not-submitted td .inboxbadge.white {
	xcolor 			: #ffffff !important;
}

/* file /ui/db2/css/inc/125_vertical_spacings.css , last updated 1649243635222*/
.mt10 {
	margin-top			: 1.0rem !important;
}
.mt15 {
	margin-top			: 15px !important;
}
.mt20 {
	margin-top			: 2.0rem !important;
}
.mt30 {
	margin-top			: 3.0rem !important;
}
.mt40 {
	margin-top			: 4.0rem !important;
}
.mb0 {
	margin-bottom		: 0 !important;
}
.mb5 {
	margin-bottom		: 0.5rem !important;
}
.mb10 {
	margin-bottom		: 1.0rem !important;
}
.mb15 {
	margin-bottom		: 15px !important;
}
.mb20 {
	margin-bottom		: 2.0rem !important;
}
.mb30 {
	margin-bottom		: 3.0rem !important;
}
.mb40 {
	margin-bottom		: 4.0rem !important;
}

.mr0 {
	margin-right		: 0 !important;
}
.ml0 {
	margin-left			: 0 !important;
}


.pt10 {
	padding-top			: 1.0rem !important;
}
.pt15 {
	padding-top			: 15px !important;
}
.pt20 {
	padding-top			: 2.0rem !important;
}
.pt30 {
	padding-top			: 3.0rem !important;
}
.pt40 {
	padding-top			: 4.0rem !important;
}
.pb10 {
	padding-bottom		: 1.0rem !important;
}
.pb15 {
	padding-bottom		: 15px !important;
}
.pb20 {
	padding-bottom		: 2.0rem !important;
}
.pb30 {
	padding-bottom		: 3.0rem !important;
}
.pb40 {
	padding-bottom		: 4.0rem !important;
}

/* right */
.pr10 {
	padding-right		: 1.0rem !important;
}
.pr20 {
	padding-right		: 2.0rem !important;
}
/* left */
.pl10 {
	padding-left		: 1.0rem !important;
}
.pl20 {
	padding-left		: 2.0rem !important;
}
.pl30 {
	padding-left		: 3.0rem !important;
}
.pl40 {
	padding-left		: 4.0rem !important;
}
.pl50 {
	padding-left		: 5.0rem !important;
}
.pl60 {
	padding-left		: 6.0rem !important;
}

.ibl {
	display 			: inline-block;
}
.mauto {
	margin   			: auto;
}
.mlauto {
	margin-left  		: auto;
}
.w4rem {
	width 				: 4rem;	
}
.w4rem-imp {
	width 				: 4rem !important;	
}
.hrtop {
    border-top			: 1px solid #cccccc !important;
}
.hrtop0 {
    border-top			: 0px solid #cccccc !important;
}

.hrbot {
    border-bottom		: 1px solid #cccccc !important;
}
.hrbot0 {
    border-bottom		: 0px solid #cccccc !important;
}
.hrleft {
    border-left			: 1px solid #cccccc !important;
}
.hrright {
    border-right		: 1px solid #cccccc !important;
}

.spacer {
	width				: 15px;
	display				: inline-block;	
}


/* file /ui/db2/css/inc/128_dropdown_menu.css , last updated 1620055097579*/
.dropdown-menu * {
	font-size			: 1.2rem
}
@media (max-width: 700px) {
	.dropdown-menu * {
		font-size			: 1.2rem;
	}
}



/* file /ui/db2/css/inc/130_button_dr.css , last updated 1620055097579*/

.dr-button {
	color				: #ffffff;
	background-color	: #00000066;
	font-weight			: 300;
}



/* file /ui/db2/css/inc/130_button_prev.css , last updated 1620055097579*/

.prev-button {
	color				: #ffffff;
	background-color	: #00000066;
	font-weight			: 300;
}



/* file /ui/db2/css/inc/150_texts_headings.css , last updated 1649341033540*/
.highlightPrompt {
	font-weight			: 700;
	color				: #00000088;
	font-size			: 1.4rem;
}
.emphasisPromptMed {
	font-size			: 1.4rem;
}


.headingMed {
	font-size			: 1.4rem;
	font-weight			: 700;
	color				: #00000088;
}

.headingMed-imp {
	font-size			: 1.4rem !important;
	font-weight			: 700 !important;
	color				: #00000088 !important;
}

.headingNorm {
	font-size			: 1.2rem;
	font-weight			: 700;
	color				: #00000088;
}

.headingNorm:first-letter, 
.headingMed:first-letter{
  text-transform		: capitalize;
}



/* file /ui/db2/css/inc/160_context_menu.css , last updated 1689844112445*/
#context-menu {
	border				: 1px solid #ccc;
	padding				: 0;
	xpadding-bottom		: 10px;
	box-shadow			: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);	
}


.pnl-line, 
.context-menu .xd-menu-item,
#context-menu .xd-menu-item {
    display				: flex;
	padding				: 0 15px;
    align-items			: center;	
	height				: 3.7rem;
	line-height			: 200%;
}

.contactinfowindow_app_header {
	height				: calc( 24px + 30px) !important;
	line-height			: unset  !important;
}
.pnl-line.indented {
	padding				: 0;
	margin-left			: 15px;
	margin-right		: 15px;
}
.pnl-line.indented.mt10 {
	margin-top			: 1rem;
	min-height			: 1rem;
	height				: auto;
}
.indented {
	margin-left			: 15px;
	margin-right		: 15px;
}
.padded {
	padding-left		: 15px;
	padding-right		: 15px;
}
.padded-10 {
	padding-left		: calc( 15px - 10px );
	padding-right		: calc( 15px - 10px );
}


.context-menu .xd-menu-item i.material-icons-outlined,
.context-menu .xd-menu-item i.material-icons,
#context-menu .xd-menu-item i.material-icons-outlined,
#context-menu .xd-menu-item i.material-icons {
    font-size			: 2.2rem;
    width				: 4rem !important;
    padding-left		: 0;
    margin-left			: -6px;
    margin-right		: 8px;
	line-height			: 4rem;
	background-color	: transparent;
    border-radius		: 50%;
	color 				: #00000088;
    text-align			: center;
}

.context-menu .xd-menu-item.contactinfowindow_app_header i.material-icons.closebut {
	padding 			: 0;
	margin 				: 0;
	width 				: auto !important;
	margin-left			: -7px;
    margin-right		: 19px;
}

#context-menu .xd-menu-item i.material-icons-outlined.emailicon {
    font-size			: 2.5rem;
}

.context-menu .xd-menu-head, 
#context-menu .xd-menu-head {
	border-bottom		: 1px solid #ccc;
}
.context-menu .xd-menu-item:hover, 
#context-menu .xd-menu-item:hover {
	background-color	: #efefef;
}
.context-menu .xd-menu-item.cline:hover, 
#context-menu .xd-menu-item.cline:hover {
	background-color	: #ffffff;
}
.context-menu .xd-menu-item.nohover:hover, 
#context-menu .xd-menu-item.nohover:hover {
	background-color	: #ffffff;
}

#context-menu .xd-menu-head.hand:hover,
#context-menu .xd-menu-head.handy:hover,
#context-menu .xd-menu-head .hand:hover,
#context-menu .xd-menu-head .handy:hover,
#context-menu .xd-menu-head:hover {
	background-color	: #ffffff;
	text-decoration		: none;
}
#context-menu .tlight {
	xmargin				: -6px;
	margin-right		: calc( 15px + 8px);	
}

#context-menu {
	width			: 32rem;
	overflow-x		: hidden;
	overflow-y		: hidden;
}
.mobile #context-menu {
	width 			: calc( 100vw - 30px );
}
#context-menu-wrapper {
	display				: flex;
	position			: relative;
	width				: 300%;
}
#context-menu-p1 {
	width				: calc( 100% / 3 );
	flex-grow			: 1;
}
#context-menu-p2 {
	width				: calc( 100% / 3 );
	flex-grow			: 1;
}
#context-menu-p3 {
	width				: calc( 100% / 3 );
	flex-grow			: 1;
}
#context-menu-wrapper._4p {
	width				: 400%;
}
#context-menu-wrapper._4p #context-menu-p1,
#context-menu-wrapper._4p #context-menu-p2,
#context-menu-wrapper._4p #context-menu-p3,
#context-menu-wrapper._4p #context-menu-p4 {
	width				: calc( 100% / 4 );
	flex-grow			: 1;
}

#context-menu.dropdown-menu {
	font-size			: 1.2rem;
}
@media (max-width: 700px) {
	#context-menu.dropdown-menu {
		font-size			: 1.2rem;
	}
}

#context-menu .xd-menu-item img {
	height 				: 22px;
	width				: 22px;
	margin-left			: -6px;
	margin-right		: 21px;
	
	margin-left			: 0;
	margin-right		: 42px;
}


#context-menu .xd-menu-item i.material-icons,
#context-menu .xd-menu-item i.material-icons-outlined,
#context-menu .xd-menu-item img,
#context-menu .tlight {
	pointer-events: none;
}


#context-menu .bot {
	padding-bottom		: 0.9rem;
}
#context-menu .lightgrey {
	background-color	: #00000010;
	height				: auto;
}

.xxfrm .ta,
#context-menu .ta {
	width				: calc( 100% - 15px - 15px );
	min-height			: 5.5rem;
	margin				: 15px;
	padding				: 8px;
	background-color	: #f7f7f7;
}
#context-menu select,
.swal-forms select,
.xxfrm input,
.xxfrm select,
#context-menu input {
	width				: calc( 100% - 15px - 15px );
	margin				: 15px;
	padding				: 8px;
	background-color	: #f7f7f7;
}
.swal-forms select,
.xxfrm select,
#context-menu select {
	height				: 32px;
	padding 			: 0;
	margin-top			: 0;
}

/* for the change title */
#context-menu #context-menu-p3 span.headingMed {
	margin-left 		: 15px;
}
#context-menu #context-menu-p3 .ta {
	margin-top			: 0;
}




#context-menu .contactline * {
	display				: inline-block;	
}
#context-menu .contactline .role {
	width				: 3.6rem;
	margin-right		: 6px;
	overflow-x			: hidden;
	padding				: 0 !important;
}
#context-menu .contactline .name {
	overflow-x			: hidden;
	width				: 8.8rem;
}
#context-menu .contactline i,
#context-menu .contactline .spacer {
	width				: 4rem !important;
	margin-left			: 1rem !important;
	margin-right		: 0 !important;
}
#context-menu .contactline i {
	pointer-events		: all !important;
}
#context-menu .contactline i.toggle-on {
	background-color	: #00000010;
	color 				: ;
}

#context-menu .contactline i.updatetitle,
#context-menu .contactline i.emailsend {
	margin-right		: 15px! important;
    margin-top			: 8px;
	color 				: #00000088;
	height				: 4rem;
	line-height			: 4rem;
}

#context-menu .xd-menu-item .headingMed i {
	line-height			: unset;
}

.context-zoomline > div i,
.context-zoomline > div {
	line-height 		: 3.2rem;
	height 				: 3.2rem;
}

.dd-box li  {
	padding-left		: 0;
	padding-right		: 0;
}
.dd-box li.all-filters  { 	/* context menu options for folders in pipeline*/
	xwidth 				: 44%;
	xdisplay 			: inline-block;
	vertical-align		: top;
	xmargin-bottom		: 1.2rem;
}
.mobile-iphone-landscape .dd-box li.all-filters,
.dd-box li.all-filters.topfilters   { 	/* context menu options for folders in pipeline*/
	width 				: 44%;
	display 			: inline-block;
	vertical-align		: top;
	margin-bottom		: 1.2rem;
}


.mobile-iphone-portrait .context-menu.dropdown-menu.dd-box {	/* mobile -center */
    width				: 92vw;
    left				: 4vw;
    right				: 4vw;
    position			: fixed;
    top					: 5.5rem;	
}
.mobile-iphone-portrait .context-menu.dropdown-menu.dd-box li.all-filters {	/* mobile -center */
	margin-bottom		: 1rem;
}

.mobile-iphone-landscape .context-menu.dropdown-menu.dd-box {	/* mobile -center */
    min-width			: 60rem;
    left				: calc(50vw - 30rem);
    right				: calc(50vw - 30rem);
    position			: fixed;
    top					: 1rem;	
}
.mobile-iphone-landscape .context-menu.dropdown-menu.dd-box li.all-filters {	/* mobile -center */
	margin-bottom		: 0.6rem;
	width 				: 25%;
}


.dropdown-menu>li>a {
	padding-left		: calc( 15px + 10px );
	padding-right		: 15px;
}
.metric-circle {
    width: 18px;
}

.xd-menu-item.cline {
	height				: 5rem !important;
}

.xd-menu-item.headingMed i.material-icons {
	line-height			: unset !important;
	height				: unset !important;
}



#datetimepicker12 {
	padding				: 15px 0;	
	padding-bottom		: 0;
}

#datetimepicker12 * {
	color 				: #00000088;
}
#datetimepicker12 .datepicker {
	padding-left		: 15px;
	padding-right		: 15px;
}
#datetimepicker12 .bootstrap-datetimepicker-widget table td,
#datetimepicker12 .bootstrap-datetimepicker-widget table td span {
	line-height			: 2rem !important;
	height				: 2rem !important;
}

.bootstrap-datetimepicker-widget a[data-action] {
	padding 			: 0 !important;
}

.contextmenu-list-wrapper {
	max-height			: 60vh;
	min-height			: 30vh;
	padding-left		: 15px;
	padding-right		: 15px;
	overflow-y			: auto !important;
}
.mobile .contextmenu-list-wrapper {
	max-height			: 60vh;
	min-height			: 50vh;
}
.contextmenu-list-wrapper.stage {
	padding-left		: 0;
	padding-right		: 0;
	min-height			: unset;
}

.contextmenu-list-wrapper .r0 {
	
}
.contextmenu-list-wrapper .r0 .c0 img {
	width				: 3rem;
	height				: 3rem;
	margin-right		: 2.5rem;	
}
.contextmenu-list-wrapper .r0 .c1,
.contextmenu-list-wrapper .r0 .c2 {
	font-size			: 1.1rem;
	align-self			: flex-end;	
}
.contextmenu-list-wrapper .r1 .note {
	min-height			: 6rem;
    background-color	: #f7f7f7;	
}
.contextmenu-list-wrapper .r0 {
	
}
.contextmenu-list-wrapper .r1 {
	
}

.inset {
	padding-left		: 0 !important;
	padding-right		: 0 !important;
	margin-left			: 15px !important;
	margin-right		: 15px !important;
}


.xd-menu-item .status_badge {
	margin 				: 0;
	margin-right 		: 20px;
}

.xd-menu-item a:hover {
	text-decoration		: none;
}

.role-sub-title {
    display: block !important;
    font-style: italic;
    font-weight: 200;
    margin-top: 5px;
}
.role-un-assigned {
    display: block !important;
    font-style: italic;
    font-weight: 200;
    color: #00000066;
    text-align: right;
 }
 
.mobile #contacts-scrolling-panel {
 	max-height 		: 30vh;
 	overflow-x		: hidden;
 	overflow-y		: auto;
 }


/* file /ui/db2/css/inc/160_context_menu_slider.css , last updated 1620055097579*/


#context-menu-wrapper .rowTable {
	display 			: flex;
	align-items			: center;
}
#context-menu-wrapper .rowTable_cellLeft_extended {
	flex-grow			: 1;
	flex-shrink			: 1;
	flex-basis			: 0;
	padding-left		: 15px;
}
#context-menu-wrapper .rowTable_cellLeft_extended.slider-prompt-cell {
	xcolor 				: #eeeeee;
}
#context-menu-wrapper .rowTable_cellLeft_extended.slider-prompt-cell label {
	color 				: unset;
	font-size			: 1.4rem;
	font-weight			: 500;
}
#context-menu-wrapper .cfc_label_title_multiple {
	xcolor 				: #eeeeee;
}
#context-menu-wrapper .cfc_label_title_multiple.inputPrompt {
	xcolor 				: #eeeeee;
}
#context-menu-wrapper .rowTable_cellRight_smallCell {
	flex-grow			: 0;
	flex-shrink			: 0;
	flex-basis			: 0;
	min-width			: 100px;
}
#context-menu-wrapper .rowTable_cellRight_smallCell.slider-money-cell {
	xcolor 				: #eeeeee;
}
#context-menu-wrapper .rowTable_cellRight_smallCell.slider-money-cell input {
    -webkit-appearance	: none;
    -moz-appearance		: none;
    appearance			: none;
    outline				: none;
    border				: 0;
    margin-bottom		: 0;
    font-size			: 12px;
    text-align			: right;
    color 				: #000000;
}
#context-menu-wrapper .sliderHolder {
	margin				: 15px;
}
#context-menu-wrapper .sliderHolder .xx-slider {
	background-color	: #eeeeee;
}


/* file /ui/db2/css/inc/160_followups.css , last updated 1620055097579*/
.fu-red {
	color 			: #b85450 !important;
	font-weight		: 600;
	font-weight		: 700;
	font-size		: 1.2em;
}

.fu-green {
	xcolor 			: #82b366  !important;
	opacity			: 0.5;
	font-weight		: 600;
	font-weight		: 700;
	font-size		: 1.2em;
}

.fu-black {
	font-weight		: 700;
	font-size		: 1.2em;
	color 			: #00000088;
}
.fu-nextitem {
	color 			: #82b366  !important;
}

.fu-link {
	margin-left		: 10px;
	font-weight		: 600;
	color 			: #00000088;
	
}

.fu-lbl {
	font-weight		: 600;
	color 			: #00000088;
}


/* file /ui/db2/css/inc/160_md_overlays.css , last updated 1741777647255*/
.md-overlay-f > .title {
	height : 4rem;
	background-color : #0189c5;
	color : #ffffff;
	text-align : center;
    font-size: 1.2rem;
    font-weight: 300;
    padding: 0.7rem 1.6rem;
} 
.md-overlay-f > .title i {
	font-size : 2.1rem;
	line-height	: 3.7rem;
}

.skin-green .md-overlay-f > .title {
    background-color: #ffffff;
	color : #00000088;
	border-bottom : 1px solid #00000020;
}

.skin-green #pin {
	display	: none;
}
.skin-green #pin + label .fa-thumb-tack {
    color: #ffffff;
}
.skin-green #pin + label .fa-square {
    color: #cccccc;
 }
.skin-green #pin:checked + label .fa-square {
    color: #000000CC;
 }
 
 .skin-green .pin {
	display	: none;
}
.skin-green .pin + label .fa-thumb-tack {
    color: #ffffff;
}
.skin-green .pin + label .fa-square {
    color: #cccccc;
 }
.skin-green .pin:checked + label .fa-square {
    color: #000000CC;
 }



.md-overlay-f .body {
	height : calc(100% - 4rem); 
	xmax-height : 85rem;
}
.mobile .md-overlay-f .body {
	max-height : unset;
}
.md-overlay-f.notitle .title {
	display			: none;	
}
.md-overlay-f.notitle .body {
	height			: 100%;
}

.md-overlay-f .body .context-zoomline {
	position		: absolute;
	bottom			: 0;
}


.alertlayerelm_uploading {
	z-index: 2500;
}
.md-overlay-b {
	display : none;
	z-index: 2400;
	z-index: 2300; /* to get app preview on top */
	top : 0;
	left : 0;
	bottom : 0;
	right : 0;
	position : fixed;
	opacity : 0.6;
	background-color : #333333;
}
.md-overlay-f {
	display : none;
	z-index: 2400;
	z-index: 2300; /* to get app preview on top */
	top : 4vh;
	left : 4vw;
	bottom : 4vh;
	right : 4vw;
/*	top:0; left:0; right:0; bottom:0;*/
	position : fixed;
	background-color : #ffffff;
	/* border-radius : 10px; */
}

.md-overlay-b.x-created {
	z-index: 2399 !important;
}
.md-overlay-f.x-created {
	z-index				: 2399 !important;
	box-shadow 			: 0 2px 5px rgba(0,0,0,.32);
	border 				: 1px solid #00000022;
}


#md-overlay-b0 {
	z-index: 1040;
}
#md-overlay-f0 {
	z-index: 1040;
}
#md-overlay-ba {
	z-index: 11000;
}
#md-overlay-fa {
	z-index: 11000;
}

#md-overlay-fa.md-overlay-f{
    display : none;
    z-index: 12400;
    top : 4vh;
    left : 4vw;
    bottom : 4vh;
    right : 4vw;
/*  top:0; left:0; right:0; bottom:0;*/
    position : fixed;
    background-color : transparent;
    border-radius : 10px;
}

#md-overlay-fd {
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	border-radius : 0;
	background-color : #ffffff;
}
.mobile-iphone-landscape #md-overlay-fd {
	xxbottom 	: 96px;
}

.mobile-iphone-landscape  #td-left.tds.tdbot {
	display 	: none !important;	
}
.mobile-iphone-landscape .foTopBar.tal.flx {
	display 	: none !important;	
}
.mobile-iphone-landscape #td-left.tds {
	top 		: 0 !important;
}

.mobile-iphone-landscape .docuCanvasHeader {
	display 	: none !important;	
}
.mobile-iphone-landscape  #td-close {
	display 	: none !important;	
	
}

.md-overlay-f.x-created.x-active-window,
.x-active-window {
	z-index		: 999999 !important;
}


/* file /ui/db2/css/inc/161_context_menu_croppie.css , last updated 1620055097579*/
.croppie-container {
	width: 100%;
}


/* file /ui/db2/css/inc/161_driverjs_overlay.css , last updated 1620055097580*/
.elaine-loi div.driver-popover-description,
.elaine-loi div.driver-popover-footer,
.elaine-loi div.driver-popover-footer *,
.elaine-loi div.driver-popover-title {
	font-family		: 'Open Sans', arial, sans-serif !important;
	color			: #000000CC !important;
	font-size		: 1.2rem !important;
	font-weight		: 400 !important;
}

.elaine-loi div.driver-popover-description,
.elaine-loi div.driver-popover-footer,
.elaine-loi div.driver-popover-title {
	padding-left	: 16px;
	padding-right	: 16px;
}


div#driver-popover-item.elaine-loi {
	border-radius	: 0 !important;
	padding-left	: 0;
	padding-right	: 0;
}

.elaine-loi div.driver-popover-title {
	border-bottom	: 1px solid #cccccc !important;
	padding-bottom	: 10px !important;
	margin-bottom	: 20px !important;
	font-weight		: 700 !important;
}

.elaine-loi div.driver-popover-description {
	border-bottom	: 1px solid #cccccc !important;
	padding-bottom	: 20px !important;
	margin-bottom	: 20px !important;
	
}


.elaine-loi div.driver-popover-description .flx {
	align-items		: start;
}

.elaine-loi div.driver-popover-description {
	max-height		: 60vh;
	overflow-x		: hidden;
	overflow-y		: auto;
}
.mobile .elaine-loi div.driver-popover-description {
	max-height		: 30vh;
}
div#driver-popover-item {
	max-width		: 400px !important;
}

.mobile div#driver-popover-item {
	max-width		: 100vw !important;
	left			: 10px !important;
	right 			: 10px !important;
}
.mobile div#driver-popover-item .driver-popover-tip {
	display			: none !important;
}

/* file /ui/db2/css/inc/180_topbar.css , last updated 1698706920440*/
.flx {
	display 			: flex;	
	align-items			: center;
}
.flxtop {
	align-items			: baseline;
}
.flxtop-start {
	align-items			: start;
}
.flxtop-end {
	align-items			: end;
}
.flxtop-base {
	align-items			: baseline;
}
.flxc {
	flex-direction		: column;	
}
.flx0 {
	flex-grow			: 0;
}
.flx1 {
	flex-grow			: 1;
}
.flx2 {
	flex-grow			: 2;
}
.flx3 {
	flex-grow			: 3;
}
.flx4 {
	flex-grow			: 4;
}
.flx5 {
	flex-grow			: 5;
}
.flx50pc {
	flex-basis			: 50%;
}
.flx100pc {
	flex-basis			: 100%;
}
.topbarflex .h100 {
	height 				: 50px;
}
.topbarflex-search  label {
	width 				: 100%;
}
.topbarflex-search  label input {
	width 				: 100%;
}

/* ordering */
.topbarflex {
    flex-flow			: row wrap;	
}

.topbarflex-logo {
	order				: 1;
}
.topbarflex-search {
	order				: 2;
}
.topbarflex-m1 {
	order				: 3;
}
.topbarflex-m1.xd_app {
	order				: 1;
	/* change to tobar to make it fuul width at all times */
	flex-grow		: 1;
}
.topbarflex-m2 {
	order				: 4;
}
.x_app .topbarflex-m2 {
	order			: 14;
}

.topbarflex-m3 {
	order				: 5;
}

.topbarflex-break {
	order				: 15;
}
.x_pipeine .topbarflex-break {
	display 			: none;
}
.x_app .topbarflex-break {
	order				: 12;
	flex-basis			: 100%;
	margin-right		: 0;
	margin-left			: 0;
}

.topbarflex-m1, .topbarflex-m2, .topbarflex-m3, .topbarflex-m1, .topbarflex-search {
	margin-left			: 2vw;
	margin-right		: 2vw;
}
.topbarflex-m3 {
	margin-right		: 0;
}
.x_app .topbarflex-m2 {
	margin-right		: 0;
}
.topbarflex-logo {
	margin-left			: 0;
}

.topbarflex-m2 a {
	height				: 24px;
	color				: #333333 !important;
}
.topbarflex-m3 img {
	height				: 32px;
}

/* mission control in top bar */
.topbarflex-m2 img.svg, .topbarflex-m2 svg {
	height				: 32px;
	width 				: 32px;
	margin-top			: -4px;
}

.x_app .topbarflex-search {
	xx-display 		: none;	/* hide condition search on mobile */	
	/* new */
	order			: 13;
	xx-flex-basis		: 100%;
	margin-right		: 0;
	margin-left			: 0;
}
.topbarflex-m1.xd_app {
	margin-right		: 0;
}


/* Mobile screens */
@media (max-width: 800px) {
  /* We tell both sidebars to share a row */
	.x_pipeline .topbarflex-search {
		order			: 12;
		flex-basis		: 100%;
		margin-right		: 0;
		margin-left			: 0;
	}
	.x_app .topbarflex-search {
		xx-display 		: none;	/* hide condition search on mobile */	
	}
	.topbarflex-m1 {
		flex-grow		: 1;
	}
	.mobile-hide {
		display			: none;
	}
	.header.main-header  {
		border-bottom	: 0;
	}
}
/* Mobile screens */
@media (max-width: 400px) {
  /* We tell both sidebars to share a row */
	.topbarflex-search {
		order			: 12;
		flex-basis		: 100%;
		margin-right		: 0;
		margin-left			: 0;
	}
	.x_app .topbarflex-search {
		display 		: none;	/* hide condition search on mobile */	
	}
	.x_app .topbarflex-m2 {
		flex-grow: 1 !important;
		flex-shrink: 1 !important;
	}
	/*
	.topbarflex-m1 {
		flex-grow		: 1;
	}
	.mobile-hide {
		display			: none;
	}
	*/
}

@media (max-width: 920px) {
	.xpc3 div.pipelinenote_indented {
		max-height		: 60px;
		overflow-y 		: hidden;
	}
}


#topbar_needslist_name {
	width 				: 100%;
	margin-top			: -2px;
	xmargin-left			: 24px;
	xtext-align			: center;
	overflow-x			: hidden;
	white-space			: nowrap;
	xx-max-width			: 50vw;
}

.inboxicon {
	margin-right 		: 8px;
}

.topbarflex-fileprefix {
	margin-right 		: 8px;
	margin-left 		: 8px;
}

.topbarflex-logo i.material-icons,
.topbarflex-m2 i.material-icons {
	color				: #00000044;
}

#topbarflex-inbox-badge {
	position			: absolute;
    margin-top			: -10px;
    margin-left			: 14px;
    background-color	: #cc0000;
    text-align			: center;
    color				: #ffffff;
    border-radius		: 8px;
    min-width			: 14px;
    font-size			: 8px;
    line-height			: 14px;
    letter-spacing		: 0.1rem;
    padding				: 0 3px;
	padding-left		: 4px;
}
#topbarflex-inbox-badge.x-df-zero {
	display : none;	
}

.topbarflex-m2 a.dropdown-toggle {
	margin-left			: 16px;
}

.mob-11 .topbarflex-logo.xd_pipeline,
.mob-10 .topbarflex-logo.xd_pipeline {
	max-width			: 40px;
	overflow			: hidden;
}
.mobile .topbarflex-logo.xd_pipeline .logo-lg-rect {
	display : none;
}
.topbarflex-logo.xd_pipeline .logo-lg-sq {
	display : none;
	
}
.mobile .topbarflex-logo.xd_pipeline .logo-lg-sq {
	display	: block;
}
.mobile .topbarflex-logo.xd_pipeline {
	width	: 6rem;
}



.mob-11 #topbar_needslist_name {
	margin-left			: 0 !important;	
}
.mob-10 #topbar_needslist_name {
	margin-left			: 6px !important;	
}

html.user_status_error .user-image-container .user-image {
	display 	: none;
}
html.user_status_error .user-image-container .user-image-warning {
	display 	: block !important;
/* 	animation-duration: 3s;
  	animation-delay: 2s;
  	animation-iteration-count: infinite;
 */	
}


#heading_filter {
	position 		: relative;
}

#topbarflex-add-condition-span {
	padding-top 		: 4px;	
}

.mobile #topbar_needslist_name .x-open-communication-window-link {
	max-width			: 100px;
	display				: inline-block;
}

.x_app .topbarflex-m2 i {
    border				: 1px solid #00000044;
    border-radius		: 50%;
    margin-left			: 8px;
    padding				: 4px;
    color				: #00000088;
}


/* file /ui/db2/css/inc/190_form_elements.css , last updated 1620055097580*/
textarea.ta {
	background-color			: #f7f7f7;
}


.skin-green input.form-control {
	color						: #00000088;
}


textarea.noresize {
	resize: none;
}

/* file /ui/db2/css/inc/191_normal_form.css , last updated 1620055097580*/
.normal-form input, .normal-form select {
	background-color : #efefef;
	border-radius : 0;
	border : 1px solid #efefef;
	display : block;
	width : 100%;
	margin : 0;
	padding : 4px;
	text-align : left;
	margin-bottom : 10px;
}
.skin-green .normal-form input, .normal-form select {
	border : thin solid #efefef;
}


.normal-form, .normal-form * {
	text-align : left;
    font-family: 'Open Sans', Arial, sans-serif;
	font-size : 1.2rem;
}
.skin-green .normal-form, .normal-form * {
}


.normal-form h3 {
	font-size : 1.4rem;
	font-weight : 900;
}

.normal-form-light input, .normal-form select {
	background : #ffffff;
	border-radius : 0;
	border : 1px solid #cccccc;
	display : block;
	width : 100%;
	margin : 0;
	padding : 4px;
	text-align : left;
	color: #000000CC;	
	xmargin-bottom : 10px;
}
.skin-green .normal-form-light input, .normal-form-light select {
}


.normal-form-light, .normal-form-light * {
}
.skin-green .normal-form-light, .normal-form-light * {
}


.normal-form h3 {
	font-size : 1.4rem;
	font-weight : 900;
}

.h5, h5 {
    font-size: 1.4rem;
}

/* file /ui/db2/css/inc/191_swal_confiirm.css , last updated 1745565187465*/
.swal-modal.confirm .swal-content {
	padding-left			: 0;
	padding-right			: 0;
	
}
	
.swal-overlay {
	z-index : 9999999;
}


/* file /ui/db2/css/inc/192_form_md-radio.css , last updated 1620055097580*/
.md-radio {
  margin: 6px 0;
  line-height: 22px !important;
  height: 22px  !important;  
}
.md-radio.md-radio-inline {
  display: inline-block;
}
.md-radio input[type="radio"] {
  display: none;
}
.md-radio input[type="radio"]:checked + label:before {
  border-color: #0465b6;
  border-color: #00000044;
  animation: ripple 0.2s linear forwards;
}
.md-radio input[type="radio"]:checked + label:after {
  transform: scale(1);
}
.md-radio label {
  display: inline-block;
/*   height: 20px; */
  min-height: 20px;
  position: relative;
  padding: 0 20px;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  padding-left		: 35px;
}
.md-radio label:before, .md-radio label:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color;
}
.md-radio label:before {
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border: 2px solid rgba(200, 200, 200, 0.54);
}
.md-radio label:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: #0465b6;
  background: #00000044;
}





.md-radioR {
  margin: 6px 0;
  line-height: 22px !important;
  height: 22px  !important;  
}
.md-radioR.md-radio-inline {
  display: inline-block;
}
.md-radioR input[type="radio"] {
  display: none;
}
.md-radioR input[type="radio"]:checked + label:after {
  border-color: #0465b6;
  border-color: #00000044;
  animation: ripple 0.2s linear forwards;
}
.md-radioR input[type="radio"]:checked + label:before {
  transform: scale(1);
}
.md-radioR label {
  display: inline-block;
  min-height: 20px;
  position: relative;
  padding: 0 20px;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  padding-right		: 35px;
}
.md-radioR label:after, .md-radioR label:before {
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color;
}
.md-radioR label:after {
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border: 2px solid rgba(200, 200, 200, 0.54);
}
.md-radioR label:before {
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: #0465b6;
  background: #00000044;
}


/* file /ui/db2/css/inc/195_swal.css , last updated 1620055097580*/
/* normal */

.swal-footer{
	padding-top		: 13px;
	margin			: 0;
    margin-top		: 20px;
    padding-left	: 20px;
    padding-right	: 20px;
    padding-bottom	: 13px;
	border-top		: 1px solid #dedede;
}



.swal-content {
	font-size		: 1.2rem;
}

.skin-green .swal-button {
	background-color 	: #00000066;
	color 				: #ffffff;
}
.skin-green .swal-button--cancel {
	background-color 	: #00000066;
	color 				: #ffffff;
}
.skin-green .swal-button:hover,
.skin-green .swal-button--cancel:hover {
	background-color 	: #00000044;
	color 				: #ffffff;
}

/* mobile */

.swal-footer {
	display: flex;
    flex-direction: row;
    justify-content: flex-end;	
}


.mobile .swal-content {
	font-size		: 1.2rem;
}

.mobile .swal-footer {
	display			: inline-flex;
	flex-wrap		: wrap;
    flex-direction	: row-reverse;
    flex-direction	: row;
    margin-left		: 0;
    padding-left 	: 0;
    margin-right	: 0;
    padding-right 	: 0;
    padding-bottom 	: 0;
    width			: 100%;	
	padding-top		: 0;
}

.mobile .swal-footer .swal-button {
    width			: 100%;	
    border			: none!important;
    outline			: none!important;
	padding			: 10px;
    background-color: #00000010;
    color			: #00000055;	
	border-radius	: 0;
	height			: 6rem;
}

.mobile .swal-footer .swal-button--ok {
	border-right	: 1px solid #ffffff;
}

.mobile .swal-footer,
.mobile .swal-footer * {
	font-size		: 1.2rem !important;
}

.mobile .swal-footer .dont_show_again {
	display			: block;
	position		: static !important;
	width			: 100%;
	text-align		: center;
	margin-bottom	: 15px;
}

.mobile .swal-button-container {
    margin: 5px;
    display: inline-block;
    position: relative;
    margin: 0 0!important;
    display: inline-block!important;
    text-align: center;
    width: 50%;
    flex-grow: 1;
}

.skin-green .swal-button--ok {
	background-color 	: #00000088;
	color 				: #ffffff;	
} 

.mobile .skin-green .swal-button--ok {
	background-color 	: #00000010;
	color 				: #00000055;	
	border-right		: 1px solid #cccccc !important;
	font-weight			: 700;
} 


.swal-footer > .swal-button-container {
	order					: 2;
}
.swal-footer > .swal-button-container ~ .swal-button-container {
	order					: 1;
}


/* file /ui/db2/css/inc/196_swal_bootstrap_picker.css , last updated 1620055097580*/
/* heading */
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background		: #00000066 !important;
    color			: #fff !important;
}

/* sub heading */
.dtp div.dtp-date, .dtp div.dtp-time {
    background		: #00000044 !important;
    color			: #fff !important;
}

/* selected date */
.dtp table.dtp-picker-days tr > td > a.selected {
    background		: #00000066 !important;
    color			: #fff !important;
	
}

/* year */
.dtp div.dtp-actual-year {
    color			: #fff !important;
}

/* close button */
.dtp .dtp-close {
	right 			: unset !important;
	left 			: 1em;
}

/* links */
.dtp .p10 > a {
	color 			: #000000 !important;
}

/* cancel button */
.dtp-btn-cancel {
	display 		: none !important;	
}

/* file /ui/db2/css/inc/196_windowObj.css , last updated 1685534961552*/
.winowObjMobile {
	xleft			: calc( 50vw - 18rem ) !important;
	left			: 50% !important;
    transform		: translate(-50%, 0);
	xxwidth			: 36rem !important;
	max-width		: 65rem !important;
	max-width		: 450px !important;
	min-width		: 55rem !important;
	width 			: 50vw !important;
	height			: 90vh !important; 
	max-height		: 85rem;
	top				: 5vh !important;
	border-radius	: 0 !important;
}
.mobile .winowObjMobile {
	left			: 0 !important;
	top				: 0 !important;
	width			: 100vw !important;
	min-width		: 100vw !important;
	max-width		: 100vw !important;
	height			: 100vh !important;
	border-radius	: 0 !important;
    transform		: unset;
}

.winowObjMobileTop,
.winowObjMobileBottom {
	left			: calc( 50vw - 18rem ) !important;
	width			: 36rem !important;
	height			: 90vh !important;
	max-height		: 85rem;
	top				: 5vh !important;
	border-radius	: 0 !important;
}
.mobile .winowObjMobileBottom {
	left			: 0 !important;
	top 			: unset !important;
	bottom			: 0 !important;
	width			: 100vw !important;
	height			: 50vh !important;
	border-radius	: 0 !important;
}
.mobile .winowObjMobileTop {
	left			: 0 !important;
	top 			: 0 !important;
	bottom			: unset !important;
	width			: 100vw !important;
	height			: 50vh !important;
	border-radius	: 0 !important;
}



/* file /ui/db2/css/inc/200_conditions.css , last updated 1620055097580*/
/* 200 conditions */



/* file /ui/db2/css/inc/210_conditions_table.css , last updated 1753447352969*/
#needslisttable {
	display				: none;
}

#needslisttable2 {
	xmargin-top			: 10px;
	margin-top			: 0; /* to allow the sticky header */
}


.pnl-section-heading th {
	border-top			: 0 !important;
	padding-top			: 30px !important;
	padding-bottom		: 20px !important;
}

.pnl-section-heading:hover,
.pnl-section-heading tr:hover,
.pnl-section-heading td:hover,
.pnl-section-heading th:hover {
	background-color	: #ffffff !important;
}


#docwin-conditions-table td {
	padding-top			: 10px;
	padding-bottom		: 10px;
	padding-left		: 0;
	border				: 0;
}
.flexcenter100 {
	display				: flex;
	height				: 100%;
	align-items			: center;
}

.cond-statusbox {
	width				: 40px;
	height				: 21px;
	line-height			: 18px;
	border-radius		: 3px;
	text-align			: center;
	border				: 1px solid #00000066;
	background-color	: #ffffff;
	color				: #00000066 !important;
	font-size			: 12px;
	padding-top			: 1px;
}
.cond-statusbox-wide,
.pnl-milestone-line .badge.pipeline-type {
	width				: 80px !important;
	
}

.cond-statusbox.green {
	border-color		: #6f9957;
	background-color	: #d5e8d4;
	color				: #6f9957 !important;
}

.cond-statusbox.yellow {
	border-color		: #d6b656;
	background-color	: #fff2cc;
	color				: #d6b656 !important;
}

.cond-statusbox.yellow_outer {
	border-color		: #d6b656;
	background-color	: #ffffff;
	color				: #d6b656 !important;
}

.cond-statusbox.red {
	border-color		: #b85450;
	background-color	: #f8cecc;
	color				: #b85450 !important;
}

.cond-statusbox.blue {
	border-color		: #6C8EBF;
	background-color	: #DAE8FC;
	color				: #b85450 !important;
}
.cond-statusbox.x-omit:after {
    content				: "";
    position			: absolute;
    border-top			: 1px solid #00000066;
    width				: 41px;
    transform			: rotate(26.5deg);
    transform-origin	: 4% 0%;
    margin-left			: -18.5px;
    margin-top			: 0.5px;	
}
.cond-statusbox.green.x-omit:after {
    border-top			: 1px solid #6f9957;
}
.cond-statusbox.yellow.x-omit:after {
    border-top			: 1px solid #d6b656;
}
.cond-statusbox.red.x-omit:after {
    border-top			: 1px solid #b85450;
}


@keyframes banner{
	0% { background-position: 0% 0%}
	18% {background-position: 0% -100%}
	36% {background-position: 0% -200%}
	54% {background-position: 0% -300%}
	72% {background-position: 0% -400%}
	100% {background-position: 0% -500%}
}

/* @keyframes animatedBackground {
  from {
    background-position: 10% 0;
  }
  to {
    background-position: 60% 0;
  }
}
 */
@keyframes animatedBackground {
   0%   {background-image: url(/_ui/db2/images/cloud-internet-symbol.png);}
   20%  {background-image: url(/_ui/db2/images/cloud-internet-symbol-up.png);}
   90%  {background-image: url(/_ui/db2/images/cloud-internet-symbol-up.png);}
}

.cond-statusbox.cloud {
/*    background-image: url(/_ui/db2/images/cloud-internet-symbol.png);
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: overlay;*/
}
.cond-statusbox.cloud_inprogress {
    background-image: url(/_ui/db2/images/cloud-internet-symbol.png);
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: overlay;
    animation: animatedBackground 5s linear infinite alternate;
	xanimation-name: banner;
	xanimation-duration: 20s; 
	xanimation-iteration-count: infinite;
	xanimation-direction: alternate;
	xperspective: 1000;
	xbackground-attachment: fixed;
}
.cond-statusbox.cloud_warning {
    background-image: url(/_ui/db2/images/cloud-internet-symbol.png);
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: overlay;
	animation-name: banner;
	animation-duration: 20s; 
	animation-iteration-count: infinite;
	animation-direction: alternate;
	perspective: 1000;
	background-attachment: fixed;
}

.cond-statusbox.cloud_uploaded {
    background-image: url(/_ui/db2/images/cloud-internet-symbol.png);
/*    background-image: url(/_ui/db2/images/cloud.png);*/
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: overlay;
}
.cond-statusbox.cloud_downloaded {
    background-image: url(/_ui/db2/images/download-symbol.png);
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: overlay;
}

.needslist_align_with_box {
	margin-top:2px;
}


#docwin-conditions-table {
	display				: block;
	width				: 100vw;
}

#docwin-conditions-table tbody {
	width				: 100%;
	display				: block;
}

#docwin-conditions-table tr {
	display				: block;
	padding				: 0 15px;
	width				: 100%;
}
#docwin-conditions-table tr th {
	display				: inline-block;
	width				: 100%;
}



#docwin-conditions-table .normtable tbody {
	xwidth				: unset !important;
	display				: table-row-group !important;
}
#docwin-conditions-table .normtable tr {
	xwidth				: unset !important;
	display				: table-row !important;
}
#docwin-conditions-table .normtable td,
#docwin-conditions-table .normtable th {
	width				: unset !important;
	min-width			: 80px;
	display				: table-cell !important;
	padding 			: 4px;
}



.mobile #needslisttable2 {
	margin-bottom : 90vh;
}


.main-header.xdrophover {
    background-image		: url(/_ui/db2/images/drop_bg.png);
    background-repeat		: no-repeat;
    background-position		: center;
	background-size			: contain;
	color 					: #ffffff00 !important;
	background-color		: #224fbc;
}
.main-header.xdrophover * {
	visibility 				: hidden;
}
._bt.xdrophover .cond-statusbox {
    background-image		: url(/_ui/db2/images/drop_bg.png);
    background-repeat		: no-repeat;
    background-position		: center;
	background-size			: cover;
	color 					: #ffffff00 !important;
	border-color			: #224fbc;
}
._bt.xdrophover .cond-statusbox * {
	color 					: #ffffff00 !important;
}
._bt.xdrophover_dis .cond-statusbox {
	color 					: #ffffff00 !important;
}
._bt.xdrophover_dis .cond-statusbox * {
	color 					: #ffffff00 !important;
}


#needslistcontainer-box {
	position				: relative;
}

tr.contextmenuhighlight,
tr.contextmenuhighlight * {
	background-color		:#efefef;
}
tr.contextmenuhighlight {
	width 					: 100%;
}

.x-condition-followups p {
	margin 					: 0 !important;
}


.td-soapbar-none {
	vertical-align		: middle;
	padding-top			: 0;
	
}
.td-soapbar-top {
	vertical-align		: top !important;
	padding-top			: 10px;
}

.op2 {
	opacity 			: 0.2;
}
.xd-menu-item.op0, .op0 {
	display				: none !important;
}

.fake-ta {
	line-height 		: 150%;
	background-color 	: #f7f7f7;
	padding				: 8px;
	width 				: 100%;	
	
}

.xd-menu-item-fake-ta {
	min-height 			: 3.7rem;
	height 				: unset !important;
}

.xd-menu-item-fake-ta .tlight {
	xmargin-top 			:-30px;
}


.tlightdiv.noborder,
.cond-statusbox.noborder {
	border-color		: #ffffff !important;
}



tr.tr-nohover:hover {
	background-color : unset !important;
}

/* for the stick head */
tr._needlisttr.top1 {
	position			: sticky;
	top 				: -2px;
	background-color	: #ffffff;
	z-index				: 1;
}
tr._needlisttr.top1 td {
	background-color	: #ffffff;
}

#needslistcontainer-box .box-body {
	padding-top : 0;
}

/* SOME condition Colours */
.cond-colour-purple {
	color 				: #8b10d0 !important;
	font-weight 		: 700;
}

.nl_loandisp_elaine >div {
	padding : 0 4px;
}

/*
.x-gpt-processing:before,
.x-gpt-processing-rv:before{
  content			: '';
  background		: url('https://global.discourse-cdn.com/sitepoint/original/3X/e/3/e352b26bbfa8b233050087d6cb32667da3ff809c.gif');
  background		: url('/_ui/db2/icons/artificial-intelligence.gif');
  width				: 16px;
  height			: 16px;
  display			: block;
  position 			: absolute;
  border 			: 1px solid red;
  background-size 	: contain;
}

.x-gpt-processing:before {
  border 			: 1px solid blue;
}


.x-gpt-new:before{
  content			: '';
  background		: url('https://global.discourse-cdn.com/sitepoint/original/3X/e/3/e352b26bbfa8b233050087d6cb32667da3ff809c.gif');
  width				: 16px;
  height			: 16px;
  display			: block;
  position 			: absolute;
  border 			: 1px solid green;
  background-size 	: contain;
}
*/

/*
.x-gpt-processing-rv:after{
  content: '';
  background:url('https://global.discourse-cdn.com/sitepoint/original/3X/e/3/e352b26bbfa8b233050087d6cb32667da3ff809c.gif');
  width: 10px;
  height: 10px;
  display: block;
  position : absolute;
  right : 0px;
  border : 1px solid green;
}*/
	
}

/* file /ui/db2/css/inc/215_condition_balls.css , last updated 1620055097581*/

.tlight .tlightdiv  {
	border				: 1px solid #00000066;
	background-color	: #ffffff;
	color				: #00000066 !important;
	border-radius 		: 3px;
	text-align			: center;

	height 				: 14px;
	width 				: 21px;
	font-size			: 8px;
    line-height			: 12px;	

	height 				: 21px;
	width 				: 40px;
	font-size			: 1.2rem;
    line-height			: 18px;	
	font-size			: 12px;

}

/* green */ 

.tl2.tl-checked .tlightdiv, .tl2:hover .tlightdiv {
	border				: 1px solid #6f9957;
	background-color	: #d5e8d4;
	color				: #6f9957;
}

/* yellow */
	
.tl1.tl-checked .tlightdiv {
	border				: 1px solid #d6b656;
	background-color	: #fff2cc;
	color				: #d6b656;
}

.tl1.tl-checked .tlightdiv.yellow_outer {
	border				: 1px solid #d6b656;
	background-color	: #ffffff;
	color				: #d6b656;
}

/* red */

.tl0.tl-checked .tlightdiv {
	border				: 1px solid #b85450;
	background-color	: #f8cecc;
	color				: #b85450;	
}

.tlx.tl-checked .tlightdiv {
	border				: 1px solid #00000066;
	background-color	: #ffffff;
	color				: #00000066 !important;
}

.tlx.tl-checked .tlightdiv:after {
    content: "";
    position: absolute;
    border-top: 1px solid #00000066;
    width: 22px;
    transform: rotate(32deg);
    transform-origin: 4% 0%;
    margin-left: -10px;
    margin-top: 0;

    width: 41px;
    transform: rotate(26.5deg);
    margin-left: -18.5px;
    margin-top: 0.5px;
}




/* file /ui/db2/css/inc/240_conditions_docwin.css , last updated 1620055097581*/
#docwin-select-history {
	padding-bottom		: 10vh;	
	padding-right		: 20px;
}

#docwin-select-history .bbar {
	display				: none;
}

/* file /ui/db2/css/inc/250_login.css , last updated 1620055097581*/
.loginhtml body {
	background-color 	: #ffffff;
}
html.loginhtml {
	font-size			: 11px;
}
.loginhtml .wrapper {
	display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;		
}
.loginhtml .navbar {
	flex-grow			: 0;
	top					: 0;
	left 				: 0;
	width 				: 100vw;
	height 				: 4rem;
	xborder-bottom		: 1px solid #dadce0;
	border-bottom		: none;
}
.loginhtml .pagewrapper_message {
	flex-grow			: 0;
    display				: flex;
    justify-content		: center;
	align-items			: start;
    width				: 100vw;
}
.loginhtml .pagewrapper_message .x-form {
	color				: #cc0000;
	border				: 1px solid #cc0000;
	padding 			: 15px;
    display				: flex;
    align-items			: center;
}
.loginhtml .pagewrapper_message .x-form i {
	font-size			: 3rem;
	margin-right		: 2rem;
}

.loginhtml .pagewrapper{
	flex-grow: 1;
    display				: flex;
    justify-content		: center;
	align-items			: start;
    width				: 100vw;
	height				: 100vh;
}
.loginhtml .x-form .button-small,
.loginhtml .x-form input {
	background-color 	: #DAE8FC;	
	width				: 240px;
}

.loginhtml .x-form .button-small {
	color 				: #ffffff;	
	background-color 	:#6C8EBF;
}
.loginhtml  h2,
.loginhtml  a {
	color 	:#6C8EBF;
}
.loginhtml .x-form {
	xborder				: 1px solid #ccc;
	xbox-shadow			: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
	xpadding 			: 5vw;
	width				: 280px;
	padding-left		: 20px;
	padding-right		: 20px;
	padding-bottom		: 20px;
	padding-top			: 20px;
	border				: 1px solid #dadce0;
}
.loginhtml .x-form * {
	font-size			: 1.2rem;
}
.loginhtml .x-form .lbl {
	margin-top			: 2rem;
	margin-bottom		: 0;
	font-weight			: 700;
	xline-height			: 4.2rem;
}
.loginhtml  h1,
.loginhtml .pgheading {
	font-size			: 1.8rem;	
	font-weight			: 700;
}

.loginhtml .pagewrapperbot {
    display				: flex;
    justify-content		: center;
	align-items			: start;
    width				: 100vw;
}
.loginhtml .pagewrappery {
    display				: flex;
    justify-content		: center;
	align-items			: start;
    width				: 100vw;
}
.loginhtml .pagewrapperbot .x-form {
	border				: none;
	padding				: 0;
}
.loginhtml .x-form .fontSizeSmall a,
.loginhtml .pagewrapperbot a {
	font-size			: 1.0rem;
}

.loginhtml .x-form .fontSizeXSmall a,
.loginhtml .pagewrapperbot a {
	font-size			: 0.9rem;
	margin-left			: 5px;
	margin-right		: 5px;
}

.loginhtml .x-form li {
	margin-left			: 15px;
	font-size			: 1.0rem;
	padding-bottom		: 4px;
}


/* file /ui/db2/css/inc/251_loi_user_admin_menu.css , last updated 1620055097581*/
#tmp-menu-div-croppie h5,
#tmp-menu-div-address h5,
#tmp-menu-div-1 h5,
#tmp-menu-div h5 {
	width				: calc( 100% - 15px - 15px );
	margin				: 15px;
}
#tmp-menu-div-croppie input,
#tmp-menu-div-address input,
#tmp-menu-div-1 input,
#tmp-menu-div input,
#tmp-menu-div-croppie .ta,
#tmp-menu-div-address .ta,
#tmp-menu-div-1 .ta,
#tmp-menu-div .ta {
	margin-top		: 0;
}

#tmp-menu-div-croppie .btn-settimer
#tmp-menu-div-address .btn-settimer
#tmp-menu-div-1 .btn-settimer,
#tmp-menu-div .btn-settimer {
	text-align		: center;
}


/* file /ui/db2/css/inc/260_docwiz.css , last updated 1725870021140*/
/** taken from index **/
#win-docwin {
	border : 0;
	margin : 0;
	padding : 0;
}
#win-docwin .tds * {
	/*font-family: 'Lato', sans-serif; */
}
#win-docwin .tds i.fa {
	font-family: FontAwesome;
}
#win-docwin .tds i.material-icons {
    font-family: 'Material Icons';
}

/* tr and td */
#docwin-select-questions .tr {
	display 		: flex;
	width 			: 100%;
	margin-top 		: 1.4rem;
	margin-top		: 36px;
}
#docwin-select-questions .td {
	display			: flex;
	flex-grow		: 1;
	flex-shrink		: 1;
	width 			: 10px;
}
/* tr td end */

#docwin-select-questions h5.td {
	margin-right : 0;	
}
#docwin-select-questions input.td {
	margin-right : 0;	
	text-align: right !important;
}
#docwin-select-questions .subtotal.td {
    padding: 4px 0px 4px 10px;
    border-top: 3px solid #666;
 	height 	: 2rem;
 	wisth : 20rem;  
 	margin-right : 40px; 
 }



#win-docwin h1 {
	color : #0189c5;
	font-size : 22px;
	text-transform: uppercase;
} 
.skin-green #win-docwin h1 {
    color: ;
}
#win-docwin h2 {
	color : #0189c5;
	font-size : 18px;
	text-transform: uppercase;
} 
.skin-green #win-docwin h2 {
    color: ;
}
#win-docwin h3 {
	xcolor : #0189c5;
	font-size : 18px;
	text-transform: uppercase;
} 
.skin-green #win-docwin h3 {
}


#win-docwin #docwincontextmenu_flat div {
	text-align 		: left;
	font-size		: 14px;
	line-height		: 160%;
}
#win-docwin #docwincontextmenu_flat div:hover {
	background-color	: #efefef;
}
#win-docwin #docwincontextmenu_flat i {
	font-size		: 14px;
	margin			: 0 10px;
}

.data-checkbox {
	color 			: #00000055;	
}


#win-docwin h4 {
	color : #0189c5;
	font-size : 12px;
	text-transform: uppercase;
} 
.skin-green #win-docwin h4 {
    color: ;
	color 	: #4f4f4f;
}
.accordian_top.tr {
	background-color 	: #ffffff;
	color 				:  !important;
	line-height			: 2.5rem;
	x-padding-left 		: 1rem;
	margin-left			: -1rem;
	padding-left		: 44px;
	position			: relative;
}
.accordian_top.x-open .arrow {
    transform: rotate(90deg);
}
#win-docwin #td-right-slider select {
    display: block;
    width: 340px;
    height: 40px;
    font-size: 15px;
}
#win-docwin .x-right {
	width : 340px;
}
#win-docwin .x-right * {
	padding-top : 4px;
	padding-bottom : 4px;
}
#win-docwin .PartBox {
	border		: thin solid #efefef;
	width : 340px;
}	
#win-docwin #td-right-slider input[type=text] {
	border		: thin solid #efefef;
	padding : 4px 0px 4px 18px;
	x-width : 340px;
    font-size: 16px;
    font-size : 1.3rem;
    min-height: 32px;
    background-color : #fff;	
    x-width: calc(100% - 20px);
    width 	: 100%;
    height : 32px;
}	
#win-docwin #td-right-slider input[type=date] {
	border		: thin solid #efefef;
	padding : 4px 0px 4px 18px;
	x-width : 35% !important;
    font-size: 16px;
    font-size : 1.3rem;
    min-height: 32px;
    background-color : #fff;	
    x-width: calc(100% - 20px);
    width 	: 100%;
    height : 32px;
	-webkit-appearance: none;
}
#win-docwin #td-right-slider input[type=date].w100pc {
	width		: 100% !important;
}
#win-docwin #td-right-slider input[type=date].w80pc {
	width		: 80% !important;
}
#win-docwin #td-right-slider input:not([type]) {
	border		: thin solid #efefef;
    padding : 4px 0px 4px 18px;
    x-width : 340px;
    font-size: 16px;
    font-size : 1.3rem;
    min-height: 32px;
    background-color : #fff;    
    x-width: calc(100% - 20px);
    width 	: 100%;
    height : 32px;
}   
#win-docwin #td-right-slider textarea {
	border		: thin solid #efefef;
    padding : 4px 0px 4px 18px;
    x-width : 340px;
    font-size: 16px;
    font-size : 1.3rem;
    min-height: 32px;
    background-color : #fff;    
    x-width: calc(100% - 20px);
    width 	: 100%;
}   
#win-docwin #td-right-slider select {
	border		: thin solid #efefef;
    padding : 4px 0px 4px 18px;
    x-width : 340px;
    font-size: 16px;
    font-size : 1.3rem;
    min-height: 32px;
    background-color : #fff;    
    width: calc(100% - 20px);
    height : 32px;
} 
#docwin-select-questions input.ta {
    margin-right: 0;
}
#win-docwin h4 {
	margin-top:6px;
	margin-bottom:4px;
}
.thumb img {
	border : 2px solid #ffffff !important;
}
.thumb.current img {
	border : 2px solid #0189c5 !important;
}
.skin-green .thumb.current img {
	border : 2px solid  !important;
}
#the-canvas-none {
	height : 500px;
	
}


/** end taken from index **/


/* new design of top bar */
.foTopBar {
	background-color 	: #ffffff !important;	
    border-bottom		: thin solid #dadce0;
}
.foTopBar *, #win-docwin #td-close a {
	background-color 	: #ffffff !important;
	color 				: #333333 !important;
	
}
.foTopBar img {
	background-color 	: #efefef !important;
}

#td-mid {
	box-shadow			: none;
}
#td-right {
	box-shadow			: none;
}
#td-left {
	box-shadow			: none;
}

#win-docwin #td-close {
	margin-top			: 4px;
	background-color	: transparent !important;
}

#docwin-conditions-table tr.bt:nth-child(odd) {
	background-color	: #ffffff !important;	
}

#td-left.tdbot {
    min-height			: 4rem !important;
    height 				: unset !important;
}

.docwincontextmenu_flat {
	display 			: flex;
	flex-wrap			: wrap;
}

.docwincontextmenu_flat div.handy {
	flex-grow			: 1;
	flex-basis			: 30%;
	height				: 4rem;	
}

.skin-green #win-docwin h3 {
    color				: #000000EE !important;
}

.mobile #win-docwin h3 {
	font-size			: 1.8rem;
}
.mobile .cabin {
	font-size			: 1.5rem;
}

.mobile #td-right.tdbot button.xb-received,
.mobile #td-right.tdbot button.xb-cleared {
	height 				: 2.8rem;
}


#td-right.tdbot button.xb-cleared {
	color				: #82b366 !important;
	background-color	: #d5e8d4 !important;
	border 				: thin solid #82b366 !important;
	width				: calc( 100% - 20px);
	margin-right		: 20px;
}

button.btn-action,
#td-right.tdbot button.xb-received {
	color				: #b85450 !important;
	background-color	: #f8cecc !important;
	border 				: thin solid #b85450 !important;
	width				: calc( 100% - 20px);
	margin-left		: 20px;
}
#td-right.tdbot button {
	margin-right 		: 0;
	margin-left 		: 0;
}
button.btn-action-back,
button.btn-action {
	width 				: 110px;
	margin-left			: 20px;
}

.flx0chk {
	width 				: 36px;
	margin-top			: -10px;
}
.flx0chk6 {
	width 				: 36px;
	margin-top			: -4px;
}

.mt4 {
	margin-top			: 8px !important;
}

#td-right-slider {
	padding-left : 10px;
}
.skin-green #td-right-slider {
    padding-left: 10px;
}



#docwin-select-questions .loxbutton,
.skin-green .threestate .yescol {
	color				: #ffffff !important;
	background-color	: #00000066 !important;
}
.skin-green .threestate {
	border-color		: #00000066 !important;
}

.mobile .contextmenu,
.mobile #td-right.tdbot  {
	min-height 			: 4rem;
}
.mobile #td-right.tdbot  {
	height 				: 4rem;
}

.mobile-iphone #td-right.tdbot  {
	min-height 			: 5.5rem;
}
.mobile-iphone #td-right.tdbot  {
	height 				: 5.5rem;
	padding-bottom		: 1.5rem;
}

.mobile-iphone #td-left.tdbot{
	min-height 			: 5.5rem;
	padding-bottom		: 1.5rem;
}




#td-right.tdbot {
	xpadding-right 		: 20px;
	xpadding-left		: 20px;
}

.skin-green .cabin {
    border-left			: 4px solid #000000EE !important;
    color				: #000000EE !important;
    font-weight 		: 400
}

#docwin-select-questions .xx-dt-wrapper h5 {
	font-weight 		: 300;
}

.local-yellow {
	color 				: #000000ee;
}
.local-green {
	color 				: #000000cc;
}
.rotateimg180 {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#docwin-select-questions h5{
	color: #2e89c5;
	margin-bottom: 7px;
    margin-top: 15px;
}

.skin-green #docwin-select-questions h5{
    color: #325d31;
}
.skin-green #docwin-select-questions h5 {
	max-width 		: 100% !important;
	margin			: 0;
    padding			: 0;
    vertical-align	: top;
}

#docwin-select-questions input[type="text"]{
    border-radius: 3px;
    color: #2e89c5;
}

.skin-green #docwin-select-questions input[type="text"]{
    color: #325d31;
}

#docwin-select-questions  {
	width: calc(100% - 20px) !important;
	margin-bottom		: 100px;
	font-size			: 1.3rem;
}
.zoom-icon {
	position		: relative;
}
.corner-tick {
	position			: absolute;
	top 				: 40px;
	right 				: 10px;
    width 				: 60px;
    height 				: 60px;
    padding-top 		: 10px;
    padding-left 		: 22px;	
	display				: none;	
}
.x-echocomplete	.corner-tick {
	display				: initial;
}

.corner-tick div {
	height 				: 30px;
	width				: 30px;
	border				: 2px solid #888888;
	opacity				: 0.75;
	background-color	: #ffffff;
	border-radius		: 20%;
}
.corner-tick i {
	xbackground-color	: #000000;
	xcolor 				: #ffffff;
	color 				: #888888;
}

.new-yn-block {
	position : relative;
	
}
.new-yn-block .cabin {
	position : relative;
	margin 			: 0;
	padding 		: 4px 0px 4px 18px;
	border 			: thin solid #efefef !important;
	font-size		: 1.3rem;
	min-height		: 32px;
}
.new-yn-block .tr {
	position 		: relative;
	margin-top		: 10px !important;
	min-height		: 32px;
}
.new-yn-block .threestatewrapper {
	position		: absolute;
	right 			: 0;
	
}

.unstyled {
    -webkit-appearance: none;
}
.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.mw110 {
	xmax-width 		: 110px !important;
}


.mobile #docwin-needs-table td {
	padding-right : 10px;
	padding-left : 10px;
}

#docwin-needs-table {
    height: calc(100% - 5.5rem);
}





.x-docwin.pnl-line .tlight {
	margin-right 		: 24px;
}

.rot0 { xtransform: rotate(0deg);	}
.rot1 { xtransform: rotate(90deg);	}
.rot2 { xtransform: rotate(180deg);	}
.rot3 { xtransform: rotate(270deg);	}
			
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.docname {
	border : 1px solid #dddddd;
	border	: none;
	margin-top:12px;
}
.docname i {
	margin-right:8px;	
}
.docname_cond {
	border 		: none;	
}

/* option 1 */
.docname_cond {
	display		: none;
}
.docname i {
	display		: none;
}
.docname {
	margin-top	:0;
}




/* file /ui/db2/css/inc/262_docwiz_threestate.css , last updated 1620055097582*/
#docwin-select-questions .threestate {
 }
 #docwin-select-questions .loxbutton {
    margin : 4px;
    height: 2.5rem;
    line-height: 1.1rem;
    font-size: 1.1rem;
    padding: 4px;
    margin-left: 0;
    margin-right: 10px;    
    margin-top: 10px;    
 }
 
 #docwin-select-questions .xx-dt-wrapper h5 {
	float : left;
	width : 50%;
	margin-left : 0;
	margin-right : 0;
	height : 64px;
 }
 #docwin-select-questions .xx-dt-address-wrapper h5 {
	float : left;
	width : 50%;
	margin-left : 0;
	margin-right : 0;
	height : 80px;
} 
#docwin-select-questions .xx-dt-address-wrapper .threestatewrapper {
	float : left;
	width : 50%;
	margin-left : 0;
	margin-right : 0;
	height : 80px;
    text-align: right;
    padding-right: 0;
    padding-top: 48px;
    padding-top: 16px;
}
#docwin-select-questions .xx-dt-wrapper .threestatewrapper {
	float : left;
	width : 50%;
	margin-left : 0;
	margin-right : 0;
	height : 64px;
	height : 6.4rem;
    text-align: right;
    padding-right: 0;
    padding-top: 16px;
}
#docwin-select-questions .xx-dt-wrapper .threestatewrapper {
	height : 6.4rem;
}

.threestate,
.threestate .yes,
.threestate .yes span,
.threestate .no,
.threestate .no span {
	height 				: 3.0rem;
	line-height 		: 3.0rem;
	xx-height 				: 2.8rem; /* switched to min height on 110% viewing */
	min-height 			: 2.8rem;
	line-height 		: 2.8rem;
	
}

/* file /ui/db2/css/inc/263_docwiz_addresswrapper.css , last updated 1620055097582*/
 #docwin-select-questions .xx-dt-address-wrapper .cabin {
	margin-left : 0;
}
 #docwin-select-questions .xx-dt-wrapper .cabin {
	margin-left : 0;
}

 #docwin-select-questions .xx-dt-address-wrapper .loxbutton {
 }


/* file /ui/db2/css/inc/264_docwiz_select.css , last updated 1620055097582*/
 #docwin-select-questions h5 {
 	font-size : 140%;
 }
 #docwin-select-questions h5 .match_real {
 	margin-top : 10px;
 }

/* file /ui/db2/css/inc/265_docwiz_remove_ios_shadow.css , last updated 1620055097582*/
textarea,
input:not([type]),
input[type=tel],
input[type=text] {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Then Style */
    outline: none;    
}



/* file /ui/db2/css/inc/270_docwiz_menus_buttons.css , last updated 1620055097582*/
.docwincontextmenu_flat div.handy {
	display 	: flex;
	align-items	: center;
}

.contextmenu {
	min-height 	: 48px;
	display 	: flex;
	align-items	: center;
}

.docwincontextmenu_flat_center {
	width 			: 100%;
	xmargin 		: 0 auto;
}
.docwincontextmenu_flat_center .handy {
	display			: flex;
    align-items		: center;
    justify-content	: center;
}
.docwincontextmenu_flat_left {
	width 			: 100%;
}
.docwincontextmenu_flat_left .handy {
	display			: flex;
    align-items		: center;
}


.docwincontextmenu_flat i {
	margin-right	: 10px;
	margin-left		: 10px;
}
.docwincontextmenu_flat_center i {
	margin-left 	: 0;
}
.docwincontextmenu_flat_left i {
	margin-left 	: 10px;
	margin-right 	: 10px;
}



/* file /ui/db2/css/inc/275_docwiz_sliding_panel.css , last updated 1620055097582*/
#td-right-slider-wrapper {
    display: flex;
    position: relative;
    width: 300%;
}
#td-right-slider {
    overflow-x: hidden;
}
#td-right-slider-wrapper .p1,
#td-right-slider-wrapper .p2,
#td-right-slider-wrapper .p3 {
    width: calc( 100% / 3 );
    flex-grow: 1;
}

/* file /ui/db2/css/inc/276_dicwiz_prompt_windows.css , last updated 1620055097582*/
.x-clearing-popup .body{ 
	padding:0 20px;
}
.skin-green .x-clearing-popup .body .normal-form { 
	line-height : 300%;
	color : ;
}
.skin-green .x-clearing-popup .body .normal-form * { 
	color : ;
}

.skin-green .x-clearing-popup .body input {
	border-radius: 5px;
}
.skin-green .x-clearing-popup .body .postit {
	background-color : #ffffff !important;
}

.skin-green .x-clearing-popup .bbar{
	position : absolute;
	height : 44px;
	line-height : 44px;
	bottom : 0;
	left : 20px;
	right : 20px;
}
.skin-green .x-clearing-popup .bbar button {
	float : right;
	width: 120px;
	text-align: center;
	color: #ffffff !important;
	background-color: #00000066;
	text-transform: uppercase;
}

.skin-green .bg-green {
	background-color: #000000CC !important;
}
.skin-green .fg-green {
	color: #000000CC  !important;
}


.postit2 {
  line-height: 1;
  text-align:left;     
  width: 100%;    
  margin-bottom : 4px;
  min-height:100px;
  max-height:350px;
  overflow-y: auto;
  padding-top:35px;
  position:relative;   
  border:1px solid #E8E8E8;  
  font-family:'Reenie Beanie';    
  font-family: 'Lato', sans-serif;
  font-size:15px;      
  border-bottom-right-radius: 60px 5px;
  display:inline-block;    
}
 /*
.postit2:after {     
   content: "";
    position:absolute;
  z-index:-1;
  right:-0px; bottom:20px;
  width:200px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40);
-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
 -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
      -o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
     -ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
         transform: matrix(-1, -0.1, 0, 1, 0, 0);
}
*/

/* file /ui/db2/css/inc/277_docwiz_thumbs.css , last updated 1620055097582*/
#docwin-thumbs-table .ui-widget-content {
	border : 0 !important;
}


/* file /ui/db2/css/inc/278_docwiz_browse.css , last updated 1620055097582*/
.x-td-thumb .thumb {
	z-index 	: 1;
}
.x-td-thumb .x-check {
	z-index 	: 2;
	top 		: 0;
}



/* file /ui/db2/css/inc/279_docwiz_clearing_panel.css , last updated 1754982884139*/

/* remove list indenting */
#td-right-slider-wrapper ul {
	list-style-position: inside;
	padding-left	: 0;	
}

.accordian_top.tr {
	background-color 	: #00000011;	
} 
.accordian_top.x-open {
	background-color 	: #00000011;	
	
}


#docwin-needs-table .pnl-section-heading th {
	padding-left : 0;
}


.match_real.cabin {
	font-size 			: 1.3rem;
	xpadding-left 		: 0;
	line-height			: 22px;
	border-left-width	: thin !important;
	
}

.rejectwarning {
	color 				: #b85450;
}
.rejectwarning i {
	font-style			: normal;
	font-family			: 'Material Icons';
	font-size			: 1.6rem;
	margin-right		: 1.6rem;
	
}

.markred {
	border-color 		: #b85450 !important;
}


.gpt-result-field-div {
	border 				: 1px solid #ccc;
	xpadding				: 8px;
}

.gpt-result-subheader {
	font-weight			: 800;
}

/* file /ui/db2/css/inc/300_pipeline.css , last updated 1740407658202*/
/* 300 pipeline.css */

/*panels */
.pnl_head {
	height 				: 4.6rem;
	border-bottom		: 1px solid #00000020;
}
.pnl .flx0.L, .pnl .flx0.R {
	width				: 60px;
}
.pnl_head i {
    font-size			: 2rem;
}
.pnl.bb {
	xborder-bottom		: 1px solid #00000020;	
}
.pnl_evenbar {
	
}
.pnl {
	
}
.pnl * {
	color 				: #000000BB;
}
.pnl i {
	color 				: #00000088;
}
.pnl .tac {
	text-align			: center;
}
.pnl .E {
	width 				: 40%;
}
.pnl .tal {
	text-align			: left;
}
.pnl.circle .badge  {
	border-radius		: 50%;
    width				: 2.4rem;
    height				: 2.4rem;	
}
.pnl.circle.rect .badge  {
	border-radius		: 0;
    width				: 3.4rem;
    height				: 2.4rem;	
}
.pnl .x-app-panel-icon-button {
	height 				: 4rem;
}
.pnl i.s24 {
	font-size			: 2.4rem;
	width				: 2.4rem;
}
.pnl .sq25 {
	width				:100%;
	height				:3.6rem;
}
.mobile .pnl .sq25 {
	width				:25vw;
	height				:25vw;
	width				: calc( (100vw - 30px) / 4 );
	width				; 100%;
}
.pnl .svg {
	width				:4rem;
}
.mobile .pnl .svg {
	width				:17vw;
}
.mobile .pnl .svg.w24,
.pnl .svg.w24 {
    width				: 24px;
    padding				: 3px;	
}

.pnl .sq25.i1003 .svg {
    width				: 2.8rem;
    margin				: 8%;
}
.mobile .pnl .sq25.i1003 .svg {
    width				: 13vw;
    margin				: 2vw;
}
.flx50pc.img70 .svg {
	width				: 10rem;
	height				: 10rem;
}
.flx50pc.img70.i1003 .svg {
	width				: 7rem;
	margin				: 1.5rem;
}
.flx50pc i {
	font-size			: 8rem;
	line-height			: 10rem;
	width				: 8rem !important;
}
.flx50pc .text {
	display				: block;
}

.flex-row-wrap {
	flex-flow			: row wrap;	
}

.pnl_evenbar.icons.bb {
	height				: 7rem;
}
.mobile .pnl_evenbar.icons.bb {
	height				: 28vw;
}


.pipeline-clock-icon {
	margin 			: 0 !important;
	padding 		: 0 !important;
	font-size		: 16px !important;
	line-height		: 16px !important;
    position		: relative;
    top				: 5px;	
    color 			: #00000088;
}
.selected .pipeline-clock-icon {
	color 			: #000000;
}



/* file /ui/db2/css/inc/310_pipeline_table.css , last updated 1645011426445*/


#pipeline-table td {
    padding-left: 12px;
    padding-right: 12px;
}
.mob-9 #pipeline-table td ,
.mob-9 #pipeline-table th {
    padding-left: 8px;
    padding-right: 8px;
}
.mob-10 #pipeline-table td ,
.mob-10 #pipeline-table th {
    padding-left: 6px;
    padding-right: 6px;
}
.mob-11 #pipeline-table td ,
.mob-11 #pipeline-table th {
    padding-left: 4px;
    padding-right: 4px;
}


#pipeline-table tr .revealed {
	display 			: none;
}
#pipeline-table tr:hover .revealed {
	display 			: inline-block;
}
#pipeline-table tr .unrevealed {
	display 			: block;
}
#pipeline-table tr:hover .unrevealed {
	display 			: none;
}


#pipeline-table {
	margin				: 0 15px;
    width				: calc(100% - 30px);	
}




.pc0, .pc1, .pc2, .pc3, .pc4, .pc5, .pc6, .pc7, .pc8, .pc9, .pcw1 {
	width : 1% !important;
}
.pcw4 {
	width : 4% !important;
}
.pc3, .pcw89 {
	width : 92% !important;
}

.pc7 {
	min-width : 12rem;
}
.pc8 {
	min-width : 16rem;
}
 
 .rowClientName {
 	min-width		: 16rem !important;
 	x-overflow-wrap	: anywhere !important;  /* wrap even long words */
 	word-break 		: break-word; /* wrap even long words */
 }
.mobile .rowClientName {
 	min-width : 13rem !important;
 	min-width : 8rem !important;
 }
 .pc1 div {
 	min-width : 4rem !important;
 }
 .pc0 div {
 	min-width : 4rem !important;
 }
.pc0 >span {	/* docs */
	width 		: 4rem;
	max-width 	: 4rem;
	min-width 	: 4rem;
}
.pc1 >span {	/* id */
	width 		: 5rem;
	max-width 	: 5rem;
	min-width 	: 5rem;
}


 .inboxbadge {
 	width : 3.5rem;
 }

 .inboxbadge {
	xbackground-color	: #ffffff;
	xborder				: 1px solid #cccccc;
	border				: 1px solid #00000066;
	background-color	: #ffffff;
	color				: #00000066;	
}
 .inboxbadge.white {
	background-color	: #ffffff;
	xcolor				: #ffffff;	
}
 .inboxbadge.yellow {
	border				: 1px solid #d6b656;
	background-color	: #fff2cc;
	color				: #d6b656;	
}
 .inboxbadge.red {
	border				: 1px solid #b85450;
	background-color	: #f8cecc;
	color				: #b85450;	
}
 .inboxbadge.green {
	border				: 1px solid #6f9957;
	background-color	: #d5e8d4;
	color				: #6f9957;

}




#pipelinediv2_bot1 {
	margin-left		: 	15px;
}


.skin-green .pagination>.active>a, .skin-green .pagination>.active>a:focus, .skin-green .pagination>.active>a:hover, .skin-green .pagination>.active>span, .skin-green .pagination>.active>span:focus, .skin-green .pagination>.active>span:hover {
    z-index				: 3;
    color				: #ffffff;
    cursor				: default;
	font-size			: 1.2rem;
    background-color	: #00000066;
    border-color		: #00000066;
}



tr.bt.xdrophover td {
	background-color		: #00000011;
}
tr.bt.xdrophover .xpc0 {
    background-image		: url(/_ui/db2/images/drop_bg.png);
    background-repeat		: no-repeat;
    background-position		: center;
	background-size			: contain;
	color 					: #ffffff00 !important;
	background-color		: #224fbc;
}
tr.bt.xdrophover .xpc0 * {
	visibility 				: hidden;
}

#pipeline-table td.xpc5 {
	text-align				: right;
}
#pipeline-table td.xpc5 i {
	font-size				: 2rem;
	color 					: #00000088;
}

#pipeline-table tr.x-selected {
	background-color		: #00000011;
}

.badge.pipeline-type {
	position			: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
.badge.pipeline-type span{
	xposition: absolute;
 	xtop: 50%;
	xleft: 50%;
	xtransform: translate(-44%, -52.5%);	
}

.xpc0 .inbox-badge {
	position			: absolute;
    margin-top			: 5px;
    margin-left			: -5px;
    background-color	: #cc0000;
    text-align			: center;
    color				: #ffffff;
    border-radius		: 8px;
    min-width			: 14px;
    font-size			: 8px;
    line-height			: 14px;
    letter-spacing		: 0.1rem;
    padding				: 0 3px;
	padding-left		: 4px;
}

.swarm-followup-notes-p {
	margin-top 			: 12px !important;
}


/* file /ui/db2/css/inc/311_pipeline_table_mobile.css , last updated 1738857189189*/
/*
@media (max-width: 700px) {
	
	#pipeline-table {
		margin				: 0;
	    width				: 100%;
	}
	
	
	.mobile-hide {
		display			: none;
	}
	
	.xpcw1 {
		width			: 10% !important;
	}
	.xpcw4 {
		width			: 43% !important;
	}
	
	.xpc0 {
		width			: 10% !important;
		padding-left	: 0 !important;
		padding-left	: 15px !important;
	}
	.xpc0h {
		padding-left	: 0 !important;
		padding-left	: 15px !important;
	}
	.xpc1 {
		width			: 10% !important;
	}
	.xpc1 div {
		white-space	: normal;
	}
	.xpc4 {
		width			: 43% !important;
	}
	.xpc6 {
		width			: 10% !important;
	}
	.xpc5 {
		width			: 10% !important;
		padding-right	: 0 !important;
		padding-right	: 15px !important;
	}
	.xpc5h {
		padding-right	: 0 !important;
		padding-right	: 15px !important;
	}
	.box-body {
		padding 		: 0 !important;
	}
	.swal-modal {
	    min-width		: 300px;
	    max-width		: 100VW;
	}
	.popup_content {
    	line-height		: 1;
    	font-size		: 1.3rem;
	}
	.popup_content label img {
		width 			: 1.8rem;
		height 			: 1.8rem;
	}
	.popup_content .status_badge {
		border-radius	: 50%;
		width 			: 1.8rem;
		height 			: 1.8rem;
	    font-size		: 1.2rem;
    	line-height		: 1.8rem;	
	}
	.xpc6 .badge {
		border-radius	: 50%;
	    width			: 1.8rem;
    	height			: 1.8rem;		
	    font-size		: 1.1rem;
	}
}
*/

/* start mobile */
	.mobile #pipeline-table {
		margin				: 0;
	    width				: 100%;
	}
	
	
	.mobile .mobile-hide {
		display			: none;
	}
	
	.mobile-iphone-landscape .iphone-landscape-show {
		display			: table-cell;
	}
	
	.mobile .xpcw1 {
		width			: 10% !important;
	}
	.mobile .xpcw6 {
		width			: 10% !important;
	}
	.mobile .xpcw1s {
		width			: 5% !important;
	}
	.mobile .xpcw4 {		/* borrowers on mobile */
		width			: 36% !important;
	}
	.mobile-iphone-landscape .xpcw4 {	/* borrowers on mobile iphone landscape */
		width			: 20% !important;
		width			: 17% !important;
	}
	.mobile-iphone-landscape .x-ph-notes {	/* borrowers on mobile iphone landscape */
		width			: 23% !important;
	}
	.mobile-iphone-landscape .xpcw6 {	/* borrowers on mobile iphone landscape */
		width			: 13% !important;
	}
	
	
	
	.mobile .xpc0 {
		width			: 10% !important;
		padding-left	: 0 !important;
		padding-left	: 15px !important;
	}
	.mobile .xpc0h {
		padding-left	: 0 !important;
		padding-left	: 15px !important;
	}
	.mobile .xpc1 {
		width			: 10% !important;
	}
	.mobile .xpc1 div {
		white-space	: normal;
	}
	.mobile .xpc4 {
		width			: 36% !important;
	}
	.mobile-iphone-landscape .xpc4 {	/* borrowers on mobile iphone landscape */
		width			: 20% !important;
		width			: 17% !important;
	}
	.mobile-iphone-landscape .xpc3 {	/* borrowers on mobile iphone landscape */
		width			: 23% !important;
	}
	
	.mobile .xpc6 {
		width			: 10% !important;
	}
	.mobile-iphone-landscape .xpc6 {
		width			: 13% !important;
	}
	.mobile .xpc6s {
		width			: 5% !important;
	}
	.mobile .xpc5 {
		width			: 10% !important;
		padding-right	: 0 !important;
		padding-right	: 15px !important;
	}
	.mobile .xpc5h {
		padding-right	: 0 !important;
		padding-right	: 15px !important;
	}
	.mobile .box-body {
		padding 		: 0 !important;
	}
	.mobile .swal-modal {
	    min-width		: 300px;
	    max-width		: 100VW;
	}
	.mobile .popup_content {
    	line-height		: 1;
    	font-size		: 1.3rem;
	}
	.mobile .popup_content label img {
		width 			: 1.8rem;
		height 			: 1.8rem;
	}
	.mobile .popup_content .status_badge {
		border-radius	: 50%;
		width 			: 1.8rem;
		height 			: 1.8rem;
	    font-size		: 1.2rem;
    	line-height		: 1.8rem;	
	}
	.mobile .xpc6 .badge {
		border-radius	: 0;
    	height			: 1.8rem;		
	    font-size		: 1.1rem;
	}
/* end mobile */

.colmodel-quarter .half-hide,
.colmodel-third .half-hide,
.colmodel-half .half-hide {
	display			: none;
}
.colmodel-quarter .xpc5,
.colmodel-third .xpc5,
.colmodel-half .xpc5 ,
.colmodel-quarter .xpc5h,
.colmodel-third .xpc5h,
.colmodel-half .xpc5h {
    width			: 20px !important;
	max-width		: 20px !important;
}

.xpc6 .badge {
	height 			: 1.8rem;
    font-size		: 1.2rem;
	line-height		: 1.8rem;
	padding			: 0;
}

.xpc6 .badge {
	height 			: 1.8rem;
	line-height		: 1.8rem;
	padding			: 0;
	/* square and 3 chars */
	border-radius	: 0;
	width			: 8rem;
	width			: 9rem;
    font-size		: 0.9rem;
}
.mob-9 .xpc6 .badge,
.mob-10 .xpc6 .badge,
.mob-11 .xpc6 .badge {
	height 			: 1.6rem;
	line-height		: 1.6rem;
	padding			: 0;
	/* square and 3 chars */
	border-radius	: 0;
	width 			: 6.4rem;
    font-size		: 0.9rem;
}
.mobile-iphone-landscape .xpc6 .badge {
	width 			: 8.4rem;
}


.skin-green .pipeline-type.P {
	background-color	: #f5f5f5 !important;
	color				: #cccccc !important;
	border				: 1px solid #cccccc !important;
}
.skin-green .pipeline-type.R,
.skin-green .pipeline-type.L {
	background-color	: #d5e8d4 !important;
	color				: #82b366 !important;
	border				: 1px solid #82b366 !important;
}
.skin-green .pipeline-type.O {
	background-color	: #fff2cc !important;
	color				: #d6b656 !important;
	border				: 1px solid #d6b656 !important;
}
.skin-green .pipeline-type.D {
	background-color	: #f8cecc !important;
	color				: #b85450 !important;
	border				: 1px solid #b85450 !important;
}
.skin-green .pipeline-type.C {
	background-color	: #DAE8FC !important;
	color				: #6C8EBF !important;
	border				: 1px solid #6C8EBF !important;
}


.col-grey,
.skin-green .pipeline-type.col-grey {
	background-color	: #f5f5f5 !important;
	color				: #cccccc !important;
	border				: 1px solid #cccccc !important;
}
.col-grey1,
.skin-green .pipeline-type.col-grey1 {
	background-color	: #e5e5e5 !important;
	color				: #aaaaaa !important;
	border				: 1px solid #aaaaaa !important;
}
.col-grey2,
.skin-green .pipeline-type.col-grey2 {
	background-color	: #d5d5d5 !important;
	color				: #999999 !important;
	border				: 1px solid #999999 !important;
}
.col-grey3,
.skin-green .pipeline-type.col-grey3 {
	background-color	: #c5c5c5 !important;
	color				: #666666 !important;
	border				: 1px solid #666666 !important;
}
.col-green,
.skin-green .pipeline-type.col-green {
	background-color	: #d5e8d4 !important;
	color				: #82b366 !important;
	border				: 1px solid #82b366 !important;
}
.col-green1,
.skin-green .pipeline-type.col-green1 {
	background-color	: #c2d4c1 !important;
	color				: #6a9153 !important;
	border				: 1px solid #6a9153 !important;
}

.col-yellow,
.skin-green .pipeline-type.col-yellow {
	background-color	: #fff2cc !important;
	color				: #d6b656 !important;
	border				: 1px solid #d6b656 !important;
}
.col-yellow1,
.skin-green .pipeline-type.col-yellow1 {
	background-color	: #fff2cc !important;
	color				: #d6b656 !important;
	border				: 1px solid #d6b656 !important;
}


.col-red,
.skin-green .pipeline-type.col-red {
	background-color	: #f8cecc !important;
	color				: #b85450 !important;
	border				: 1px solid #b85450 !important;
}
.col-red1,
.skin-green .pipeline-type.col-red1 {
	background-color	: #e0bab9 !important;
	color				: #a64c48 !important;
	border				: 1px solid #a64c48 !important;
}

.col-purple,
.skin-green .pipeline-type.col-purple {
	background-color	: #e1d5e7 !important;
	color				: #9673a6 !important;
	border				: 1px solid #6C8EBF !important;
}

.col-blue,
.skin-green .pipeline-type.col-blue {
	background-color	: #DAE8FC !important;
	color				: #6C8EBF !important;
	border				: 1px solid #6C8EBF !important;
}
.col-blue1,
.skin-green .pipeline-type.col-blue1 {
	background-color	: #CDDAED !important;
	color				: #5F7DA8 !important;
	border				: 1px solid #5F7DA8 !important;
}

.col-blueL,
.skin-green .pipeline-type.col-blueL {
	background-color	: #DAE8FC !important;
	color				: #6C8EBF !important;
	border				: 1px solid #6C8EBF !important;
}
.col-greenAH,
.skin-green .pipeline-type.col-greenAH {
	background-color	: #DAE8FC !important;
	color				: #6C8EBF !important;
	border				: 1px solid #6C8EBF !important;
}
.col-orangeAC,
.skin-green .pipeline-type.col-orangeAC {
	background-color	: #f5f5f5 !important;
	color				: #666666 !important;
	border				: 1px solid #666666 !important;
}
.col-blue2,
.skin-green .pipeline-type.col-blue2 {
	background-color	: #6C8EBF !important;
	color				: #DAE8FC !important;
	border				: 1px solid #DAE8FC !important;
}

.col-orange,
.skin-green .pipeline-type.col-orange {
	background-color	: #f8ce22 !important;
	color				: #d6b611 !important;
	border				: 1px solid #d6b611 !important;
}
.col-orange1,
.skin-green .pipeline-type.col-orange1 {
	background-color	: #e8dcba !important;
	color				: #bda04c !important;
	border				: 1px solid #bda04c !important;
}
.col-orangeb,
.skin-green .pipeline-type.col-orangeb {
	background-color	: #d37d1d !important;
	color				: #ffffff !important;
	border				: 1px solid #cf4b06 !important;
}

.col-onlytext {
	background-color 	: unset !important;
	border 				: unset !important;
}

.badge.pipeline-type span {
	color 				: inherit;
	font-size			: inherit !important;
	lint-height			: inherit !important;
}


.mobile #pipelinediv2_bot1 {
	margin-bottom		: 25vh;
}

.mobile .xpc5h,
.mobile .action-string {
	width 				: 30px !important;
}
.mobile .action-string i {
	width 				: inherit !important;
	margin-right		: -7px;
}
.mobile .action-string span {
	width 				: inherit !important;
}
.mobile .xpc5h {
	text-align 			: right;
}



.countdown_days {
    position				: absolute;
    right					: -1px;
    font-size				: 1rem !important;
    padding					: 3px;
    bottom					: -1px;
    top						: -1px;
    display					: inline-flex;
    min-width 				: 2rem;
    justify-content			: center;
    align-items				: center;
}

.col-blue1 .countdown_days {
	color					: #CDDAED !important;
	background-color		: #5F7DA8 !important;
}

.col-blueL .countdown_days {
	color					: #DAE8FC !important;
	background-color		: #6C8EBF !important;
}
.col-greenAH .countdown_days {
	color					: #DAE8FC !important;
	background-color		: #6C8EBF !important;
}
.col-orangeAC .countdown_days {
	color					: #f5f5f5 !important;
	background-color		: #666666 !important;
}
.col-blue2 .countdown_days {
	color					: #6C8EBF !important;
	background-color		: #DAE8FC !important;
}
.col-yellow1 .countdown_days {
	color					: #fff2cc !important;
	background-color		: #d6b656 !important;
}
.col-purple .countdown_days {
	color					: #e1d5e7 !important;
	background-color		: #9673a6 !important;
}
.col-orange1 .countdown_days {
	color					: #e8dcba !important;
	background-color		: #bda04c !important;
}
.col-orangeb .countdown_days {
	color					: #ffffff !important;
	background-color		: #cf4b06 !important;
}
.col-red1 .countdown_days {
	color					: #e0bab9 !important;
	background-color		: #a64c48 !important;
}
.col-green1 .countdown_days {
	color					: #c2d4c1 !important;
	background-color		: #6a9153 !important;
}
.col-green .countdown_days {
	color					: #d5e8d4 !important;
	background-color		: #82b366 !important;
}
.col-grey .countdown_days {
	color					: #f5f5f5 !important;
	background-color		: #cccccc !important;
}
.col-grey1 .countdown_days {
	color					: #e5e5e5 !important;
	background-color		: #aaaaaa !important;
}
.col-grey2 .countdown_days {
	color					: #d5d5d5 !important;
	background-color		: #999999 !important;
}
.col-grey3 .countdown_days {
	color					: #c5c5c5 !important;
	background-color		: #666666 !important;
}


.pipeline-type .x-short {
	display 				: none;
	position				: absolute;
    left					: 4px;
}
.pipeline-type .x-long {
	display 				: unset;
	position				: absolute;
    left					: 4px;
}
/* milestone */
.mobile .xpc6 .pipeline-type .x-short,	
.mobile-iphone-portrait .pipeline-type .x-short {
	display 				: unset;
}
/* milestone */
.mobile .pipeline-type .x-long,
.mobile-iphone-portrait .pipeline-type .x-long {
	display 				: none;
}


 .cold-call {
	border-radius 		: 50% !important;
	border-width		: 0 !important;
	background-color	: #ffffff !important;
}

/* todo */
.x-pipeline-todo {
	xborder				: 1px solid #0000cc33;
	xbackground-color	: #0000cc22;
	xcolor 				: #0000cc;
	xpadding 			: 0px 8px;
	xborder-radius 		: 15px;
	xheight 				: 2.5rem;
}



/* file /ui/db2/css/inc/312_pipeline_flter.css , last updated 1683138258269*/
#topbar_pipeline_folders .dd-box {
	min-width	: 32rem;
	max-width	: 100vw;
}

/* file /ui/db2/css/inc/320_pipeline_table_dropdowns.css , last updated 1620055097583*/
#tpipeline #context-menu-pipeline>div {
	/*flex-flow: row wrap;*/
}
#tpipeline #context-menu-pipeline .xd-control {
	width				: 144px;
	height				: 144px;
    text-align			: center;
    justify-content		: center;	
}
#tpipeline #context-menu-pipeline .xd-control i {
	width				: 32px;
}
#tpipeline .dropdown-menu-el ,
#tpipeline .dropdown-menu {
	width 				: 32rem;
	margin-top			: 20px;
	box-shadow			: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
}

.dropdown-menu-el {
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1.2rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}



/* file /ui/db2/css/inc/322_pipeline_popup_type.css , last updated 1768828526996*/


.swal-modal.changestatuspopup .swal-content {
	margin				: 0;
	padding				: 0;	
}
.swal-modal.changestatuspopup .swal-content label {
	margin-right		: 10px;
}

.swal-modal.changestatuspopup .swal-title {
	margin				: 0;
	padding-left		: 0;	
	padding-right		: 0;
	text-align			: left;
	padding-left		: 81px;
	font-size 			: 1.4rem;
}

.swal-modal.changestatuspopup .swal-title i {
	margin-left			: 10px;
	font-size			: 2.2rem;
	line-height			: 3.7rem;
}

table.changestatuspopup {
	
}
table.changestatuspopup tr {
	background-color			: unset !important;
}
table.changestatuspopup td {
	background-color			: unset !important;
	padding-left: 0;
    padding-right: 0;	
}

.status_badge {
	width: 32px;
    text-align: center;
    display: inline-block;
    margin-right: 30%;
	color:white;
	margin-left: 25px;
	line-height: 22px;
    border-radius: 2px;
    font-size	: 10px;
}

table.changestatuspopup td .status_badge {
	margin-left			: 15px;
	width				: 20px;
	height				: 20px;
	line-height			: 18px;
	margin-right		: calc( 51px - 20px - 15px );

	margin-left			: calc( 15px + 10px );
	margin-right		: calc( 71px - 20px - 15px );
}




.status_P{
	background-color	: #f5f5f5 !important;
	color				: #cccccc !important;
	border				: 1px solid #cccccc !important;
}
.status_O{
	background-color	: #fff2cc !important;
	color				: #d6b656 !important;
	border				: 1px solid #d6b656 !important;
}
.status_L{
	background-color	: #d5e8d4 !important;
	color				: #82b366 !important;
	border				: 1px solid #82b366 !important;
}
.status_R{
	background-color	: #d5e8d4 !important;
	color				: #82b366 !important;
	border				: 1px solid #82b366 !important;
}
.status_C{
	background-color	: #DAE8FC !important;
	color				: #6C8EBF !important;
	border				: 1px solid #6C8EBF !important;
}

.status_D{
	background-color	: #f8cecc !important;
	color				: #b85450 !important;
	border				: 1px solid #b85450 !important;
}
.pipe-pills-head {
	
}
.pipe-pills-head b {
	margin				: 0 6px;
	font-weight			: 600;
}
.pipe-pills-foot {
	
}



/* file /ui/db2/css/inc/400_compose_popup.css , last updated 1744723684615*/
#messages-compose {
	xposition			: absolute;
	top 				: 12px;
	right				: 12px;
	background-color 	: #ffffff;
	width				: calc(35% - 12px);
	padding 			: 0;
	padding-left		: 15px;
	padding-right		: 15px;
	bottom				: 12px;
	overflow-y			: auto;
}



.noteContentHolder{
	padding				: 0;
	width				: 100%;
}

#messages-compose .checkmark {
	left				: 15px;
}

#messages-compose .radioHolderBasic {
	padding-left		: 55px;
}



/*#note-note, #lox-note, #newneed-need, #lox-filename {*/
#note-note, #lox-note, #newneed-need {
	min-height: 80px;
	width : 100%;
	resize: none;	
	font-size: 1.2rem;
	border-radius: 3px;
	padding-left:10px;
}
#newneed-need, #lox-filename {
	margin-left : 0;
	padding : 0.8rem;
}
#lox-note {
	background-color : inherit;
}

#lox-note {
    min-height:40px;
}


.addQuestionButton,
.skin-green .addQuestionButton{
    color: #00000088 !important;
    background-color : unset !important;
}


/* file /ui/db2/css/inc/401_loi_tags.css , last updated 1770591196326*/
.tags-line {
	xdisplay 		: block;
}
.tags-line .tag {
	margin-right	: 20px;
	background-color	: #efefef;
	padding			: 2px 10px;
}

/* file /ui/db2/css/inc/410_bootstrap_datepicker.css , last updated 1620055097583*/
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
	background-color		: #eeeeee !important;
}

.btn-settimer {
	background-color		: #666666;
	color					: #ffffff;
	height					: calc( 20px + 4px + 4px );
	padding					: 4px 15px;
	line-height				: 20px;
	margin-right			: 15px;
	
}


.bootstrap-datetimepicker-widget .timepicker-picker table {
	max-width				: 100px !important;
}

/* file /ui/db2/css/inc/420_compose_panel_pipeline_notes.css , last updated 1620055097583*/
.fake-large-ta {
	background-color	: #f7f7f7;
	font-size			: 1.2rem;
	color 				: #00000088;
	border				: 1px solid #efefef;
	margin-left			: 15px;
	padding				: 15px;
	margin-right		: 15px;
}	
.fake-large-ta div,
.fake-large-ta textarea {
	background-color 	: #f7f7f7;
	font-size			: 1.2rem;
	color 				: #00000088;
	border				: none;
	padding 			: 0;
	margin 				: 0;
}	
.fake-large-ta .pre {
	background-color 	: #f7f7f7;
	font-size			: 1.2rem;
	color 				: #00000088;
	border				: none;
    white-space			: pre-line;
   	padding 			: 0;
	margin 				: 0;
}
.fake-large-ta .pre p {
	margin-bottom		: 6px;
}

.fake-large-head {
	margin-left : 15px;	
}
.mobile .fake-large-head {
	margin-left : 0;	
}

div.fake-large-ta {
	margin-left 		: 15px;
	margin-right		: 15px;
	xwidth 				: 100%;
}
#update_enc_notes_from_missioncontrol_form .mobile div.fake-large-ta {
	margin-left 		: 0;
	margin-right		: 0;
	xwidth 				: 100%;
}



/* file /ui/db2/css/inc/500_google_drive_picker.css , last updated 1620055097584*/
.picker-dialog-bg {
    z-index: 20000 !important;
}

.picker-dialog {
    z-index: 20001 !important;
}



/* file /ui/db2/css/inc/600_compose.css , last updated 1622794221568*/
.md-overlay-f > .title {
	height				: 40px;
	padding-top			: 0;
	padding-bottom		: 0;
}

.mobile #messages-compose-bot {
	xposition			: fixed;
}



#lox-questionset-div .q.editable {
	min-height			: 32px;
}

/* file /ui/db2/css/inc/610_app_popup_win.css , last updated 1741823635792*/
.ball {
	width			: 2rem;
	height			: 2rem;
	border			: 1px solid #cccccc;
	border-radius	: 50%;
	margin-right	: 25px;
}


.green .ball {
	border				: 1px solid #6f9957;
	background-color	: #d5e8d4;
	color				: #6f9957;
}

/* yellow */
	
.yellow .ball {
	border				: 1px solid #d6b656;
	background-color	: #fff2cc;
	color				: #d6b656;
}

/* red */
	
.red .ball {
	border				: 1px solid #b85450;
	background-color	: #f8cecc;
	color				: #b85450;
}
.metric-line {
	min-height				: 3.7rem;
}



			.chat-list .block {
	display: inline-block;	
	background-color :transparent;
	height:auto;
	width:100%;
}

.chat-list .msg{
			margin:0;
			word-wrap: break-word;
			white-space: pre-wrap;
			color:#00000088;
}
.chat-list .username{
   margin:0;
   margin-top:5px;
  display:block; 
  text-align:left;
  font-size:12px;
  font-size:1.2rem;
  font-weight:600;
  color:#efefef;
}

.chat-list .agentname{
	margin				: 0;
	padding-right		: 5px; 
	font-size			: 12px;
	font-size			:1.2rem;
	font-weight			: 600;
	text-align			: right;
	text-align			: left;
  	color				: #00000099;
  	text-transform		: capitalize;
}

.chat-list .tr{

  display:block; 
 justify-content:right;
  text-align:right;
  font-size:12px;
  font-size:1.2rem;
  margin-top:12px;
  margin-bottom:12px;
   line-height:2px;
}

.chat-list .tl{
	line-height:2px;
	color:	#BEBEBE;
	font-size:12px;
  font-size:1.2rem;
  margin-top:12px;
  margin-bottom:12px;
	text-align:left;
}


.chat-list .talk-bubble.l{
	margin-left: 20px;
    margin-bottom:5px;
    margin-top:5px;
	padding:10px; 
	padding-bottom:5px;  
    color:green;
 	display: inline-block;
  	position: relative;
    width: auto;
    float:left;
    max-width:300px;
	min-width : 50%;
    height: auto;
	border-radius:10px;
	font-size:15px;
  font-size:1.2rem;
    background-color:#efefef;
    background-color:#00cc00cc;
}
.chat-list .talk-bubble.l .username{
	color : #000000cc;
	color : #ffffff;
}
.chat-list .talk-bubble.l .msg{
	color : #ffffff;
}
.chat-list .talk-bubble.l .tl{
	color : #00000099;
	color : #ffffff;
}

.chat-list .talk-bubble.r {
	margin-right: 40px;
	margin-bottom:5px;
	margin-top:5px; 
	padding:10px;
	padding-bottom:5px;
	color:#888888;
  display: inline-block;
  position: relative;
	width: auto;
	float:right;
	height:auto;
	max-width:300px;
	min-width : 50%;
	height: auto;
	font-size:15px;
  font-size:1.2rem;
	border-radius:10px;
	background-color: #efefef;   
}

.chat-list .talk-bubble.r {
	margin-right	: 21px;
}
.chat-list .talk-bubble.l {
	margin-left		: 20px;
}
.chat-list .block.r {
	background:#f8cecc;
        line-height: 26px;
	box-shadow:0px 2px 2px rgba(0,0,0,0.1);
	float:right;
	color:#fff;
	width:300px;
	margin-right:20px;
	margin-top:10px;
	padding-right:10px;
}
.chat-list .block.l {
	float:left;
	line-height:26px;
	width:300px;
	box-shadow:0px 2px 2px rgba(0,0,0,.1); 
	color:rgba(50, 101, 47, 0.5);
	background :#EEECED;
}

.chat-list span.display_day {
	background-color 	: #ececec;
	font-size			: 12px;
	font-size			:1.2rem;
	color 				: #00000088;
	padding 			: 0.5rem;
	font-weight			: 600;
}

.chat-list div.display_day {
	text-align 			: center;	
	margin-bottom 		: 2rem;
	margin-top 			: 2rem;
	
}
.chanel-but i, .manual-but i {
	border 				: 1px solid #ffffff;
	border 				: 1px solid #cccccc66;
	border-radius		: 50%;
	xmargin 				: 0;
	xpadding 			: 0;
	xfont-size			: 14px;
	xmargin-left			: 10px;
	margin-right 		: 2px;
	display				: flex;
	width				: 38px;
    height				: 38px;
    display				: flex;
    align-items			: center;
    justify-content		: center;	

}
.chanel-but.selected i {
	background-color 	: #cccccc66;
	border 				: 1px solid #cccccc66;
}
.manual-but.selected i {
	background-color 	: #cccccc66;
	color 				: #cc0000;
	border 				: 1px solid #cccccc66;
	display 			: flex;
}
.manual-but i.selected {
	xdisplay 			: none;
}
.manual-but.selected i.selected {
	xdisplay 			: flex;
}
.manual-but.selected i.unselected {
	xdisplay 			: none;
}
/* so that the hide button floats right */
.talk-bubble .agentname, 
.talk-bubble .username {
	display 			: flex;
}
/* hide button on hover */
.talk-bubble .hidecomlog {
	display  			: none;
}
.talk-bubble:hover .hidecomlog {
	display  			: flex;
	margin-left 		: auto;
	font-size 			: 15px;
	font-size				:1.2rem;
}
.talk-bubble .x-hidecomlog {
	display  			: flex;
	margin-left 		: auto;
	font-size 			: 15px;
	font-size				:1.2rem;
}
.talk-bubble:hover .x-hidecomlog {
	display  			: flex;
	margin-left 		: auto;
	font-size 			: 15px;
	font-size				:1.2rem;
}

/* file /ui/db2/css/inc/620_lox_panel.css , last updated 1620055097584*/
#lox-question-note-div {
	padding-bottom 		: 100px;	
}

/* file /ui/db2/css/inc/630_iphone_draggable.css , last updated 1620055097584*/
.marvel-device > div {
	xdisplay : none !important;
}
.marvel-device > div.screen {
	xdisplay : block important;
}


/* file /ui/db2/css/inc/640_new_application_popup.css , last updated 1684567044242*/
.mobile .x-new-applicant-table select, 
.mobile .x-new-applicant-table input, 
.mobile .x-new-applicant-table .button-small {
	width 	: 170px;
}
.mobile .x-new-applicant-table input {
	line-height 	: 1;
}

.x-new-applicant-table {
	width 		: 90% !important;
	width 		: 100% !important;
}
.mobile .x-new-applicant-table {
	width 		: 90vw !important;
}

#newapplicationdiv {
	overflow-x	: hidden;
	overflow-y	: auto;
	height		: calc( 100% - 40px );
}

.x-new-applicant-table select, .x-new-applicant-table input, .x-new-applicant-table .button-small {
	width : 200px;
	height:28px;
	color:#7e7e7e;
}
.x-new-applicant-table select, .x-new-applicant-table input {
	background-color :  #dedede;
	height:28px;
	font-size: 14px;
	
}

.x-new-applicant-table input {
	background-color :  #fff !important;
    background-color: #f7f7f7 !important;	
}

.x-new-applicant-table input {
	border: 1px solid #dedede;
	
}

.x-new-applicant-table .c0 {
	width : 170px;	
}
.x-new-applicant-table .c1 {
	width : 230px;	
}

.x-new-applicant-table td{
	line-height:32px;
	line-height 	: 1;
}
.x-new-applicant-table td.smallPrompt {
	margin-top		: 8px;
}

.relator_data_table {
	font-size		: 1.2rem !important;
	color 			: #000000CC !important;
}

#newapplicationdiv
{
	font-size		: 1.2rem !important;
	color 			: #000000CC !important;
}

.skin-green #newapplicationdiv
{
	color 			: #000000CC !important;
}

.add-realtor-button {
	line-height: 20px;
	font-size:12px!important;
	color:#FFF!important;
    background-color: #2e89c5;
	border: 1px solid #0189c5;
}

.skin-green .add-realtor-button {
    background-color: #c08f2f;
	border: 1px solid #325d31;
}

#newapplicationdiv.splash {
	font-size		: 14px !important;
	color 			: #000000CC !important;
	padding 		: 16px;
}	
#newapplicationdiv.splash * {
	font-size		: 14px !important;
}
#newapplicationdiv .x-new-applicant-table.dutable td{
    padding-left	: 15px;
    padding-right	: 15px;
    padding-top		: 3px;
    padding-bottom	: 3px;
    width			: 100%;
	font-size		: 1.2rem !important;
	font-size		: 14px !important;
	color 			: #000000CC !important;

}
#newapplicationdiv .x-new-applicant-table.dutable td.right{
	text-align		: left;
}
#newapplicationdiv .x-new-applicant-table.dutable td select,
#newapplicationdiv .x-new-applicant-table.dutable td input{
	width 			: 100%;
}
#newapplicationdiv{
	font-weight:400;
}


#newapplicationdiv tr {
	display			: flex;
}

.skin-green .add-realtor-button:hover,
.skin-green .add-realtor-button {
	color 				: #ffffff !important;
	background-color	: #00000066 !important;
}
.md-radio-check {
    margin: 6px 0;
    line-height: 22px !important;
    height: 22px !important;
}
.md-radio-check input[type="radio"] {
    display: none;
}

.md-radio input[type="radio"] {
  display: none;
}
.md-radio-check input[type="radio"]:checked + label:before {
  xborder-color: #0465b6;
  animation: ripple 0.2s linear forwards;
}
.md-radio input[type="radio"]:checked + label:after {
  transform: scale(1);
}
.md-radio-check label {
  display: inline-block;
  min-height: 20px;
  position: relative;
  padding: 0 20px;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  padding-left		: 35px;
}
.md-radio-check label:before, .md-radio-check label:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color;
}
.md-radio-check label:before {
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border: 2px solid rgba(200, 200, 200, 0.54);
}
.md-radio-check label:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: scale(0);
}

.md-radio-check label:before {
	border: 1px solid #c6c7cf;
	border: 1px solid #bbbbbb;
    border-radius: 3px;
    background: #eed057;
    background: #cccccc;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}
.md-radio-check label:after {
	border: 1px solid #c6c7cf;
}
.md-radio-check input[type="radio"]:checked + label:after {
	  content: '';
	  position: absolute;
	  left: 5px;
	  top: 9px;
	  background: white;
	  width: 2px;
	  height: 2px;
	  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
	          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
	  -webkit-transform: rotate(45deg);
	          transform: rotate(45deg);
    
    
}

    

/* file /ui/db2/css/inc/700_some_app_styles.css , last updated 1666014749074*/
/* ELAINE */
.elaine b {
    margin-top: -10px;
    padding: 4px;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
}


.appstyle .smallPrompt{
	margin-bottom	:0px;
	font-size		: 16px !important;
	font-family		: 'Open Sans', sans-serif;
}

/* from the app */
.redWarningBox{
	background-color	: #cb353811;
	border				: 1px solid #cb3538;
	margin-top			: 20px;
	font-size			: 11px;
	color				: white;
	border-radius		: 4px;
	min-height			: 80px;
	padding-left		: 80px;
	padding				: 10px 10px 10px 10px;
}

.redWarningBox table.table th,
.redWarningBox table.table th td {
	background-color 	: #cb3538;
}

.redWarningBox table.table tr td {
	color 				: #000000;
}


		

/* file /ui/db2/css/inc/901_iphone_specific.css , last updated 1620055097584*/
.mobile-iphone .mx100vh {
    padding-bottom: 10px;
}

/* file /ui/db2/css/inc/999_printing.css , last updated 1620055097584*/
@media print {
	#docwin-conditions-table {
		position : fixed;
		height 		: auto;
	}	
}