/* ************************************************* GLOBAL SHORTCUT CLASSES */
/* ********************** Display */
.dsp-n { display: none !important;}
.dsp-b { display: block !important;}
.dsp-ib { display: inline-block !important;}
.dsp-t {display: table !important;}
.dsp-tcl {display: table-column !important;}
.dsp-tr {display: table-row !important;}
.dsp-tc {display: table-cell !important;}
.dsp-thg {display: table-header-group !important;}
.dsp-tclg {display: table-column-group !important;}
.dsp-trg {display: table-row-group !important;}
.dsp-flx{display: inline-flex !important;}
/* ********************** Position */
.pos-r { position: relative !important;}
.pos-a { position: absolute !important;}
.pos-s { position: static !important;}
.pos-f { position: fixed !important;}
/* ********************** Float & overflow */
.fltr { float: right !important;}


.fltl { float: left !important;}


.ovf-h { overflow: hidden !important;}
.ovf-v { overflow: visible !important;}
.ovf-a { overflow: auto !important;}
.clr-b { clear: both !important;}
.clr-l { clear: left !important;}
.clr-r { clear: right !important;}

/* ********************** Width & height */
.w-full { width: 100%; margin-left: 0 !important; margin-right: 0 !important;}
.w-auto { width: auto !important;}
.w-10px { width: 10px !important;}
.w-50px { width: 50px !important;}
.w-75px { width: 75px !important;}
.w-100px  { width: 100px !important;}
.w-125px  { width: 125px !important;}
.w-150px  { width: 150px !important;}
.w-200px  { width: 200px !important;}
.w-250px  { width: 250px !important;}
.w-300px  { width: 300px !important;}
.w-400px  { width: 400px !important;}
.w-500px  { width: 500px !important;}
.w-btnbx { width: 40px !important;}
.w-20pct { width: 20% !important;}
.w-33pct { width: 33% !important;}
.w-50pct { width: 50% !important;}
.mxw-n { max-width: none !important;}
.mxw-full { max-width: 100% !important;}
.mxw-50px { max-width: 50px !important;}
.mxw-75px { max-width: 75px !important;}
.mxw-100px  { max-width: 100px !important;}
.mxw-150px  { max-width: 150px !important;}
.mxw-200px  { max-width: 200px !important;}
.mxw-250px  { max-width: 250px !important;}
.mxw-300px  { max-width: 300px !important;}
.mxw-400px  { max-width: 400px !important;}
.mxw-500px  { max-width: 500px !important;}
.mxw-600px  { max-width: 600px !important;}
.mxw-800px  { max-width: 800px !important;}
.mxw-1000px  { max-width: 1000px !important;}

