@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
@import "https://fonts.googleapis.com/css?family=Roboto Mono:300,400,500,600,700";
@import "https://fonts.googleapis.com/css?family=Roboto Condensed:300,400,500,600,700";
@import "https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@300&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bad+Script&display=swap";

/* ---------------------------------------------------
	GENERAL
----------------------------------------------------- */
html {
	font-size: 14px;
}

body {
	font-family: 'Poppins', sans-serif;
    background: #fff;
}

.mono {
	font-family: 'Azeret Mono', sans-serif;
}

.signature {
	font-family: 'Bad Script', cursive;
}

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

h2, .h2 {
	font-size: 1.3rem;
}

h3, .h3 {
	font-size: 1.2rem;
}

h4, .h4 {
	font-size: 1.1rem;
}

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

h6, .h6 {
	font-size: 0.9rem;
}

.w10, .w15, 
.w20, .w25, 
.w30, .w35,
.w40, .w45,
.w50, .w55,
.w60, .w65,
.w70, .w75,
.w80, .w85,
.w90, .w95 {
	display: inline-block;
}

.w1  {max-width:1rem;}
.w2  {max-width:2rem;}
.w3  {max-width:3rem;}
.w4  {max-width:4rem;}
.w5  {max-width:5rem;}
.w6  {max-width:6rem;}
.w7  {max-width:7rem;}
.w8  {max-width:8rem;}
.w9  {max-width:9rem;}

.w10 {max-width:10rem;}
.w20 {max-width:20rem;}
.w30 {max-width:30rem;}
.w40 {max-width:40rem;}
.w50 {max-width:50rem;}
.w60 {max-width:60rem;}
.w70 {max-width:70rem;}
.w80 {max-width:80rem;}
.w90 {max-width:90rem;}

.w15 {max-width:15rem;}
.w25 {max-width:25rem;}
.w35 {max-width:35rem;}
.w45 {max-width:45rem;}
.w55 {max-width:55rem;}
.w65 {max-width:65rem;}
.w75 {max-width:75rem;}
.w85 {max-width:85rem;}
.w95 {max-width:95rem;}

/* Fixed Width */
.fw1   {width: 1em;   min-width: 1em;   max-width: 1em;}
.fw2   {width: 2em;   min-width: 2em;   max-width: 2em;}
.fw3   {width: 3em;   min-width: 3em;   max-width: 3em;}
.fw4   {width: 4em;   min-width: 4em;   max-width: 4em;}
.fw5   {width: 5em;   min-width: 5em;   max-width: 5em;}
.fw6   {width: 6em;   min-width: 6em;   max-width: 6em;}
.fw7   {width: 7em;   min-width: 7em;   max-width: 7em;}
.fw8   {width: 8em;   min-width: 8em;   max-width: 8em;}
.fw9   {width: 9em;   min-width: 9em;   max-width: 9em;}
.fw10  {width: 10em;  min-width: 10em;  max-width: 10em;}
.fw11  {width: 11em;  min-width: 11em;  max-width: 11em;}
.fw12  {width: 12em;  min-width: 12em;  max-width: 12em;}
.fw13  {width: 13em;  min-width: 13em;  max-width: 13em;}
.fw14  {width: 14em;  min-width: 14em;  max-width: 14em;}
.fw15  {width: 15em;  min-width: 15em;  max-width: 15em;}
.fw16  {width: 16em;  min-width: 16em;  max-width: 16em;}
.fw17  {width: 17em;  min-width: 17em;  max-width: 17em;}
.fw18  {width: 18em;  min-width: 18em;  max-width: 18em;}
.fw19  {width: 19em;  min-width: 19em;  max-width: 19em;}
.fw20  {width: 20em;  min-width: 20em;  max-width: 20em;}
.fw21  {width: 21em;  min-width: 21em;  max-width: 21em;}
.fw22  {width: 22em;  min-width: 22em;  max-width: 22em;}
.fw23  {width: 23em;  min-width: 23em;  max-width: 23em;}
.fw24  {width: 24em;  min-width: 24em;  max-width: 24em;}
.fw25  {width: 25em;  min-width: 25em;  max-width: 25em;}
.fw26  {width: 26em;  min-width: 26em;  max-width: 26em;}
.fw27  {width: 27em;  min-width: 27em;  max-width: 27em;}
.fw28  {width: 28em;  min-width: 28em;  max-width: 28em;}
.fw29  {width: 29em;  min-width: 29em;  max-width: 29em;}
.fw30  {width: 30em;  min-width: 30em;  max-width: 30em;}
.fw35  {width: 35em;  min-width: 35em;  max-width: 35em;}
.fw40  {width: 40em;  min-width: 40em;  max-width: 40em;}
.fw45  {width: 45em;  min-width: 45em;  max-width: 45em;}
.fw50  {width: 50em;  min-width: 50em;  max-width: 50em;}
.fw55  {width: 55em;  min-width: 55em;  max-width: 55em;}
.fw60  {width: 60em;  min-width: 60em;  max-width: 60em;}
.fw65  {width: 65em;  min-width: 65em;  max-width: 65em;}
.fw70  {width: 70em;  min-width: 70em;  max-width: 70em;}
.fw75  {width: 75em;  min-width: 75em;  max-width: 75em;}
.fw80  {width: 80em;  min-width: 80em;  max-width: 80em;}
.fw85  {width: 85em;  min-width: 85em;  max-width: 85em;}
.fw90  {width: 90em;  min-width: 90em;  max-width: 90em;}
.fw95  {width: 95em;  min-width: 95em;  max-width: 95em;}
.fw100 {width: 100em; min-width: 100em; max-width: 100em;}

.fw1_5 {width: 1.5em; min-width: 1.5em; max-width: 1.5em;}