.mnw-n { min-width: none !important;}
.mnw-full { min-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
.mnw-50px { min-width: 50px !important;}
.mnw-100px  { min-width: 100px !important;}
.mnw-150px  { min-width: 150px !important;}
.mnw-200px  { min-width: 200px !important;}
.mnw-250px  { min-width: 250px !important;}
.mnw-300px  { min-width: 300px !important;}
.h-full { height: 100% !important;}
.h-auto { height: auto !important;}
.h-25px { height: 25px !important;}
.h-28px { height: 28px !important;}
.h-30px { height: 30px !important;}
.h-50px { height: 50px !important;}
.h-75px { height: 75px !important;}
.h-100px { height: 100px !important;}
.h-150px { height: 150px !important;}
.mxh-75px { max-height: 75px !important;}
.mxh-100px { max-height: 100px !important;}
/* ********************** Margin */
.mrg-0 { margin: 0 !important;}
.mrg-3 { margin: 3px !important;}
.mrg-5 { margin: 5px !important;}
.mrg-10 { margin: 10px !important;}
.mrg-15 { margin: 15px !important;}
.mrg-lr0 { margin-left: 0 !important; margin-right: 0 !important;}
.mrg-lr3 { margin-left: 3px !important; margin-right: 3px !important;}
.mrg-lr5 { margin-left: 5px !important; margin-right: 5px !important;}
.mrg-lr10 { margin-left: 10px !important; margin-right: 10px !important;}
.mrg-lr15 { margin-left: 15px !important; margin-right: 15px !important;}
.mrg-l0 { margin-left: 0 !important;}
.mrg-l1 { margin-left: 1px !important;}
.mrg-l2 { margin-left: 2px !important;}
.mrg-l3 { margin-left: 3px !important;}
.mrg-l5 { margin-left: 5px !important;}
.mrg-l10 { margin-left: 10px !important;}
.mrg-l30 { margin-left: 30px !important;}
.mrg-l35 { margin-left: 35px !important;}

.mrg-r0 { margin-right: 0 !important;}
.mrg-r3 { margin-right: 3px !important;}
.mrg-r5 { margin-right: 5px !important;}
.mrg-r10 { margin-right: 10px !important;}
.mrg-tb0 { margin-top: 0 !important; margin-bottom: 0 !important;}
.mrg-tb3 { margin-top: 3px !important; margin-bottom: 3px !important;}
.mrg-tb5 { margin-top: 5px !important; margin-bottom: 5px !important;}
.mrg-tb10 { margin-top: 10px !important; margin-bottom: 10px !important;}
.mrg-tb15 { margin-top: 15px !important; margin-bottom: 15px !important;}
.mrg-tb20 { margin-top: 20px !important; margin-bottom: 20px !important;}
.mrg-t3 { margin-top: 3px !important;}
.mrg-t5 { margin-top: 5px !important;}
.mrg-t10 { margin-top: 10px !important;}
.mrg-t15 { margin-top: 15px !important;}
.mrg-t20 { margin-top: 20px !important;}
.mrg-b3 { margin-bottom: 3px !important;}
.mrg-b5 { margin-bottom: 5px !important;}
.mrg-b10 { margin-bottom: 10px !important;}
.mrg-b15 { margin-bottom: 15px !important;}
.mrg-b20 { margin-bottom: 20px !important;}
/* ********************** Padding */
.pad-0 { padding: 0 !important;}
.pad-3 { padding: 3px !important;}
.pad-5 { padding: 5px !important;}
.pad-10 { padding: 10px !important;}
.pad-lr0 { padding-left: 0 !important; padding-right: 0 !important;}
.pad-lr1 { padding-left: 1px !important; padding-right: 1px !important;}
.pad-lr3 { padding-left: 3px !important; padding-right: 3px !important;}
.pad-lr5 { padding-left: 5px !important; padding-right: 5px !important;}
.pad-lr10 { padding-left: 10px !important; padding-right: 10px !important;}
.pad-b5 { padding-bottom: 5px !important;}
.pad-b10 { padding-bottom: 10px !important;}
.pad-b15 { padding-bottom: 15px !important;}
.pad-tb0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.pad-tb2 { padding-top: 2px !important; padding-bottom: 2px !important;}
.pad-tb3 { padding-top: 3px !important; padding-bottom: 3px !important;}
.pad-tb5 { padding-top: 5px !important; padding-bottom: 5px !important;}
.pad-tb10 { padding-top: 10px !important; padding-bottom: 10px !important;}
/* ********************** Alignment */
.txta-l { text-align: left !important;}
.txta-c { text-align: center !important;}
.txta-r { text-align: right !important;}
.vrta-b { vertical-align: bottom !important;}
.vrta-m { vertical-align: middle !important;}
.vrta-t { vertical-align: top !important;}
/* ********************** Fonts */
.fnts-8 { font-size: 8px !important;}
.fnts-9 { font-size: 9px !important;}
.fnts-10 { font-size: 10px !important;}
.fnts-12 { font-size: 12px !important;}
.fnts-13 { font-size: 13px !important;}
.fnts-14 { font-size: 14px !important;}
.fnts-16 { font-size: 16px !important;}
.fnts-18 { font-size: 18px !important;}
.fnts-20 { font-size: 20px !important;}
.fntw-n { font-weight: normal !important;}
.fntw-b { font-weight: bold !important;}
.fntw-br { font-weight: bolder !important;}
/* ********************** Other Shortcuts */
.bord-n { border: none !important;}
.bord-r5 { border-radius: 5px !important;}
.bord-r8 { border-radius: 8px !important;}
.curs-d { cursor: default !important;}
.curs-a { cursor: auto !important;}
.curs-p { cursor: pointer !important;}
.bg-fff { background: #FFFFFF;}
.bg-000 { background: #000000;}
.ws-nw { white-space: nowrap !important;}
.ws-n { white-space: normal !important;}

.errortxt{
color:red !important;
font-weight:bold !important;
	
}


/* ************************************************* BUTTONS */
/* ********************** Button defaults */
.btn, .btns, .btna, .btni, [class^="btnii"], [class*=" btnii"], .btnm {
	display: inline;
	outline-width:0;
	cursor: pointer;
	font-size: 14px;
	border-radius: 8px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	-webkit-transition: background-color .15s ease, color .15s ease, text-shadow .15s ease;
	-moz-transition: background-color .15s ease, color .15s ease, text-shadow .15s ease;
	transition: background-color .15s ease, color .15s ease, text-shadow .15s ease;
}
.btn {
	color: #000000;
	background-color: #F5F5F5;
	border: 2px solid rgba(0,0,0, .4);
	text-shadow: 1px 1px rgba(255,255,255, .8);
}
.btns, .btna, .btni, [class^="btnii"], [class*=" btnii"], .btnm {
	color: #FFFFFF;
	background-color: #F5F5F5;
	border: 2px solid rgba(0,0,0, .3);
	text-shadow: 1px 1px rgba(0,0,0, .5);
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	margin: 5px;
}
.btna {
	width: 90px;
	min-width: 90px;
	padding-left: 2px;
	padding-right: 2px;
}
.btni, [class^="btnii"], [class*=" btnii"] {
	padding: 2px;
	width: auto;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

.btnm  {
	min-width: 75px;
}

.btn:hover { color: #000000; background-color: #E6E6E6; text-shadow: 1px 1px rgba(200,200,200, .9);}
.btn:focus { border: 2px solid rgba(0,0,0, .7); box-shadow: 0 0 1px 1px rgba(9,136,92, .1);}
.btn:active { position: relative; top: 1px; background-color: #D5D5D5;}

.btnii_float:active{ position:absolute !important; top: -14px !important;}
.btnii_float{position:absolute; right: -15px; top: -15px;}

.btns:hover, .btna:hover, .btni:hover, [class^="btnii"]:hover, [class*=" btnii"]:hover, .btnm:hover { background-color: #E6E6E6; text-shadow: 1px 1px rgba(0,0,0, .9); color: #555555;}
.btns:focus, .btna:focus, .btni:focus, [class^="btnii"]:focus, [class*=" btnii"]:focus, .btnm:focus { border: 2px solid rgba(0,0,0, .5); text-shadow: 2px 2px rgba(0,0,0, .9); box-shadow: 0 0 1px 1px rgba(9,136,92, .1);}
.btns:active, .btna:active, .btni:active, [class^="btnii"]:active, [class*=" btnii"]:active, .btnm:active { position: relative; top: 1px; background-color: #D5D5D5;}

/* ********************** Button properties */
.btn-nm { margin: 0;}
.btn-np, .btnm { padding: 2px;}
.btn-lg { padding: 20px 15px;}
.btn-fw {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* ********************** Colors */
.btns { background-color: #337AB7}
.btns:hover { background-color: #286090; text-shadow: 2px 2px rgba(0,0,0, .9); color: #ffffff;}
.btns:active { background-color: #215178;}

.btni, [class^="btnii"], [class*=" btnii"] { background-color: #F5F5F5; color: #555555; text-shadow: 1px 1px rgba(255,255,255, .5);}
.btni:hover, [class^="btnii"]:hover, [class*=" btnii"]:hover { background-color: #DCDCDC; text-shadow: 2px 2px rgba(255,255,255, .9); color: #232323;}
.btni:focus, [class^="btnii"]:focus, [class*=" btnii"]:focus { border: 2px solid rgba(0,0,0, .6); text-shadow: 2px 2px rgba(255,255,255, .9); box-shadow: 0 0 1px 1px rgba(9,136,92, .1); color: #3C3C3C}
.btni:active, [class^="btnii"]:active, [class*=" btnii"]:active { background-color: #C8C8C8; color: #232323;}

.btna { background-color: #5CB85C}
.btna:hover { background-color: #449D44; text-shadow: 2px 2px rgba(0,0,0, .9); color: #ffffff;}
.btna:active { background-color: #378037;}

.btn-blue { background-color: #337AB7}
.btn-blue:hover { background-color: #286090; text-shadow: 2px 2px rgba(0,0,0, .9); color: #ffffff;}
.btn-blue:active { background-color: #215178;}

.btn-lblue { background-color: #A7D6FF}
.btn-lblue:hover { background-color: #286090; text-shadow: 2px 2px rgba(0,0,0, .9); color: #ffffff;}
.btn-lblue:active { background-color: #215178;}


.btn-white { background-color: #F5F5F5; color: #555555; text-shadow: 1px 1px rgba(255,255,255, .5);}
.btn-white:hover { background-color: #DCDCDC; text-shadow: 2px 2px rgba(255,255,255, .9); color: #232323;}
.btn-white:focus { border: 2px solid rgba(0,0,0, .6); text-shadow: 2px 2px rgba(255,255,255, .9); box-shadow: 0 0 1px 1px rgba(9,136,92, .1); color: #3C3C3C}
.btn-white:active { background-color: #C8C8C8; color: #232323;}

.btn-green { background-color: #5CB85C}
.btn-green:hover { background-color: #449D44; text-shadow: 2px 2px rgba(0,0,0, .9); color: #ffffff;}
.btn-green:active { background-color: #378037;}

.btn-red { background-color: #D9534F}
.btn-red:hover { background-color: #C9302C; text-shadow: 2px 2px rgba(0,0,0, .9); color: #ffffff;}
.btn-red:active { background-color: #9E2623;}

.btn-lred { background-color: #FFC6C3}
.btn-lred:hover { background-color: #C9302C; text-shadow: 2px 2px rgba(0,0,0, .9); color: #ffffff;}
.btn-lred:active { background-color: #D9534F;}


.btn-yellow { background-color: #F0AD4E}
.btn-yellow:hover { background-color: #EC971F; text-shadow: 2px 2px rgba(0,0,0, .9); color: #ffffff;}
.btn-yellow:active { background-color: #D18112;}

.btn-disabled {
	opacity: .6;
}

/* ************************************************* ICONS */
[class^="i-"], [class*=" i-"] {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
[class^="btni-"], [class*=" btni-"] {
	text-align: center;
	vertical-align: middle;
	display: inline;
	margin: 0 !important;
}
[class^="btnii"], [class*=" btnii"] {
	margin: 0;
}
.btnii { width: 32px; height: 32px;}
.i-10, .btni-10, .btnii10 { height: 10px; width: 10px; margin-bottom: 3px}
.i-12, .btni-12, .btnii12 { height: 12px; width: 12px; margin-bottom: 3px}
.i-14, .btni-14, .btnii14 { height: 14px; width: 14px; margin-bottom: 3px}
.i-15, .btni-15, .btnii15 { height: 15px; width: 15px; margin-bottom: 3px}
.i-16, .btni-16, .btnii16 { height: 16px; width: 16px; margin-bottom: 3px}
.i-18, .btni-18, .btnii18 { height: 18px; width: 18px; margin-bottom: 3px}
.i-20, .btni-20, .btnii20 { height: 20px; width: 20px; margin-bottom: 3px}
.i-22, .btni-22, .btnii22 { height: 22px; width: 22px;}
.i-24, .btni-24, .btnii24 { height: 24px; width: 24px;}
.i-25, .btni-25, .btnii25 { height: 25px; width: 25px;}
.i-26, .btni-26, .btnii26 { height: 26px; width: 26px;}
.i-28, .btni-28, .btnii28 { height: 28px; width: 28px;}
.i-30, .btni-30, .btnii30 { height: 30px; width: 30px;}
.i-32, .btni-32, .btnii32 { height: 32px; width: 32px;}
.i-35, .btni-35, .btnii35 { height: 35px; width: 35px;}
.i-40, .btni-40, .btnii40 { height: 40px; width: 40px;}
.i-50, .btni-50, .btnii50 { height: 50px; width: 50px;}

/* ************************************************* FORMS */


.frm-g {	display: block;} /* form group */

.frm-s  { display: table; text-align: left; width: 100%;} /* form section (table)*/
.frm-sb { display: block; text-align: left; width: 100%;} /* form section (block)*/
.frm-sib { display: inline-block; text-align: left;} /* form section (inline-block) */

.frm-f, .frm-ft, .frm-fib { /* form fields */
	vertical-align: top;
	padding: 0;
}
.frm-f { display: table-row; width: 100%;} /* form field (row) */
.frm-ft { display: table; width: 100%;} /* form field (table/block) */
.frm-fib {	display: inline-block; width: auto;} /* form field (inline-block) */

[class^="frm-l"], [class*=" frm-l"], .frm-lnstack { /* form label */
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding: 0 3px;
	font-weight: bold;
	margin-left: 0;
	margin-right: 0;
}
[class^="frm-d"], [class*=" frm-d"], .frm-dnstack { /* form data */
	display: table-cell;
	width: auto;
	max-width: 100% !important;
	text-align: left;
	vertical-align: top;
	padding: 8px 0 10px 3px;
	margin-left: 0;
	margin-right: 0;
}
.frm-la { width: 50px; white-space: nowrap;}
.frm-l30, .frm-d30 { width: 30px}
.frm-l50, .frm-d50 { width: 50px}
.frm-l75, .frm-d75 { width: 75px}
.frm-l100, .frm-d100 { width: 100px}
.frm-l125, .frm-d125 { width: 125px}
.frm-l150, .frm-d150 { width: 150px}
.frm-l200, .frm-d200 { width: 200px}
.frm-l250, .frm-d250 { width: 250px}
.frm-l300, .frm-d300 { width: 300px}
.frm-l350, .frm-d350 { width: 350px}
.frm-l400, .frm-d400 { width: 400px}
.frm-l500, .frm-d500 { width: 500px}

[class^="frm-i"], [class*=" frm-i"] { /* input widths */
	width: 100%;
}
.frm-idate { width: 95px !important;}
.frm-itime { width: 80px !important;}
.frm-i30 { max-width: 30px;}
.frm-i50 { max-width: 50px;}
.frm-i75 { max-width: 75px;}
.frm-i100 { max-width: 100px;}
.frm-i125 { max-width: 125px;}
.frm-i150 { max-width: 150px;}
.frm-i200 { max-width: 200px;}
.frm-i250 { max-width: 250px;}
.frm-i300 { max-width: 300px;}
.frm-i350 { max-width: 350px;}
.frm-i400 { max-width: 400px;}
.frm-i500 { max-width: 500px;}

.frm-btn { /* data field containing button */
	display: table-cell;
	width: 1px;
    white-space: nowrap;
	text-align: left;
	vertical-align: middle;
	padding-left: 3px;
}
.frm-stack { /* stacked fields */
	display: block;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0 0 3px;
}
.frm-wsnw { white-space: nowrap;}

/* ************************************************* TABLES */
/* ********************** Table shortcut classes */
.table { display: table;} /*table*/
.tbcg {display: table-column-group;} /*colgroup*/
.tbhg {display: table-header-group;} /*thead*/
.tbrg {display: table-row-group;} /*tbody*/
.tbf { display: table-footer-group;} /*tfoot*/
.tbclm {display: table-column;} /*	col*/
.tbr { display: table-row;} /*	tr*/
.tbc, .tbhc, .tbc0, .tbc1 { display: table-cell;} /*td,th*/
.tbfix { table-layout: fixed;}
.tbauto { table-layout: auto;}
/* ********************** Alternating row background colors */
.tbc0 { background-color:#FFFFFF;}
.tbc1 { background-color:#F5F5F5;}
/* ********************** Tabular data table styles */
.mytable {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #DDEEEE;
	border-spacing: 0;
	margin: auto;
	cursor: default;
}
.mytable thead th, .mytable th {
    text-align: left;
	font-size: 16px;
	vertical-align: bottom;
}
.mytable tbody td, .mytable td, .tbc, .tbc0, .tbc1 {
	-webkit-transition: background .1s ease;
	-moz-transition: background .1s ease;
	transition: background .1s ease;
    border: solid 1px #B4B4B4;
	color: #414141;
	padding: 5px;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.mytable thead th, .mytable th, tbody td.rhead, td.rhead, .tbhc, .tbhcstyle {
    background: #E6E6E6 !important;
	font-weight: bold;
	color: #505050;
	text-shadow: 1px 1px rgba(255,255,255, .7);
    border: solid 1px #B4B4B4;
    padding: 5px;
	cursor: default;
}
.mytable thead th, .mytable th, .tbhc, .tbhcstyle {
	border-bottom: solid 3px #B4B4B4;
}
tbody td.rhead, td.rhead {
	text-align: right;
	border-right: solid 3px #B4B4B4; 
}
.tbrhover {
	-webkit-transition: background .1s ease;
	-moz-transition: background .1s ease;
	transition: background .1s ease;
}
.mytable tbody:hover td[rowspan], .mytable tr:hover td, .tbr:hover, .mytable .tbr:hover .tbc0, .mytable .tbr:hover .tbc1 {
	background: #E9F2E1; /* fallback */
	background: RGBA(162,200,128, .2);
}
.mytable.tbnohover tbody:hover td[rowspan], .mytable.tbnohover tr:hover td, .tbr:hover, .mytable.tbnohover .tbr:hover .tbc0, .mytable .tbr:hover .tbc1 {
	background: #FFFFFF;
}
.tbrhover:hover {
	background: #E9F2E1 !important; /* fallback */
	background: RGBA(162,200,128, .2) !important;
}
.tbrnohover:hover {
	background: #FFFFFF !important;
}
.tbcenter { margin-left: auto; margin-right: auto;}
.tbcpad { padding: 3px;}
.tbcpad-3 tr td { padding: 3px;}
.tbcpad-5 tr td { padding: 5px;}
.tbcpad-8 tr td { padding: 8px;}
.tbcpad-lr3 tr td { padding-left: 3px; padding-right: 3px;}
.tbcpad-lr5 tr td { padding-left: 5px; padding-right: 5px;}
/* .mytable tr:nth-child(odd) {
  background: #F5F5F5;
} */
/* ********************** Table scroll */
.tbscroll {
	overflow-x: auto;
	overflow-y: hidden;
	display: block;
	width: 100%;
}
.tbscrolltxt {
	display: none;
	font-size: 13px;
	color: #7D7D7D;
	text-align: center;
	cursor: default;
	margin-top: 10px;
}
.sect-title {
	text-align: left;
	padding: 3px;
	margin: 10px 0 3px;
	font-weight: bold;
	background-color: #969696;
	color: #FFFFFF;
	text-shadow: 1px 1px rgba(0,0,0, .7);
	border-radius: 2px;
	border-bottom: solid 3px #E6E6E6;
	cursor: default;
}


/* ****************************************************************************************** SM - SMALL SCREEN LAYOUT ELEMENTS IN LANDSCAPE & PORTRAIT(<768 pixels) */
@media screen and (max-width: 767px) {
/* ************************************************* GLOBAL SHORTCUT CLASSES */
/* ********************** Display */
.sm-dsp-n { display: none !important;}
.sm-dsp-b { display: block !important;}
.sm-dsp-ib { display: inline-block !important;}
.sm-dsp-t {display: table !important;}
.sm-dsp-tcl {display: table-column !important;}
.sm-dsp-tr {display: table-row !important;}
.sm-dsp-tc {display: table-cell !important;}
.sm-dsp-thg {display: table-header-group !important;}
.sm-dsp-tclg {display: table-column-group !important;}
.sm-dsp-trg {display: table-row-group !important;}
/* ********************** Position */
.sm-pos-r { position: relative !important;}
.sm-pos-a { position: absolute !important;}
.sm-pos-s { position: static !important;}
.sm-pos-f { position: fixed !important;}
/* ********************** Width & height */
.sm-w-full { width: 100%; margin-left: 0 !important; margin-right: 0 !important;}
.sm-w-auto { width: auto !important;}
.sm-mxw-n { max-width: none !important;}
.sm-mxw-full { max-width: 100% !important;}
.sm-mxw-50px { max-width: 50px !important;}
.sm-mxw-100px  { max-width: 100px !important;}
.sm-mxw-150px  { max-width: 150px !important;}
.sm-mxw-200px  { max-width: 200px !important;}
.sm-mxw-250px  { max-width: 250px !important;}
.sm-mxw-300px  { max-width: 300px !important;}
.sm-mxw-400px  { max-width: 400px !important;}
.sm-mxw-500px  { max-width: 500px !important;}
.sm-mnw-n { min-width: none !important;}
.sm-mnw-full { min-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
.sm-mnw-50px { min-width: 50px !important;}
.sm-mnw-100px  { min-width: 100px !important;}
.sm-mnw-150px  { min-width: 150px !important;}
.sm-mnw-200px  { min-width: 200px !important;}
.sm-mnw-250px  { min-width: 250px !important;}
.sm-mnw-300px  { min-width: 300px !important;}
.sm-h-full { height: 100% !important;}
.sm-h-auto { height: auto !important;}
/* ********************** Margin */
.sm-mrg-0 { margin: 0 !important;}
.sm-mrg-3 { margin: 3px !important;}
.sm-mrg-5 { margin: 5px !important;}
.sm-mrg-10 { margin: 10px !important;}
.sm-mrg-15 { margin: 15px !important;}
.sm-mrg-lr0 { margin-left: 0 !important; margin-right: 0 !important;}
.sm-mrg-lr3 { margin-left: 3px !important; margin-right: 3px !important;}
.sm-mrg-lr5 { margin-left: 5px !important; margin-right: 5px !important;}
.sm-mrg-lr10 { margin-left: 10px !important; margin-right: 10px !important;}
.sm-mrg-l0 { margin-left: 0 !important;}
.sm-mrg-l3 { margin-left: 3px !important;}
.sm-mrg-l5 { margin-left: 5px !important;}
.sm-mrg-l10 { margin-left: 10px !important;}
.sm-mrg-r0 { margin-right: 0 !important;}
.sm-mrg-r3 { margin-right: 3px !important;}
.sm-mrg-r5 { margin-right: 5px !important;}
.sm-mrg-r10 { margin-right: 10px !important;}
.sm-mrg-tb0 { margin-top: 0 !important; margin-bottom: 0 !important;}
.sm-mrg-tb3 { margin-top: 3px !important; margin-bottom: 3px !important;}
.sm-mrg-tb5 { margin-top: 5px !important; margin-bottom: 5px !important;}
.sm-mrg-tb10 { margin-top: 10px !important; margin-bottom: 10px !important;}
.sm-mrg-tb15 { margin-top: 15px !important; margin-bottom: 15px !important;}
.sm-mrg-tb20 { margin-top: 20px !important; margin-bottom: 20px !important;}
.sm-mrg-t3 { margin-top: 3px !important;}
.sm-mrg-t5 { margin-top: 5px !important;}
.sm-mrg-t10 { margin-top: 10px !important;}
.sm-mrg-t15 { margin-top: 15px !important;}
.sm-mrg-t20 { margin-top: 20px !important;}
.sm-mrg-b3 { margin-bottom: 3px !important;}
.sm-mrg-b5 { margin-bottom: 5px !important;}
.sm-mrg-b10 { margin-bottom: 10px !important;}
.sm-mrg-b15 { margin-bottom: 15px !important;}
.sm-mrg-b20 { margin-bottom: 20px !important;}
/* ********************** Padding */
.sm-pad-0 { padding: 0 !important;}
.sm-pad-3 { padding: 3px !important;}
.sm-pad-5 { padding: 5px !important;}
.sm-pad-10 { padding: 10px !important;}
.sm-pad-lr0 { padding-left: 0 !important; padding-right: 0 !important;}
.sm-pad-lr2 { padding-left: 2px !important; padding-right: 2px !important;}
.sm-pad-lr3 { padding-left: 3px !important; padding-right: 3px !important;}
.sm-pad-lr5 { padding-left: 5px !important; padding-right: 5px !important;}
.sm-pad-lr10 { padding-left: 10px !important; padding-right: 10px !important;}
.sm-pad-tb0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.sm-pad-tb3 { padding-top: 3px !important; padding-bottom: 3px !important;}
.sm-pad-tb5 { padding-top: 5px !important; padding-bottom: 5px !important;}
.sm-pad-tb10 { padding-top: 10px !important; padding-bottom: 10px !important;}
/* ********************** Alignment */
.sm-txta-l { text-align: left !important;}
.sm-txta-c { text-align: center !important;}
.sm-txta-r { text-align: right !important;}
.sm-vrta-b { vertical-align: bottom !important;}
.sm-vrta-m { vertical-align: middle !important;}
.sm-vrta-t { vertical-align: top !important;}
/* ********************** Fonts */
.sm-fnts-10 { font-size: 10px !important;}
.sm-fnts-12 { font-size: 12px !important;}
.sm-fnts-14 { font-size: 14px !important;}
.sm-fnts-16 { font-size: 16px !important;}
.sm-fnts-18 { font-size: 18px !important;}

/* ************************************************* BUTTONS */
/* ********************** Button properties */
.sm-btn-nm {
	margin: 0;
}
.sm-btn-fw {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.sm-btn-np {
	padding: 2px;
}

/* ************************************************* ICONS */
.sm-i-10 { height: 10px; margin-bottom: 3px}
.sm-i-12 { height: 12px; margin-bottom: 3px}
.sm-i-14 { height: 14px; margin-bottom: 3px}
.sm-i-15 { height: 15px; margin-bottom: 3px}
.sm-i-16 { height: 16px; margin-bottom: 3px}
.sm-i-18 { height: 18px; margin-bottom: 3px}
.sm-i-20 { height: 20px; margin-bottom: 3px}
.sm-i-22 { height: 22px;}
.sm-i-30 { height: 30px;}

/* ************************************************* TABLES */
/* ********************** Tabular data table styles */
.mytable thead th, .rhead {
	font-size: 12px;
}
.mytable tbody td, .mytable td, .mytable thead th, .mytable th, tbody td.rhead, td.rhead, .tbcell {
	padding: 4px;
}
/* ********************** Table scroll */
.tbscrolltxt {
	display: block;
}
.sm-tbfix { table-layout: fixed;}
.sm-tbauto { table-layout: auto;}
}


/* ****************************************************************************************** SML - SMALL SCREEN LAYOUT ELEMENTS IN LANDSCAPE ONLY(>430px and <768px) */
@media screen and (min-width: 431px) and (max-width: 767px) {
/* ************************************************* GLOBAL SHORTCUT CLASSES */
/* ********************** Display		*/
.sml-dsp-n { display: none !important;}
.sml-dsp-b { display: block !important;}
.sml-dsp-ib { display: inline-block !important;}
/* ********************** Position	*/
/* ********************** Float & overflow	*/
/* ********************** Width & height	*/
.sml-w-full { width: 100%; margin-left: 0 !important; margin-right: 0 !important;}
.sml-w-auto { width: auto !important;}
.sml-w-autom { width: auto !important; margin-left: 5px !important; margin-right: 5px !important;}
.sml-mxw-n { max-width: none !important;}
.sml-mxw-50px { max-width: 50px !important;}
.sml-mxw-100px  { max-width: 100px !important;}
.sml-mxw-150px  { max-width: 150px !important;}
.sml-mxw-200px  { max-width: 200px !important;}
.sml-mxw-250px  { max-width: 250px !important;}
.sml-mxw-300px  { max-width: 300px !important;}
.sml-mxw-400px  { max-width: 400px !important;}
.sml-mxw-500px  { max-width: 500px !important;}
.sml-mnw-full { min-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
/* ********************** Margin	*/
.sml-mrg-0 { margin: 0 !important;}
.sml-mrg-3 { margin: 3px !important;}
.sml-mrg-5 { margin: 5px !important;}
.sml-mrg-10 { margin: 10px !important;}
.sml-mrg-lr0 { margin-left: 0 !important; margin-right: 0 !important;}
.sml-mrg-lr3 { margin-left: 3px !important; margin-right: 3px !important;}
.sml-mrg-lr5 { margin-left: 5px !important; margin-right: 5px !important;}
.sml-mrg-lr10 { margin-left: 10px !important; margin-right: 10px !important;}
.sml-mrg-tb0 { margin-top: 0 !important; margin-bottom: 0 !important;}
.sml-mrg-tb3 { margin-top: 3px !important; margin-bottom: 3px !important;}
.sml-mrg-tb5 { margin-top: 5px !important; margin-bottom: 5px !important;}
.sml-mrg-tb10 { margin-top: 10px !important; margin-bottom: 10px !important;}
.sml-mrg-t3 { margin-top: 3px !important;}
.sml-mrg-t5 { margin-top: 5px !important;}
.sml-mrg-t10 { margin-top: 10px !important;}
.sml-mrg-b3 { margin-bottom: 3px !important;}
.sml-mrg-b5 { margin-bottom: 5px !important;}
.sml-mrg-b10 { margin-bottom: 10px !important;}
/* ********************** Padding		*/
/* ********************** Alignment	*/
.sml-txta-l { text-align: left !important;}
.sml-txta-c { text-align: center !important;}
.sml-txta-r { text-align: right !important;}
/* ********************** Fonts	*/
/* ********************** Other */

/* ************************************************* BUTTONS */
/* ********************** Button properties */
.sml-btn-nm {
	margin: 0;
}
.sml-btn-fw {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.sml-btn-np {
	padding: 2px;
}

/* ************************************************* TABLES */
/* ********************** Tabular data table styles */
.mytable tbody td, .mytable td, .mytable thead th, .mytable th, tbody td.rhead, td.rhead, .tbcell {
	padding: 5px;
}
}


/* ****************************************************************************************** SMP - SMALL SCREEN LAYOUT ELEMENTS IN PORTRAIT ONLY (<431px) */
@media screen and (max-width: 430px) {
/* ************************************************* GLOBAL SHORTCUT CLASSES */
/* ********************** Display		*/
.smp-dsp-n { display: none !important;}
.smp-dsp-b { display: block !important;}
.smp-dsp-ib { display: inline-block !important;}
.smp-dsp-t {display: table !important;}
.smp-dsp-tr {display: table-row !important;}
.smp-dsp-tc {display: table-cell !important;}
/* ********************** Width & height */
.smp-w-full { width: 100%; margin-left: 0 !important; margin-right: 0 !important;}
.smp-w-auto { width: auto !important;}
.smp-w-50px { width: 50px !important;}
.smp-w-100px { width: 100px !important;}
.smp-mnw-full { min-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
/* ********************** Margin	*/
.smp-mrg-0 { margin: 0 !important;}
.smp-mrg-tb3 { margin-top: 3px !important; margin-bottom: 3px !important;}
/* ********************** Padding */
.smp-pad-0 { padding: 0 !important;}
.smp-pad-tb3 { padding-top: 3px !important; padding-bottom: 3px !important;}
/* ********************** Alignment */
.smp-txta-l { text-align: left !important;}
.smp-txta-c { text-align: center !important;}
.smp-txta-r { text-align: right !important;}
/* ********************** Fonts */
.smp-fnts-10 { font-size: 10px !important;}
.smp-fnts-12 { font-size: 12px !important;}
.smp-fnts-14 { font-size: 14px !important;}
.smp-fnts-16 { font-size: 16px !important;}
.smp-fnts-18 { font-size: 18px !important;}

.smp-ws-nw { white-space: nowrap !important;}
.smp-ws-n { white-space: normal !important;}

/* ************************************************* BUTTONS */
/* ********************** Button properties */
.smp-btn-nm {
	margin: 0;
}
.smp-btn-fw {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.smp-btn-np {
	padding: 2px;
}

/* ************************************************* FORMS */
.frm-s { display: block; width: 100%;}
.frm-f, .frm-ft { /* form fields */
	width: 100%;
}
.frm-f { display: block;} /* form field (row) */
.frm-ft { display: block;}  /* form field (table/block) */

.frm-lnstack {
	display: table-cell !important;
	text-align: left !important;
	padding: 0 3px 0 0 !important;
	white-space: nowrap;
}
.frm-dnstack {
	display: table-cell !important;
/* 	width: 100% !important; */
	padding: 8px 0 10px 3px !important;
}
[class^="frm-l"], [class*=" frm-l"] { /* form label */
	display: block;
	width: auto;
	text-align: left;
	padding: 0;
}
[class^="frm-d"], [class*=" frm-d"] { /* form data */
	display: block;
	width: 100%;
	text-align: left;
	padding: 5px 0 10px;
}
.sm-frm-stack { /* stacked fields */
	display: block;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0 0 3px;
}
.frm-btn { /* data field containing button */
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
}
.frm-btnnstack {
	display: table-cell;
	width: auto;
}
/* ************************************************* TABLES */
/* ********************** Padding to cells */
.sm-tbcpad-lr3 tr td { padding-left: 3px; padding-right: 3px;}
}


/* ****************************************************************************************** MD & LG - BOTH MEDIUM & LARGE SCREEN LAYOUT ELEMENTS (>767 pixels) */
@media screen and (min-width: 768px) {
/* ************************************************* GLOBAL SHORTCUT CLASSES */
/* ********************** Display		*/
.lg-dsp-n { display: none !important;}
.lg-dsp-b { display: block !important;}
.lg-dsp-ib { display: inline-block !important;}
/* ********************** Position */
/* ********************** Float & overflow */
/* ********************** Width & height */
.lg-w-full { width: 100%; margin-left: 0 !important; margin-right: 0 !important;}
.lg-w-auto { width: auto !important;}
.lg-w-50px { width: 50px !important;}
.lg-w-100px  { width: 100px !important;}
.lg-w-150px  { width: 150px !important;}
.lg-w-200px  { width: 200px !important;}
.lg-w-250px  { width: 250px !important;}
.lg-w-300px  { width: 300px !important;}
.lg-w-400px  { width: 400px !important;}
.lg-w-500px  { width: 500px !important;}
.lg-w-20pct { width: 20% !important;}
.lg-w-33pct { width: 33% !important;}
.lg-w-50pct { width: 50% !important;}
.lg-mxw-n { max-width: none !important;}
.lg-mxw-full { max-width: 100% !important;}
.lg-mxw-50px { max-width: 50px !important;}
.lg-mxw-100px  { max-width: 100px !important;}
.lg-mxw-150px  { max-width: 150px !important;}
.lg-mxw-200px  { max-width: 200px !important;}
.lg-mxw-250px  { max-width: 250px !important;}
.lg-mxw-300px  { max-width: 300px !important;}
.lg-mxw-400px  { max-width: 400px !important;}
.lg-mxw-500px  { max-width: 500px !important;}
.lg-mnw-n { min-width: none !important;}
.lg-mnw-full { min-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
.lg-mnw-50px { min-width: 50px !important;}
.lg-mnw-100px  { min-width: 100px !important;}
.lg-mnw-150px  { min-width: 150px !important;}
.lg-mnw-200px  { min-width: 200px !important;}
.lg-mnw-250px  { min-width: 250px !important;}
.lg-mnw-300px  { min-width: 300px !important;}
.lg-mnw-500px  { min-width: 500px !important;}
.lg-h-100px  { height: 100px !important;}
/* ********************** Margin */
.lg-mrg-t15 { margin-top: 15px !important;}
/* ********************** Padding */
/* ********************** Alignment */
/* ********************** Fonts */
.lg-txta-l { text-align: left !important;}
.lg-txta-c { text-align: center !important;}
.lg-txta-r { text-align: right !important;}
.lg-fnts-20 { font-size: 20px !important;}
/* ********************** Other Shortcuts */
.lg-ws-nw { white-space: nowrap !important;}
.lg-ws-n { white-space: normal !important;}
}