/* Fixed Width (Right-Align) */
.fwr1   {width: 1rem;   min-width: 1rem;   max-width: 1rem;   margin-left: -1rem;}
.fwr2   {width: 2rem;   min-width: 2rem;   max-width: 2rem;   margin-left: -2rem;}
.fwr3   {width: 3rem;   min-width: 3rem;   max-width: 3rem;   margin-left: -3rem;}
.fwr4   {width: 4rem;   min-width: 4rem;   max-width: 4rem;   margin-left: -4rem;}
.fwr5   {width: 5rem;   min-width: 5rem;   max-width: 5rem;   margin-left: -5rem;}
.fwr6   {width: 6rem;   min-width: 6rem;   max-width: 6rem;   margin-left: -6rem;}
.fwr7   {width: 7rem;   min-width: 7rem;   max-width: 7rem;   margin-left: -7rem;}
.fwr8   {width: 8rem;   min-width: 8rem;   max-width: 8rem;   margin-left: -8rem;}
.fwr9   {width: 9rem;   min-width: 9rem;   max-width: 9rem;   margin-left: -9rem;}
.fwr10  {width: 10rem;  min-width: 10rem;  max-width: 10rem;  margin-left: -10rem;}
.fwr11  {width: 11rem;  min-width: 11rem;  max-width: 11rem;  margin-left: -11rem;}
.fwr12  {width: 12rem;  min-width: 12rem;  max-width: 12rem;  margin-left: -12rem;}
.fwr13  {width: 13rem;  min-width: 13rem;  max-width: 13rem;  margin-left: -13rem;}
.fwr14  {width: 14rem;  min-width: 14rem;  max-width: 14rem;  margin-left: -14rem;}
.fwr15  {width: 15rem;  min-width: 15rem;  max-width: 15rem;  margin-left: -15rem;}
.fwr16  {width: 16rem;  min-width: 16rem;  max-width: 16rem;  margin-left: -16rem;}
.fwr17  {width: 17rem;  min-width: 17rem;  max-width: 17rem;  margin-left: -17rem;}
.fwr18  {width: 18rem;  min-width: 18rem;  max-width: 18rem;  margin-left: -18rem;}
.fwr19  {width: 19rem;  min-width: 19rem;  max-width: 19rem;  margin-left: -19rem;}
.fwr20  {width: 20rem;  min-width: 20rem;  max-width: 20rem;  margin-left: -20rem;}
.fwr21  {width: 21rem;  min-width: 21rem;  max-width: 21rem;  margin-left: -21rem;}
.fwr22  {width: 22rem;  min-width: 22rem;  max-width: 22rem;  margin-left: -22rem;}
.fwr23  {width: 23rem;  min-width: 23rem;  max-width: 23rem;  margin-left: -23rem;}
.fwr24  {width: 24rem;  min-width: 24rem;  max-width: 24rem;  margin-left: -24rem;}
.fwr25  {width: 25rem;  min-width: 25rem;  max-width: 25rem;  margin-left: -25rem;}
.fwr26  {width: 26rem;  min-width: 26rem;  max-width: 26rem;  margin-left: -26rem;}
.fwr27  {width: 27rem;  min-width: 27rem;  max-width: 27rem;  margin-left: -27rem;}
.fwr28  {width: 28rem;  min-width: 28rem;  max-width: 28rem;  margin-left: -28rem;}
.fwr29  {width: 29rem;  min-width: 29rem;  max-width: 29rem;  margin-left: -29rem;}
.fwr30  {width: 30rem;  min-width: 30rem;  max-width: 30rem;  margin-left: -30rem;}
.fwr35  {width: 35rem;  min-width: 35rem;  max-width: 35rem;  margin-left: -35rem;}
.fwr40  {width: 40rem;  min-width: 40rem;  max-width: 40rem;  margin-left: -40rem;}
.fwr45  {width: 45rem;  min-width: 45rem;  max-width: 45rem;  margin-left: -45rem;}
.fwr50  {width: 50rem;  min-width: 50rem;  max-width: 50rem;  margin-left: -50rem;}
.fwr55  {width: 55rem;  min-width: 55rem;  max-width: 55rem;  margin-left: -55rem;}
.fwr60  {width: 60rem;  min-width: 60rem;  max-width: 60rem;  margin-left: -60rem;}
.fwr65  {width: 65rem;  min-width: 65rem;  max-width: 65rem;  margin-left: -65rem;}
.fwr70  {width: 70rem;  min-width: 70rem;  max-width: 70rem;  margin-left: -70rem;}
.fwr75  {width: 75rem;  min-width: 75rem;  max-width: 75rem;  margin-left: -75rem;}
.fwr80  {width: 80rem;  min-width: 80rem;  max-width: 80rem;  margin-left: -80rem;}
.fwr85  {width: 85rem;  min-width: 85rem;  max-width: 85rem;  margin-left: -85rem;}
.fwr90  {width: 90rem;  min-width: 90rem;  max-width: 90rem;  margin-left: -90rem;}
.fwr95  {width: 95rem;  min-width: 95rem;  max-width: 95rem;  margin-left: -95rem;}
.fwr100 {width: 100rem; min-width: 100rem; max-width: 100rem; margin-left: -100rem;}

/* Column Width */
.cw1  {width: 1rem;}
.cw2  {width: 2rem;}
.cw3  {width: 3rem;}
.cw4  {width: 4rem;}
.cw5  {width: 5rem;}
.cw6  {width: 6rem;}
.cw7  {width: 7rem;}
.cw8  {width: 8rem;}
.cw9  {width: 9rem;}
.cw10 {width: 10rem;}
.cw11 {width: 11rem;}
.cw12 {width: 12rem;}
.cw13 {width: 13rem;}
.cw14 {width: 14rem;}
.cw15 {width: 15rem;}
.cw16 {width: 16rem;}
.cw17 {width: 17rem;}
.cw18 {width: 18rem;}
.cw19 {width: 19rem;}
.cw20 {width: 20rem;}
.cw21 {width: 21rem;}
.cw22 {width: 22rem;}
.cw23 {width: 23rem;}
.cw24 {width: 24rem;}
.cw25 {width: 25rem;}

.font10 {
	font-size: 10%;
}

.font20 {
	font-size: 20%;
}

.font30 {
	font-size: 30%;
}

.font40 {
	font-size: 40%;
}

.font50 {
	font-size: 50%;
}

.font60 {
	font-size: 60%;
}

.font70 {
	font-size: 70%;
}

.font80 {
	font-size: 80%;
}

.font90 {
	font-size: 90%;
}

.font100 {
	font-size: 100%;
}

.font110 {
	font-size: 110%;
}

.font120 {
	font-size: 120%;
}

.font130 {
	font-size: 130%;
}

.font140 {
	font-size: 140%;
}

.font150 {
	font-size: 150%;
}

.font160 {
	font-size: 160%;
}

.font170 {
	font-size: 170%;
}

.font180 {
	font-size: 180%;
}

.font190 {
	font-size: 190%;
}

.font200 {
	font-size: 200%;
}

.font300 {
	font-size: 300%;
}

.font400 {
	font-size: 400%;
}

.font60i {
	font-size: 60% !important;
}

.font70i {
	font-size: 70% !important;
}

.font80i {
	font-size: 80% !important;
}

.font90i {
	font-size: 90% !important;
}

.font100i {
	font-size: 100% !important;
}

.font110i {
	font-size: 110% !important;
}

.font120i {
	font-size: 120% !important;
}

.font130i {
	font-size: 130% !important;
}

.font140i {
	font-size: 140% !important;
}

.font150i {
	font-size: 150% !important;
}

.font160i {
	font-size: 160% !important;
}

.font170i {
	font-size: 170% !important;
}

.font180i {
	font-size: 180% !important;
}

.font190i {
	font-size: 190% !important;
}

.font200i {
	font-size: 200% !important;
}

.dotted {
	text-decoration-style: dotted;
}

.line-through {
	text-decoration: line-through;
}

.stand-out {
	font-weight: normal;
	margin-left: .5rem;
	margin-right: .5rem;
	text-decoration: underline;
	text-decoration-style: dotted;
}

b, strong {
	font-weight: bold !important;
}

.no-border {
	border: none !important;
}

.list-group-item .list-group-item {
	border: none !important;
}

.padding-if-sm {
	padding-left: 0rem;
	padding-right: 0rem;
}

.ps-action-btn {
	font-size: 70%;
	margin: 0 0 0 .25rem !important;
	padding-top: .25rem !important;
	padding-bottom: .25rem !important;
}

.ps-small-img-btn {
	font-size: 85%;
	padding-top: .25rem !important;
	padding-bottom: .25rem !important;
}

.ps-xs-width-100 {
	display: inline;
}

.ps-field-label {
	display: inline-block;
	width: auto;
}

.p, p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    line-height: 1.7em;
    margin-bottom: .25rem;
}

a, a:hover, a:focus {
    color: inherit;
    transition: all 0.1s;
}

.btn.disabled, .btn:disabled {
	opacity: .35;
}

.nav-pills .nav-link {
	padding: 0.15rem 0.75rem;
}

.navbar {
    padding: 0;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-radius: 0;
    margin-bottom: .5rem;
}

.modal-open .navbar {
	margin-right: 0 !important;
}

#userMenuButton:focus {
  outline: none;
  box-shadow: none;
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: 0 0 5px #ccc;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.form-group .ps-label {
	font-size: 80%;
	color: #555;
	font-weight: bold;
	margin-bottom: .2rem;
	background-color: inherit;
}

.ps-label, .ps-gap {
	display: inline-block;
	flex: 0 0 1rem;
	padding: 0px 0 2px 0.5rem;
	font-weight: lighter;
}

.ps-data-row .ps-label {
	font-weight: bold;
}

.modal-body .ps-gap {
	background-color: unset !important;
}

.ps-section-header .btn, .hdrBtn {
	font-size: 80%;
	margin: 0 0 .25rem .25rem;
	padding: 0 .5rem;
}

.ps-pagination-bar .btn, .ps-pagination-bar select, .ps-sort-bar select {
	font-size: 100%;
	padding: 0 .75rem;
}

.modal-body .ps-label, .modal-body .ps-gap, .modal-body .ps-data  {
	padding-left: 0;
}

.ps-label, .ps-checkbox-label {
	font-size: 70%;
	font-weight: bold;
	font-weight: lighter;
} 

.ps-data {
	width:100%;
	font-size: 100%;
	padding: 0 0 .25rem 0;
}

.ps-data span {
	vertical-align: top;
}

.ps-tools-row .btn, .btn-compact {
	margin: 0;
	padding: 0.2rem 0.5rem;
	font-size: 90%;
}

.btn-extra-compact {
	padding: 0 0.5rem !important;
	font-size: 90%;
}

.ps-tools-row .btn img, .btn-compact img, .btn-extra-compact img {
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
}

.border-1 {
	border-width: 2px !important;
}

.border-2 {
	border-width: 4px !important;
}

.border-3 {
	border-width: 8px !important;
}

.ps-input-simple {
	border-width: 1px !important;
	height: auto;
	padding: .1rem .75rem;
}

.ps-toggle-btn {
	min-width: 2rem;
	max-width: 2rem;
}

.faded {
	opacity: .5;
}

.toggle {
	margin-bottom: 0 !important;
}

span.toggle-handle {
	width: 2rem !important;
	font-size: 1.3rem;
	padding: 0;
	color: #888;
}

span.toggle-handle::before {
	content: "< ";
}

span.toggle-handle::after {
	content: " >";
}

.fastToggle .toggle-group {
	transition: left 0.1s;
	-webkit-transition: left 0.1s; 
}

.page-anchor {
	position: relative;
	top: -150px;
}

.contained-text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.force-long-text-break {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.no-wrap {
	white-space: nowrap;
}

.glyph-bullet {
	width: 2rem;
	min-width: 2rem;
	max-width: 2rem;
	text-align: center;
}

.list-group.filterable {
	border-top: 1px solid #dee2e6 !important;
}

.list-group.filterable .list-group-item:first-child {
	border-top: none !important;
}

input[type=checkbox] {
	appearance: checkbox !important;
	-webkit-appearance: checkbox !important;
}

/* ---------------------------------------------------
    Document Approval Poll Status Bar
----------------------------------------------------- */
.docPollStat {
	/* border */
	border: 1px solid #dee2e6;

	/* mr-3 */
	margin-right: 1rem;
	
	/* font80 */
	font-size: 80%;
	
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
}

.docPollStat .cont {
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;

	/* flex-wrap */
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	
	/* align-items-center */
	-ms-flex-align: center !important;
	align-items: center !important;

	/* bg-light */
	background-color: #f8f9fa;
	
	/* px-2 */
	padding-left: .5rem;
	padding-right: .5rem;
}

.docPollStat .progress {
	/* fw6 */
	width: 6rem;
	min-width: 6rem;
	max-width: 6rem;

	/* mr-2 */
	margin-right: .5rem;

	/* my-2 */
	margin-top: .5rem;
	margin-bottom: .5rem;
}
	
.progress-bar {
	/* Font */
	font-size: 1.2em;
	font-weight: bold;	
}

.docPollStat .glyphs {
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
	
	/* align-items-center */
	-ms-flex-align: center !important;
	align-items: center !important;
}

.docPollStat .glyphs .fas {
	font-size: 1.2rem;

	/* mr-2 */
	margin-right: .5rem;
}

.docPollStat .sep {
	/* mx-2 */
	margin-left: .5rem;
	margin-right: .5rem;
	
	/* border-left */
	border-left: 1px solid #dee2e6;
	
	/* h-100 */
	height: 100%  !important;
}

/* ---------------------------------------------------
    INFO
----------------------------------------------------- */
.notes b {
	font-weight: 600;
}

.role {
	font-size: 90%;
	font-style: italic;
}

/* ---------------------------------------------------
    ERRRO POPOVER
----------------------------------------------------- */
.ps-error-popover {
	z-index: 1001;
	max-width: 15rem;
}

/* ---------------------------------------------------
    DRAG & DROP
----------------------------------------------------- */
.dz-drag-hover #span_drop {
	color: #888 !important;
	border: 1px solid #888 !important;
	background-color: #f0f0f0 !important;
}

.dz-drag-hover .ps-collapse-header {
	background: url('/static/images-bs/drop-file.png') right center no-repeat #f8f8f8 !important;
	border: 1px dashed #888;
	opacity: .75;
}

.dz-drag-hover .list-group-item {
	background: url('/static/images-bs/drop-file.png') center center no-repeat #f8f8f8 !important;
	border: 1px dashed #888;
	opacity: .75;
}

.dz-fallback {
	display: none;
}

.ps-collapse-header:hover {
	background: #f8f8f8 !important;
}

/* ---------------------------------------------------
    LOOKUP
----------------------------------------------------- */
.NameNoEmail, .NameEmail, .NameMsgBox, .Name {
	float: right;
	width: 16px;
	height: 16px;
	padding-right: 5px;
}

.autocomp-suggestions {
    border: solid 1px #ccc !important;
    font-family: inherit !important;
    font-size: inherit !important;
    padding: 0;
	overflow-y: scroll !important;
	overflow-x: clip !important;
/*    width: 60rem !important; */
    max-width: 90% !important;
    text-align: left;
}

.ac_even, .ac_odd {
    padding: 5px 5px 5px 15px !important;
}


/* ---------------------------------------------------
    BADGE LIST
----------------------------------------------------- */
.badge-list {
	flex-wrap: wrap;
}

.ps-badge {
	font-weight: inherit;
	font-size: 90%;
	margin: .25rem .5rem .25rem 0;
}
	
.ps-badge-btn {
	font-size: 120%;
	margin-right: .3rem;
}

/* ---------------------------------------------------
    RIBBON
----------------------------------------------------- */
.ps-sticky-top {
	position:sticky;
	position:-webkit-sticky;
	z-index: 1010;
}

.ribbon {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
}

.ribbon-btn {
	text-align: center;
	font-size: .8rem;
	max-width: 8rem;
}

.ribbon .btn:focus, .ribbon .btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.ps-btn-span-v {
	-ms-flex-pack: center !important;
	justify-content: center !important;

	-ms-flex-direction: column !important;
	flex-direction: column !important;

	display: -ms-flexbox !important;
	display: flex !important;
}

.ribbon-btn img {
	width: 24px;
	height: 24px;
	margin-bottom: 5px;
}

.ribbon-scroll-note {
	font-size: 0.7rem;
}

@media (max-width: 768px) {
	.ribbon {
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
	}
	.ribbon-btn {
		font-size: .65rem;
	}
}

/* ---------------------------------------------------
    NAVBAR STYLE
----------------------------------------------------- */

#logo-container {
	text-align:center;
	padding: .5rem 0;
}

#logo {
	display:block;
	max-height:90px;
	width:auto;
	max-width: 200px;
	margin:0 10px;
}

#propertyName {
	font-size: 1.5rem;
	display: inline-block;
}

#propertyCode {
	font-size: .9rem;
}

#propertyLinks {
	font-size: .9rem;
}

#username {
	font-size:1rem;
}

#dateTime {
	flex: 0 0 18rem;
}

#currDate {
	font-size: 1.1rem;
}

#currTime {
	font-size: 1rem;
}

.navbar-btn {
	font-size: 1.5rem;
	padding: .5rem 1rem;
	margin: 0;
	cursor: pointer;
	text-decoration: none;
}

.navbar-btn:hover {
	text-decoration: none;
	background-color: #eee;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-grab {
	cursor: grab;
}

/* ---------------------------------------------------
    DATEPICKET
----------------------------------------------------- */
.datepicker.dropdown-menu {
    z-index: 1050 !important;
}

/* ---------------------------------------------------
    CARD BUTTONS
----------------------------------------------------- */
.ps-card-button {
	cursor: pointer;
}

/* ---------------------------------------------------
    CARD BUTTON SET
----------------------------------------------------- */
.card-button-set {
	margin-left: .25rem;
}

.card-button-set .btn {
	width: 100%;
	font-size: 80%;
}

.card-button-set .btn img {
	width: 16px;
	height: 16px;
}

@media (max-width: 992px) {
	.card-button-set {
		padding-left: 0;
		display: block;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		margin-bottom: .25rem;
	}

	.card-button-set .btn {
		width: auto;
		display: inline;
		font-size: 80%;
	}

	.card-button-set .btn img {
		width: 16px;
		height: 16px;
	}
}

/* ---------------------------------------------------
    EDIT-COMBO
----------------------------------------------------- */

.ui-menu .ui-menu-item-wrapper {
	border: none !important;
	padding-left:.5rem;
	padding-right:.5rem;
}

.ui-menu {
	font-size: 97%;
}

ul.ui-menu {
	max-height: 15rem;
	overflow: auto;
	z-index: 1050;
}

.ps-autocomp-category {
	font-family: 'Azeret Mono', sans-serif;
	font-weight: bold;
}


/* ---------------------------------------------------
    NO-HEADER MODAL
----------------------------------------------------- */

.no-header.modal .modal-body {
	padding: 0 !important;
}

/* ---------------------------------------------------
    FULLSCREEN MODAL
----------------------------------------------------- */

.modal.fullscreen {
	padding: 0 !important; /* override inline padding-right added from js */
}

.modal.fullscreen .modal-dialog {
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
}

.modal.fullscreen .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0;
}

.modal.fullscreen .modal-body {
	overflow-y: auto;
	padding: 0;
}

.modal .modal-body .colour-gap .ps-label, .modal.fullscreen .modal-body .ps-label {
	padding-left: 1rem;
}

/* ---------------------------------------------------
    MODAL AS MAIN PAGE
----------------------------------------------------- */

.main-page {
    z-index: 1035 !important;
}

.modal-backdrop.show {
    z-index: 1030 !important;
}

.modal-backdrop.show.fade {
    z-index: 1045 !important;
}

/* ---------------------------------------------------
    LIST ITEM CHECKBOX
----------------------------------------------------- */

.chkContainer {
	margin-top: -.25rem;
	padding-left: .25rem;
	padding-right: 1rem; 
}

.chkContainer .clickable {
	cursor: pointer;
}

.chkContainer .chk-check {
	display: none;
}

.chkContainer.checked .chk-check {
	display: inline;
}

.chkContainer .chk-clear {
	display: inline;
}

.chkContainer.checked .chk-clear {
	display: none;
}

.chk-glyph {
	font-size: 1.5em;
}

/* ---------------------------------------------------
    TinyMCE
----------------------------------------------------- */

.no-margin-p p {
	margin: 0;
	padding: 0;
}

.ps-tinyMCE-btn {
	font-family: 'Font Awesome 6 Pro' !important;
	font-size: 1.2rem !important;
}

.tox .tox-collection--list .tox-collection__item {
	width: 20rem;
}

/* ---------------------------------------------------
    MESSAGE FLAG
----------------------------------------------------- */

.flag {
	cursor: pointer;
}

.stat-1 {
	background-color: #FFFDEF;
}

.stat-1.selected {
	background-color: #FFF9C4;
}

.stat-0.selected, .stat-2.selected {
	background-color: #f4f4f4;
}

.stat-0 .flag-1, .stat-0 .flag-2 {
	display: none;
}

.stat-1 .flag-0, .stat-1 .flag-2 {
	display: none;
}

.stat-2 .flag-0, .stat-2 .flag-1 {
	display: none;
}

.flag-0 {
	color: #ddd !important;
}

.flag-1 {
	color: #dc3545 !important;
}

.flag-2 {
	color: #28a745 !important;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}


#sidebar {
	position: fixed;
	margin-left: -250px;
	max-height: 100%;
    min-width: 250px;
    max-width: 250px;
	width: 250px;
    background: #fafafa;
    color: #fff;
    border-right: solid 2px #ddd;
	overflow:auto;
/*	Xz-index: 1025; */
}

#sidebar.active {
    margin-left: 0;
}

/*
.sidebarTransition {
    Xtransition: all 0.3s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    Xtransform-origin: bottom left;
}
*/

#sidebar .sidebar-header {
    padding: 10px 20px;
    background: white;
}

#sidebar ul.components {
    padding: 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar a, #sidebar a:hover, #sidebar a:focus {
    text-decoration: none;
}

#sidebar ul li a, .menu-close-btn a {
	padding: .5em .5em;
    font-size: 100%;
    font-weight:lighter;
    display: block;
    color: #444;
}

#sidebar ul li.active > a.menuitem, a.menuitem[aria-expanded="true"], #sidebar ul li.menuitem.active > a {	
    font-weight: bold;
}

#sidebar ul li > a, a[aria-expanded="true"] {
	margin-top: 1px;
	margin-bottom: 1px;
}

/*
#sidebar ul li.active > a, a[aria-expanded="true"] {
	margin-top: 1px;
	margin-bottom: 1px;
}
*/

#sidebar ul li img, .menu-close-btn img {
	margin-right: 10px;
}

#sidebar ul li .svg-inline--fa {
	width: 32px;
}

.subitem {
	padding-left: 0;
}

.subitem2 {
	padding-left:0px;
}

.subitem2 a {
	background-color: #777;
	padding-left: 38px !important;
}

.ps-action-btn img.var-size-icon, .ps-small-img-btn img.var-size-icon, .ps-collapse-header img.var-size-icon {
	width: auto;
	height: auto;
}

.subitem .var-size-icon {
	width: 16px;
	height: 16px;
}

.subitem a {
	font-size:90% !important;
    font-style: italic;
	padding-left: 1em !important;
}

.subitem a .badge {
    font-style: normal;
}

.var-size-icon {
	width: 24px;
	height: 24px;
}

.tabGroup {
	font-size: .8em;
	font-weight: bold;
    padding: .5em;
}

.ps-no-transition-on-load, .no-transition {
	transition: none !important;
}

.collapsing {
	-webkit-transition: .15s ease !important;
	-o-transition: .15s ease !important;
	transition: .15s ease !important;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-header {
	padding: .5rem 1rem;
	font-size: 1.2rem;
	font-weight: normal;
}

.modal-custom-size {
	max-width: none;
}

@media (max-width: 768px) {
	#sidebar {
		z-index: 1021 !important;
	}
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
.mx-n1 {
	margin-left: -.25rem !important;
	margin-right: -.25rem !important;
}

.mx-n2 {
	margin-left: -.5rem !important;
	margin-right: -.5rem !important;
}

.mx-n3 {
	margin-left: -1rem !important;
	margin-right: -1rem !important;
}

.mx-n4 {
	margin-left: -1.5rem !important;
	margin-right: -1.5rem !important;
}

.mx-n5 {
	margin-left: -3rem !important;
	margin-right: -3rem !important;
}

.form-control {
	font-size: inherit;
}

.ps-inline-compact {
	padding: 0 0.75rem;
	height: auto;
}

i.svg-inline--fa {
	display:block !important;
	width:30px !important;
}

.card-header {
    padding: .4rem 1rem;
    font-weight:lighter;
    cursor: default;
}

.card-body {
    padding: .5rem;
}

.media {
	margin: 0.5rem;
}

p.inline {
	display:inline;
}

.btn-inline {
	padding-top:0.1rem;
	padding-bottom:0.1rem;
}

.card {
	margin-bottom:1.0rem;
}

.btn {
	padding: 0.25rem 0.75rem;
	margin-bottom:0.3rem;
	font-weight: lighter;	
}

a {
	text-decoration:underline;
}

a.btn {
	text-decoration:none;
}

#content {
    width: 100%;
    padding: 0 .5rem 0 .5rem;
    min-height: 100vh;
}

.with-sidebar #content {
	padding-left: calc(250px + .5rem);
}


/*
#sidebarCollapse span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #555;
    transition: all 0.3s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
}

#sidebarCollapse span {
    transform: none;
    opacity: 1;
    margin: 5px auto;
}

#sidebarCollapse span:first-of-type,
#sidebarCollapse span:nth-of-type(2),
#sidebarCollapse span:last-of-type {
	transform: none;
	opacity: 1;
	margin: 5px auto;
}

#sidebarCollapse.active span {
	margin: 0 auto;
}

#sidebarCollapse.active span:first-of-type {
	transform: rotate(45deg) translate(2px, 2px);
}
#sidebarCollapse.active span:nth-of-type(2) {
	opacity: 0;
}
#sidebarCollapse.active span:last-of-type {
	transform: rotate(-45deg) translate(1px, -1px);
}
*/
.menu-open .arrow, .ps-toggle-open .arrow {
	transform: rotate(90deg);
}

.sys-msg {
	font-size:100%;
}

.badge {
	padding: .35em .6em;
}

.ps-collapse-header .badge {
	padding: .3em .5em;
}

.nav-tabs .nav-link, .nav-pills .nav-link {
	text-decoration: none;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (min-width: 768px) {
	.ps-edit-row {
		align-items: center !important;
	}
	
	.ps-label, .ps-gap {
		flex-basis: auto;
		font-size: 100%;
	}
	
	.ps-checkbox-label {
		font-size: 90%;
		font-weight: normal;
	}
}


@media (max-width: 768px) {
	html {
		font-size: 18px;
	}

	.w1,
	.w2,
	.w3,
	.w4,
	.w5,
	.w6,
	.w7,
	.w8,
	.w9,
	.w10,
	.w15,
	.w20,
	.w25,
	.w30,
	.w35,
	.w40,
	.w45,
	.w50,
	.w55,
	.w60,
	.w65,
	.w70,
	.w75,
	.w80,
	.w85,
	.w90,
	.w95 {max-width:none;}

	.cw1, 
	.cw2,
	.cw3,
	.cw4,
	.cw5,
	.cw6,
	.cw7,
	.cw8,
	.cw9,
	.cw10,
	.cw11,
	.cw12,
	.cw13,
	.cw14,
	.cw15,
	.cw16,
	.cw17,
	.cw18,
	.cw19,
	.cw20 {width: auto;}

	.ps-toggle-btn {
		min-width: 1.5rem;
		max-width: 1.5rem;
	}

	.padding-if-sm {
		padding-left: .5rem;
		padding-right: .5rem;
	}

	.ps-label, .ps-gap, .ps-label label {
		font-weight: bold !important;
		max-width: inherit;
		margin-bottom: 0 !important;
	}

	.ps-label, .ps-gap {
		margin-left: -.5rem !important;
		margin-right: -.5rem !important;
	}

	.ps-data-row .ps-label, .ps-data-row .ps-gap {
		margin-right: .5rem !important;
	}

	.ps-label.ps-row-label {
		font-weight: normal !important;
		max-width: inherit;
		margin-bottom: 0 !important;
		font-size: 100%;
	}
	
	.ps-xs-width-100 {
		display: block;
		max-width: inherit;
		width: 100%;
	}
	
	.ps-field-label {
		display: inline-block;
		width: 6rem;
		min-width: 6rem;
	}

	.ps-edit-row {
		margin-bottom: .5rem;
	}
	
	.ps-action-btn {
		margin: 0 .75rem !important;
	}

	#content {
	    padding: 5px 0;
	}

	#content.active {
    	display: none;
    }

	#sidebar li {
		overflow: hidden;
	}

    #sidebar.active {
        margin-left: 0;
        transform: none;

	    min-width: 100%;
	    max-width: 100%;
	    z-index: 100;
	    position: absolute;
    }

	#logo {
		max-height:60px;
	}

	#propertyName {
		font-size: 90%;
	}

	#propertyCode, #username {
		font-size: 60%;
	}

	.navbar-btn {
		padding: .25rem .5rem;
		font-size: 90%;
	}
	
	.var-size-icon {
		width: 32px;
		height: 32px;
	}

	.subitem .var-size-icon {
		width: 24px;
		height: 24px;
	}

	.autocomp-suggestions {
	    max-width: 100% !important;
	}

}

/* ---------------------------------------------------
    ROTATION
----------------------------------------------------- */
.rotate-90 {
	transform: rotate(90deg);
}

.rotate-180 {
	transform: rotate(180deg);
}

.rotate-270 {
	transform: rotate(270deg);
}

@media (max-width: 768px) {
	.rotate-md-90 {
		transform: rotate(90deg);
	}

	.rotate-md-180 {
		transform: rotate(180deg);
	}

	.rotate-md-270 {
		transform: rotate(270deg);
	}
}

/* ---------------------------------------------------
    BOUNDRY BOX (Read More/Less)
----------------------------------------------------- */
.boundry {
	overflow: hidden;
}

.boundry-content {
	position: relative;
}

.show-more {
	position:relative;
	height:40px;
	background:url('/static/images-bs/white-gradient.png') bottom repeat-x;
	z-index:5;
	text-align:right;
}

.show-less {
	padding:5px .5rem 0 0;
	background-color: #fff;
	text-align:right;
}

/* ---------------------------------------------------
    FORM FIELDS
----------------------------------------------------- */
#frm_myform .ps-ff-input, #frm_myform .ps-ff-date, #frm_myform .ps-ff-dropdown, #frm_myform .ps-ff-unit, #frm_myform .ps-ff-phone,
#msgDlgBody .ps-ff-input, #msgDlgBody .ps-ff-date, #msgDlgBody .ps-ff-dropdown, #msgDlgBody .ps-ff-unit, #msgDlgBody .ps-ff-phone {
	font-size: 1.2rem !important;
	font-weight: normal !important;
	text-decoration: none !important;
	
	display: inline-block !important;

	padding: 0 .75rem;
	height: 1.5em;
	margin-bottom: 1px;
}

#frm_myform .ps-ff-signature .ps-sig-btn, #msgDlgBody .ps-ff-signature .ps-sig-btn {
	font-size: 1.2rem !important;
	font-weight: normal !important;
	text-decoration: none !important;

	height: 1.5em;
	margin-bottom: 1px;
	
	cursor: pointer;
}

#frm_myform p {
	margin: 0 !important;
	padding: 0 !important;
}

/* ---------------------------------------------------
    TOOLBAR
----------------------------------------------------- */
.ps-menu-pos, .ps-buttonset-pos {
	position: absolute;
	z-index: 1006;
}

.ps-menu-btn {
	box-shadow: none !important;
}

.ps-menu-right {
	right: 0;
}

.ps-toolmenu {
	position: inherit;
}

.ps-toolmenu-btn, .ps-toolmenu-more-btn {
	background-color: #ddd;
}

.ps-toolmenu-menu {
	position: absolute;
	z-index: 10;
	text-align: right;
	right: 0rem;
	top: 2rem;
	border: solid 1px #ccc;
	padding: 0;
	background-color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.ps-toolmenu-menu .ps-toolmenu-btn {
	font-size: 130%;
	background-color: #fff;

	min-width: 16rem;
	max-width: 16rem;
	width:     16rem;
}

.ps-toolmenu-menu .ps-toolmenu-btn:hover, .ps-menu-item:hover {
	background-color: #eee;
}

.ps-toolmenu-menu .ps-toolmenu-btn i, .ps-menu-box i {
	min-width: 2rem;
	max-width: 2rem;
	width:     2rem;
	font-size: 100%;
}

.ps-toolmenu-bar .ps-toggle-btn {
	min-width: 2rem;
	max-width: 2rem;
	width:     2rem;
}

.ps-toolmenu-bar .ps-toolmenu-btn {
	background-color: #ddd;
}

@media (max-width: 768px) {
	.ps-toolmenu {
		position: absolute;
		z-index: 10;
		text-align: right;
		right: 0rem;
		top: 2rem;
		border: solid 1px #ccc;
		padding: 0;
		background-color: #fff;
	    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	}

	.ps-toolmenu-btn {
		font-size: 130%;
		background-color: #fff;

		min-width: 16rem;
		max-width: 16rem;
		width:     16rem;
	}

	.ps-toolmenu-btn:hover {
		background-color: #eee;
	}

	.ps-toolmenu-btn i, .ps-menu-box i {
		min-width: 2rem;
		max-width: 2rem;
		width:     2rem;
		font-size: 100%;
	}
}


/* ---------------------------------------------------
    Breakpoints
----------------------------------------------------- */

@media (max-width: 575px) {
	.h-xs-100{
		height: 100%;
	}

	/* Fixed Width (xs) */
	.fw-xs-1  {width: 1em;  min-width: 1em;  max-width: 1em;}
	.fw-xs-2  {width: 2em;  min-width: 2em;  max-width: 2em;}
	.fw-xs-3  {width: 3em;  min-width: 3em;  max-width: 3em;}
	.fw-xs-4  {width: 4em;  min-width: 4em;  max-width: 4em;}
	.fw-xs-5  {width: 5em;  min-width: 5em;  max-width: 5em;}
	.fw-xs-6  {width: 6em;  min-width: 6em;  max-width: 6em;}
	.fw-xs-7  {width: 7em;  min-width: 7em;  max-width: 7em;}
	.fw-xs-8  {width: 8em;  min-width: 8em;  max-width: 8em;}
	.fw-xs-9  {width: 9em;  min-width: 9em;  max-width: 9em;}
	.fw-xs-10 {width: 10em; min-width: 10em; max-width: 10em;}
	.fw-xs-11 {width: 11em; min-width: 11em; max-width: 11em;}
	.fw-xs-12 {width: 12em; min-width: 12em; max-width: 12em;}
	.fw-xs-13 {width: 13em; min-width: 13em; max-width: 13em;}
	.fw-xs-14 {width: 14em; min-width: 14em; max-width: 14em;}
	.fw-xs-15 {width: 15em; min-width: 15em; max-width: 15em;}
	.fw-xs-16 {width: 16em; min-width: 16em; max-width: 16em;}
	.fw-xs-17 {width: 17em; min-width: 17em; max-width: 17em;}
	.fw-xs-18 {width: 18em; min-width: 18em; max-width: 18em;}
	.fw-xs-19 {width: 19em; min-width: 19em; max-width: 19em;}
	.fw-xs-20 {width: 20em; min-width: 20em; max-width: 20em;}
	.fw-xs-21 {width: 21em; min-width: 21em; max-width: 21em;}
	.fw-xs-22 {width: 22em; min-width: 22em; max-width: 22em;}
	.fw-xs-23 {width: 23em; min-width: 23em; max-width: 23em;}
	.fw-xs-24 {width: 24em; min-width: 24em; max-width: 24em;}
	.fw-xs-25 {width: 25em; min-width: 25em; max-width: 25em;}
	.fw-xs-26 {width: 26em; min-width: 26em; max-width: 26em;}
	.fw-xs-27 {width: 27em; min-width: 27em; max-width: 27em;}
	.fw-xs-28 {width: 28em; min-width: 28em; max-width: 28em;}
	.fw-xs-29 {width: 29em; min-width: 29em; max-width: 29em;}
	.fw-xs-30 {width: 30em; min-width: 30em; max-width: 30em;}
	.fw-xs-35 {width: 35em; min-width: 35em; max-width: 35em;}
	.fw-xs-40 {width: 40em; min-width: 40em; max-width: 40em;}
	.fw-xs-45 {width: 45em; min-width: 45em; max-width: 45em;}
	.fw-xs-50 {width: 50em; min-width: 50em; max-width: 50em;}
	
	.fw-xs-1_5 {width: 1.5em; min-width: 1.5em; max-width: 1.5em;}
}

@media (min-width: 576px) {
	.h-sm-100{
		height: 100%;
	}

	/* Fixed Width (sm) */
	.fw-sm-1  {width: 1em;  min-width: 1em;  max-width: 1em;}
	.fw-sm-2  {width: 2em;  min-width: 2em;  max-width: 2em;}
	.fw-sm-3  {width: 3em;  min-width: 3em;  max-width: 3em;}
	.fw-sm-4  {width: 4em;  min-width: 4em;  max-width: 4em;}
	.fw-sm-5  {width: 5em;  min-width: 5em;  max-width: 5em;}
	.fw-sm-6  {width: 6em;  min-width: 6em;  max-width: 6em;}
	.fw-sm-7  {width: 7em;  min-width: 7em;  max-width: 7em;}
	.fw-sm-8  {width: 8em;  min-width: 8em;  max-width: 8em;}
	.fw-sm-9  {width: 9em;  min-width: 9em;  max-width: 9em;}
	.fw-sm-10 {width: 10em; min-width: 10em; max-width: 10em;}
	.fw-sm-11 {width: 11em; min-width: 11em; max-width: 11em;}
	.fw-sm-12 {width: 12em; min-width: 12em; max-width: 12em;}
	.fw-sm-13 {width: 13em; min-width: 13em; max-width: 13em;}
	.fw-sm-14 {width: 14em; min-width: 14em; max-width: 14em;}
	.fw-sm-15 {width: 15em; min-width: 15em; max-width: 15em;}
	.fw-sm-16 {width: 16em; min-width: 16em; max-width: 16em;}
	.fw-sm-17 {width: 17em; min-width: 17em; max-width: 17em;}
	.fw-sm-18 {width: 18em; min-width: 18em; max-width: 18em;}
	.fw-sm-19 {width: 19em; min-width: 19em; max-width: 19em;}
	.fw-sm-20 {width: 20em; min-width: 20em; max-width: 20em;}
	.fw-sm-21 {width: 21em; min-width: 21em; max-width: 21em;}
	.fw-sm-22 {width: 22em; min-width: 22em; max-width: 22em;}
	.fw-sm-23 {width: 23em; min-width: 23em; max-width: 23em;}
	.fw-sm-24 {width: 24em; min-width: 24em; max-width: 24em;}
	.fw-sm-25 {width: 25em; min-width: 25em; max-width: 25em;}
	.fw-sm-26 {width: 26em; min-width: 26em; max-width: 26em;}
	.fw-sm-27 {width: 27em; min-width: 27em; max-width: 27em;}
	.fw-sm-28 {width: 28em; min-width: 28em; max-width: 28em;}
	.fw-sm-29 {width: 29em; min-width: 29em; max-width: 29em;}
	.fw-sm-30 {width: 30em; min-width: 30em; max-width: 30em;}
	.fw-sm-35 {width: 35em; min-width: 35em; max-width: 35em;}
	.fw-sm-40 {width: 40em; min-width: 40em; max-width: 40em;}
	.fw-sm-45 {width: 45em; min-width: 45em; max-width: 45em;}
	.fw-sm-50 {width: 50em; min-width: 50em; max-width: 50em;}
	
	.fw-sm-1_5 {width: 1.5em; min-width: 1.5em; max-width: 1.5em;}
}

@media (min-width: 768px) {
	.h-md-100{
		height: 100%;
	}

	/* Fixed Width (md) */
	.fw-md-1  {width: 1em;  min-width: 1em;  max-width: 1em;}
	.fw-md-2  {width: 2em;  min-width: 2em;  max-width: 2em;}
	.fw-md-3  {width: 3em;  min-width: 3em;  max-width: 3em;}
	.fw-md-4  {width: 4em;  min-width: 4em;  max-width: 4em;}
	.fw-md-5  {width: 5em;  min-width: 5em;  max-width: 5em;}
	.fw-md-6  {width: 6em;  min-width: 6em;  max-width: 6em;}
	.fw-md-7  {width: 7em;  min-width: 7em;  max-width: 7em;}
	.fw-md-8  {width: 8em;  min-width: 8em;  max-width: 8em;}
	.fw-md-9  {width: 9em;  min-width: 9em;  max-width: 9em;}
	.fw-md-10 {width: 10em; min-width: 10em; max-width: 10em;}
	.fw-md-11 {width: 11em; min-width: 11em; max-width: 11em;}
	.fw-md-12 {width: 12em; min-width: 12em; max-width: 12em;}
	.fw-md-13 {width: 13em; min-width: 13em; max-width: 13em;}
	.fw-md-14 {width: 14em; min-width: 14em; max-width: 14em;}
	.fw-md-15 {width: 15em; min-width: 15em; max-width: 15em;}
	.fw-md-16 {width: 16em; min-width: 16em; max-width: 16em;}
	.fw-md-17 {width: 17em; min-width: 17em; max-width: 17em;}
	.fw-md-18 {width: 18em; min-width: 18em; max-width: 18em;}
	.fw-md-19 {width: 19em; min-width: 19em; max-width: 19em;}
	.fw-md-20 {width: 20em; min-width: 20em; max-width: 20em;}
	.fw-md-21 {width: 21em; min-width: 21em; max-width: 21em;}
	.fw-md-22 {width: 22em; min-width: 22em; max-width: 22em;}
	.fw-md-23 {width: 23em; min-width: 23em; max-width: 23em;}
	.fw-md-24 {width: 24em; min-width: 24em; max-width: 24em;}
	.fw-md-25 {width: 25em; min-width: 25em; max-width: 25em;}
	.fw-md-26 {width: 26em; min-width: 26em; max-width: 26em;}
	.fw-md-27 {width: 27em; min-width: 27em; max-width: 27em;}
	.fw-md-28 {width: 28em; min-width: 28em; max-width: 28em;}
	.fw-md-29 {width: 29em; min-width: 29em; max-width: 29em;}
	.fw-md-30 {width: 30em; min-width: 30em; max-width: 30em;}
	.fw-md-35 {width: 35em; min-width: 35em; max-width: 35em;}
	.fw-md-40 {width: 40em; min-width: 40em; max-width: 40em;}
	.fw-md-45 {width: 45em; min-width: 45em; max-width: 45em;}
	.fw-md-50 {width: 50em; min-width: 50em; max-width: 50em;}
	
	.fw-md-20-imp {width: 20em; min-width: 20em !important; max-width: 20em;}
	.fw-md-25-imp {width: 25em; min-width: 25em !important; max-width: 25em;}
	.fw-md-30-imp {width: 30em; min-width: 30em !important; max-width: 30em;}
	.fw-md-35-imp {width: 35em; min-width: 35em !important; max-width: 35em;}
	.fw-md-40-imp {width: 40em; min-width: 40em !important; max-width: 40em;}
	.fw-md-45-imp {width: 45em; min-width: 45em !important; max-width: 45em;}
	.fw-md-50-imp {width: 50em; min-width: 50em !important; max-width: 50em;}

	.fw-md-1_5 {width: 1.5em; min-width: 1.5em; max-width: 1.5em;}
}

@media (max-width: 1199px) {
	.ps-table-menu-box .ps-menu-pos {
		right:1em;
	}
}

@media (min-width: 992px) {
	.h-lg-100{
		height: 100%;
	}

	/* Fixed Width (lg) */
	.fw-lg-1  {width: 1em;  min-width: 1em;  max-width: 1em;}
	.fw-lg-2  {width: 2em;  min-width: 2em;  max-width: 2em;}
	.fw-lg-3  {width: 3em;  min-width: 3em;  max-width: 3em;}
	.fw-lg-4  {width: 4em;  min-width: 4em;  max-width: 4em;}
	.fw-lg-5  {width: 5em;  min-width: 5em;  max-width: 5em;}
	.fw-lg-6  {width: 6em;  min-width: 6em;  max-width: 6em;}
	.fw-lg-7  {width: 7em;  min-width: 7em;  max-width: 7em;}
	.fw-lg-8  {width: 8em;  min-width: 8em;  max-width: 8em;}
	.fw-lg-9  {width: 9em;  min-width: 9em;  max-width: 9em;}
	.fw-lg-10 {width: 10em; min-width: 10em; max-width: 10em;}
	.fw-lg-11 {width: 11em; min-width: 11em; max-width: 11em;}
	.fw-lg-12 {width: 12em; min-width: 12em; max-width: 12em;}
	.fw-lg-13 {width: 13em; min-width: 13em; max-width: 13em;}
	.fw-lg-14 {width: 14em; min-width: 14em; max-width: 14em;}
	.fw-lg-15 {width: 15em; min-width: 15em; max-width: 15em;}
	.fw-lg-16 {width: 16em; min-width: 16em; max-width: 16em;}
	.fw-lg-17 {width: 17em; min-width: 17em; max-width: 17em;}
	.fw-lg-18 {width: 18em; min-width: 18em; max-width: 18em;}
	.fw-lg-19 {width: 19em; min-width: 19em; max-width: 19em;}
	.fw-lg-20 {width: 20em; min-width: 20em; max-width: 20em;}
	.fw-lg-21 {width: 21em; min-width: 21em; max-width: 21em;}
	.fw-lg-22 {width: 22em; min-width: 22em; max-width: 22em;}
	.fw-lg-23 {width: 23em; min-width: 23em; max-width: 23em;}
	.fw-lg-24 {width: 24em; min-width: 24em; max-width: 24em;}
	.fw-lg-25 {width: 25em; min-width: 25em; max-width: 25em;}
	.fw-lg-26 {width: 26em; min-width: 26em; max-width: 26em;}
	.fw-lg-27 {width: 27em; min-width: 27em; max-width: 27em;}
	.fw-lg-28 {width: 28em; min-width: 28em; max-width: 28em;}
	.fw-lg-29 {width: 29em; min-width: 29em; max-width: 29em;}
	.fw-lg-30 {width: 30em; min-width: 30em; max-width: 30em;}
	.fw-lg-35 {width: 35em; min-width: 35em; max-width: 35em;}
	.fw-lg-40 {width: 40em; min-width: 40em; max-width: 40em;}
	.fw-lg-45 {width: 45em; min-width: 45em; max-width: 45em;}
	.fw-lg-50 {width: 50em; min-width: 50em; max-width: 50em;}
	
	.fw-lg-1_5 {width: 1.5em; min-width: 1.5em; max-width: 1.5em;}
}

@media (min-width: 1200px) {
	.h-xl-100{
		height: 100%;
	}

	/* Fixed Width (xl) */
	.fw-xl-1  {width: 1em;  min-width: 1em;  max-width: 1em;}
	.fw-xl-2  {width: 2em;  min-width: 2em;  max-width: 2em;}
	.fw-xl-3  {width: 3em;  min-width: 3em;  max-width: 3em;}
	.fw-xl-4  {width: 4em;  min-width: 4em;  max-width: 4em;}
	.fw-xl-5  {width: 5em;  min-width: 5em;  max-width: 5em;}
	.fw-xl-6  {width: 6em;  min-width: 6em;  max-width: 6em;}
	.fw-xl-7  {width: 7em;  min-width: 7em;  max-width: 7em;}
	.fw-xl-8  {width: 8em;  min-width: 8em;  max-width: 8em;}
	.fw-xl-9  {width: 9em;  min-width: 9em;  max-width: 9em;}
	.fw-xl-10 {width: 10em; min-width: 10em; max-width: 10em;}
	.fw-xl-11 {width: 11em; min-width: 11em; max-width: 11em;}
	.fw-xl-12 {width: 12em; min-width: 12em; max-width: 12em;}
	.fw-xl-13 {width: 13em; min-width: 13em; max-width: 13em;}
	.fw-xl-14 {width: 14em; min-width: 14em; max-width: 14em;}
	.fw-xl-15 {width: 15em; min-width: 15em; max-width: 15em;}
	.fw-xl-16 {width: 16em; min-width: 16em; max-width: 16em;}
	.fw-xl-17 {width: 17em; min-width: 17em; max-width: 17em;}
	.fw-xl-18 {width: 18em; min-width: 18em; max-width: 18em;}
	.fw-xl-19 {width: 19em; min-width: 19em; max-width: 19em;}
	.fw-xl-20 {width: 20em; min-width: 20em; max-width: 20em;}
	.fw-xl-21 {width: 21em; min-width: 21em; max-width: 21em;}
	.fw-xl-22 {width: 22em; min-width: 22em; max-width: 22em;}
	.fw-xl-23 {width: 23em; min-width: 23em; max-width: 23em;}
	.fw-xl-24 {width: 24em; min-width: 24em; max-width: 24em;}
	.fw-xl-25 {width: 25em; min-width: 25em; max-width: 25em;}
	.fw-xl-26 {width: 26em; min-width: 26em; max-width: 26em;}
	.fw-xl-27 {width: 27em; min-width: 27em; max-width: 27em;}
	.fw-xl-28 {width: 28em; min-width: 28em; max-width: 28em;}
	.fw-xl-29 {width: 29em; min-width: 29em; max-width: 29em;}
	.fw-xl-30 {width: 30em; min-width: 30em; max-width: 30em;}
	.fw-xl-35 {width: 35em; min-width: 35em; max-width: 35em;}
	.fw-xl-40 {width: 40em; min-width: 40em; max-width: 40em;}
	.fw-xl-45 {width: 45em; min-width: 45em; max-width: 45em;}
	.fw-xl-50 {width: 50em; min-width: 50em; max-width: 50em;}
	
	.fw-xl-1_5 {width: 1.5em; min-width: 1.5em; max-width: 1.5em;}
}


/* ---------------------------------------------------
    IE10 & IE11
----------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	/* IE-Safe Fixed Width */
	/*
	  Still allow setting min and man width for smaller columns, since these
	  are usually used for data labels. Larger width are used for columns of
	  data in lists.
	  
	.fw1, .fw2, .fw3, .fw4, .fw5, .fw6, .fw7, .fw8, .fw9, .fw10,
	*/
/*
	.fw11, .fw12, .fw13, .fw14, .fw15, .fw16, .fw17, .fw18, .fw19, .fw20,
	.fw21, .fw22, .fw23, .fw24, .fw25, .fw26, .fw27, .fw28, .fw29, .fw30,
	.fw35, .fw40, .fw45, .fw50 {
		min-width: auto !important;
		max-width: auto !important;
	}
*/
	.ps-field-colimn {
		min-width: auto !important;
		max-width: auto !important;
	}
}