@font-face 					{ font-family: 'ypidfonta'; src: url('/templates/default/font/ArialNarrow.ttf') format('truetype') }
@font-face 					{ font-family: 'ypidfontb'; src: url('/templates/default/font/highspeed.ttf') format('truetype') }
@font-face 					{ font-family: 'ypidfontc'; src: url('/templates/default/font/futuramediumcondensedbt.ttf') format('truetype') }
@font-face 					{ font-family: 'ypidfontd'; src: url('/templates/default/font/Roboto-Medium.ttf') format('truetype') }
@font-face 					{ font-family: 'ypidfonte'; src: url('/templates/default/font/OpenSansCondensed-Light.ttf') format('truetype') }
@font-face 					{ font-family: 'ypidfontf'; src: url('/templates/default/font/Roboto-Light.ttf') format('truetype') }

html,body					{ font-family: ypidfontd; margin: 0px; height: 100%; width: 100%; padding: 0px; font-size: 12px }
form 						{ height: 100%; margin: 0px; padding: 0px; width: 100%; }
input                       { font-family: ypidfontd; border-radius: 5px; border: 1px solid #EAEAEA; padding: 5px; font-size: 12px; }
div                         { overflow-y: auto; overflow-x: hidden }
img                         { border-radius: 5px; }
td                          { padding: 5px; }

.ypidmaxwidth80pc			{ max-width: 80% !important; }
.ypidmaxheight80pc			{ max-height: 80% !important; }

.ypidminwidth100pc			{ min-width: 100% !important; }

.ypidwidth100pc				{ width: 100% !important; }
.ypidwidth98pc				{ width: 98% !important; }
.ypidwidth95pc				{ width: 95% !important; }
.ypidwidth90pc				{ width: 90% !important; }
.ypidwidth88pc				{ width: 88% !important; }
.ypidwidth87pc				{ width: 87% !important; }
.ypidwidth85pc				{ width: 85% !important; }
.ypidwidth80pc				{ width: 80% !important; }
.ypidwidth78pc				{ width: 78% !important; }
.ypidwidth75pc				{ width: 75% !important; }
.ypidwidth70pc				{ width: 70% !important; }
.ypidwidth69pc				{ width: 69% !important; }
.ypidwidth65pc				{ width: 65% !important; }
.ypidwidth60pc				{ width: 60% !important; }
.ypidwidth55pc				{ width: 55% !important; }
.ypidwidth50pc				{ width: 50% !important; }
.ypidwidth49pc				{ width: 49% !important; }
.ypidwidth45pc				{ width: 45% !important; }
.ypidwidth40pc				{ width: 40% !important; }
.ypidwidth35pc				{ width: 35% !important; }
.ypidwidth30pc				{ width: 30% !important; }
.ypidwidth25pc				{ width: 25% !important; }
.ypidwidth20pc				{ width: 20% !important; }
.ypidwidth15pc				{ width: 15% !important; }
.ypidwidth10pc				{ width: 10% !important; }
.ypidwidth1pc				{ width: 1% !important; }

.ypidwidth1px				{ width: 1px !important; }
.ypidwidth10px				{ width: 10px !important; }
.ypidwidth15px				{ width: 15px !important; }
.ypidwidth20px				{ width: 20px !important; }
.ypidwidth25px				{ width: 25px !important; }
.ypidwidth30px				{ width: 30px !important; }
.ypidwidth40px				{ width: 40px !important; }
.ypidwidth50px				{ width: 50px !important; }
.ypidwidth80px				{ width: 80px !important; }
.ypidwidth100px				{ width: 100px !important; }
.ypidwidth120px				{ width: 120px !important; }
.ypidwidth130px				{ width: 130px !important; }
.ypidwidth140px				{ width: 140px !important; }
.ypidwidth150px				{ width: 150px !important; }
.ypidwidth200px				{ width: 200px !important; }
.ypidwidth210px				{ width: 210px !important; }
.ypidwidth240px				{ width: 240px !important; }
.ypidwidth250px				{ width: 250px !important; }
.ypidwidth300px				{ width: 300px !important; }
.ypidwidth350px				{ width: 350px !important; }
.ypidwidth400px				{ width: 400px !important; }
.ypidwidth430px				{ width: 430px !important; }
.ypidwidth450px				{ width: 450px !important; }
.ypidwidth485px				{ width: 485px !important; }
.ypidwidth500px				{ width: 500px !important; }
.ypidwidth550px				{ width: 550px !important; }
.ypidwidth650px				{ width: 650px !important; }

.ypidminwidth50px		    { min-width: 50px !important; }
.ypidminwidth80px		    { min-width: 80px !important; }
.ypidminwidth100px		    { min-width: 100px !important; }
.ypidminwidth150px		    { min-width: 150px !important; }
.ypidminwidth200px		    { min-width: 200px !important; }
.ypidminwidth250px		    { min-width: 250px !important; }
.ypidminwidth300px		    { min-width: 300px !important; }
.ypidminwidth350px		    { min-width: 350px !important; }
.ypidminwidth400px		    { min-width: 400px !important; }
.ypidminwidth450px		    { min-width: 450px !important; }
.ypidminwidth500px		    { min-width: 500px !important; }

.ypidminwidth50pc		    { min-width: 50% !important; }

.ypidheight100pc			{ height: 100% !important; }
.ypidheight98pc				{ height: 98% !important; }
.ypidheight90pc				{ height: 90% !important; }
.ypidheight80pc				{ height: 80% !important; }
.ypidheight70pc				{ height: 70% !important; }
.ypidheight60pc				{ height: 60% !important; }
.ypidheight40pc				{ height: 40% !important; }
.ypidheight20pc				{ height: 20% !important; }
.ypidheight15pc				{ height: 15% !important; }
.ypidheight10pc				{ height: 10% !important; }

.ypidheight10px				{ height: 10px !important; }
.ypidheight20px				{ height: 20px !important; }
.ypidheight30px				{ height: 30px !important; }
.ypidheight40px				{ height: 40px !important; }
.ypidheight50px				{ height: 50px !important; }
.ypidheight69px				{ height: 69px !important; }
.ypidheight80px		        { height: 80px !important; }
.ypidheight100px		    { height: 100px !important; }
.ypidheight150px		    { height: 150px !important; }
.ypidheight180px		    { height: 180px !important; }
.ypidheight200px		    { height: 200px !important; }
.ypidheight220px		    { height: 220px !important; }
.ypidheight250px		    { height: 250px !important; }
.ypidheight300px		    { height: 300px !important; }
.ypidheight350px		    { height: 350px !important; }
.ypidheight400px		    { height: 400px !important; }
.ypidheight450px		    { height: 450px !important; }
.ypidheight500px		    { height: 500px !important; }

.ypidmaxheight200px		    { max-height: 200px !important; }

.ypidtabletitle				{ padding-top: 10px; padding-bottom: 10px; font-size: 15px; font-weight: bold; }
.ypidtablelist				{ margin-top: 10px; }
.ypidtableheader			{ font-weight: bold; font-size: 14px; color: #000000; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px;}
.ypidtablecontent			{ border-bottom: 1px solid #000000; font-size: 13px; color: #000000; padding: 5px; }
.ypidnomargin				{ margin: 0px !important; }
.ypidautomargin				{ margin: auto !important; }

.ypidsessionlabel			{ float:left; height: 100%; color: #000000; padding: 5px; }

.ypidfloatleft				{ float: left !important; }
.ypidfloatright				{ float: right !important; }

.ypidmenumainholder         { width: 100%; background-color: #00A3BC; }
.ypidmenuholder				{ width: 100%; overflow-y: auto; margin-left: 5px; margin-right:5px;}
.ypidlogoholder				{ font-family: ypidfontb; width: 100%; background-color: #009CB0; text-align: center; color: #ffffff; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #86EEFE; }

.ypidfonta                  { font-family: ypidfonta !important; }
.ypidfontb                  { font-family: ypidfontb !important; }
.ypidfontc                  { font-family: ypidfontc !important; }
.ypidfontd                  { font-family: ypidfontd !important; }
.ypidfonte                  { font-family: ypidfonte !important; }
.ypidfontf                  { font-family: ypidfontf !important; }

.ypidmainmenu				{ color: #ffffff; cursor: pointer; cursor: hand; float: left; }
.ypidmainmenu:hover			{ background-color: #FCC6BA; }

.ypidmainholder				{ width: 100%; height: 100%; padding:0px; margin: 0px; }

.ypidleftholder				{ height: 100%; width: 15%; float: left; padding:0px; margin: 0px; background-color: #00A3BC; }
.ypidrightholder			{ height: 100%; width: 85%; float: left; padding: 0px; margin: 0px; }

.ypidtopholder				{ width: 100%; background-color: #dedede; color: #000000; }
.ypidsubheaderholder		{ width: 100%; background-color: #202020; color: #ffffff; }
.ypidworkspaceholder		{ width: 100%; overflow-y: auto; margin: 0px; padding: 0px; }

.ypidloadingholder			{ padding: 5px; float: right; }

.ypidlink					{ text-decoration: none; cursor: hand; cursor: pointer; padding: 5px; font-size: 12px }
.ypidlink:hover				{ color: #ffe65a; }

.ypidmenu					{ text-decoration: none; cursor: hand; cursor: pointer; padding: 5px; font-size: 12px }
.ypidmenu:hover			    { color: #ffe65a; }
.ypidactivemenu             { background-image: url("/templates/default/images/arrow1.png"); background-repeat: no-repeat; background-position: right center; }

.ypidtablecontainer			{ margin: auto}
.ypidworkspace       		{ width: 100%; height: 100%; margin:0px; padding-top: 10px; padding-left: 0px; padding-right:0px; }

.ypidformtitle				{ font-weight: bold; text-align: left}
.ypidformheader				{ font-weight: bold; text-align: left }
.ypidformcontent			{ font-size: 13px; text-align: left }

.ypidformminititle		    { font-size: 14px; font-weight: bold; border-bottom: 1px solid #AEAEAE;}
.ypidformminiheader			{ font-weight: bold; font-size: 12px; text-align: left}
.ypidformminicontent		{ font-size: 11px;  text-align: left}

.ypidpadding3px				{ padding: 3px !important; }
.ypidpadding5px				{ padding: 5px !important; }
.ypidpadding6px				{ padding: 6px !important; }
.ypidpadding7px				{ padding: 7px !important; }
.ypidpadding8px				{ padding: 8px !important; }
.ypidpadding10px			{ padding: 10px !important; }
.ypidpadding25px			{ padding: 25px !important; }
.ypidpadding0px				{ padding: 0px !important; }

.ypidpaddingtop3px			{ padding-top: 3px !important; }
.ypidpaddingbottom3px		{ padding-bottom: 3px !important; }
.ypidpaddingtop5px			{ padding-top: 5px !important; }
.ypidpaddingbottom5px		{ padding-bottom: 5px !important; }
.ypidpaddingtop10px			{ padding-top: 10px !important; }
.ypidpaddingbottom10px		{ padding-bottom: 10px !important; }
.ypidpaddingleft10px		{ padding-left: 10px !important; }
.ypidpaddingright10px		{ padding-right: 10px !important; }
.ypidpaddingtop20px			{ padding-top: 20px !important; }
.ypidpaddingbottom20px		{ padding-bottom: 20px !important; }
.ypidpaddingtop80px			{ padding-top: 80px !important; }
.ypidpaddingbottom80px	    { padding-bottom: 80px !important; }

.ypidmarginlr10px			{ margin-left: 10px !important; margin-right: 10px !important; }

.ypidmarginleft5px			{ margin-left: 5px !important; }
.ypidmarginright5px			{ margin-right: 5px !important; }
.ypidmarginbottom5px	    { margin-bottom: 5px !important; }
.ypidmargintop5px	        { margin-top: 5px !important; }
.ypidmarginbottom8px	    { margin-bottom: 8px !important; }
.ypidmargintop8px	        { margin-top: 8px !important; }

.ypidmarginleft10px			{ margin-left: 10px !important; }
.ypidmarginright10px		{ margin-right: 10px !important; }

.ypidmargintop10px			{ margin-top: 10px !important; }
.ypidmarginbottom10px		{ margin-bottom: 10px !important; }
.ypidmarginleft10px			{ margin-left: 10px !important; }
.ypidmarginright10px		{ margin-right: 10px !important; }
.ypidmargintop80px			{ margin-top: 80px !important; }
.ypidmarginbottom80px		{ margin-bottom: 80px !important; }

.ypidmargin20px				{ margin: 20px !important; }
.ypidmargin10px				{ margin: 10px !important; }
.ypidmargin5px				{ margin: 5px !important; }
.ypidmargin0px				{ margin: 0px !important; }

.ypidformbuttoncontainer	{ position: absolute; top: 108px; right: 5px; font-size: 18px; color: #ffffff; background-color: #000000; padding: 10px; margin:0px; }

.ypidbgcolorFDEBD0          { background-color: #FDEBD0; color: #5A5A5A !important; }
.ypidbgcolorFFDDCC          { background-color: #FFDDCC; color: #5A5A5A !important; }
.ypidbgcolor91AC9D          { background-color: #91AC9D; color: #ffffff !important; }
.ypidbgcolor009CB0          { background-color: #009CB0; color: #ffffff !important; }
.ypidbgcolor00FF00          { background-color: #00FF00; color: #ffffff !important; }
.ypidbgcolorFF0000          { background-color: #FF0000; color: #ffffff !important; }
.ypidbgcolor00A3BC          { background-color: #00A3BC; color: #ffffff !important; }
.ypidbgcolor00606f          { background-color: #00606f; color: #ffffff !important; }
.ypidbgcolor5E0B19			{ background-color: #5E0B19; color: #ffffff !important; }
.ypidbgcolorFB6A23			{ background-color: #FB6A23; color: #ffffff !important; }
.ypidbgcolor026170			{ background-color: #026170; color: #ffffff !important; }
.ypidbgcolor9A9A9A			{ background-color: #9A9A9A; color: #ffffff !important; }
.ypidbgcolor5A5A5A			{ background-color: #5A5A5A; color: #ffffff !important; }
.ypidbgcolorFFFFFF			{ background-color: #FFFFFF; color: #000000 !important; }
.ypidbgcolor000000			{ background-color: #000000; color: #ffffff !important; }
.ypidbgcolorEAEAEA          { background-color: #EAEAEA; color: #000000 !important; }
.ypidbgcolorDADADA          { background-color: #DADADA; color: #000000 !important; }
.ypidbgcolor02889D          { background-color: #02889D; color: #FFFFFF !important; }
.ypidbgcolorDBE804          { background-color: #DBE804; color: #000000 !important; }
.ypidbgcolorAEA80A          { background-color: #AEA80A; color: #FFFFFF !important; }
.ypidbgcolor00682E          { background-color: #00682E; color: #FFFFFF !important; }
.ypidbgcolor01D65F          { background-color: #01D65F; color: #FFFFFF !important; }
.ypidbgcolorC8f2DB          { background-color: #C8f2DB; color: #FFFFFF !important; }
.ypidbgcolorFDD3D7          { background-color: #FDD3D7; color: #FFFFFF !important; }

.ypidborder00FF00		    { border: 1px solid #00FF00 !important; }
.ypidborder6B0D1C		    { border: 1px solid #6B0D1C !important; }
.ypidborder026170		    { border: 1px solid #026170 !important; }
.ypidborderEAEAEA		    { border: 1px solid #EAEAEA !important; }
.ypidborder9A9A9A		    { border: 1px solid #9A9A9A !important; }
.ypidborder5E0B19			{ border: 1px solid #5E0B19 !important; }
.ypidborder009B4F			{ border: 1px solid #009B4F !important; }
.ypidborderEAA40E			{ border: 1px solid #EAA40E !important; }
.ypidborderCE0303			{ border: 1px solid #CE0303 !important; }


.ypidborderleftFFFFFF		{ border-left: 1px solid #FFFFFF; }
.ypidborderleft6B0D1C		{ border-left: 1px solid #6B0D1C; }
.ypidborderleft026170		{ border-left: 1px solid #026170; }
.ypidborderleft5A5A5A		{ border-left: 1px solid #5A5A5A; }
.ypidborderleft9A9A9A		{ border-left: 1px solid #9A9A9A; }

.ypidborderrightFFFFFF		{ border-right: 1px solid #FFFFFF; }
.ypidborderright6B0D1C		{ border-right: 1px solid #6B0D1C; }
.ypidborderright026170		{ border-right: 1px solid #026170; }
.ypidborderright5A5A5A		{ border-right: 1px solid #5A5A5A; }
.ypidborderright9A9A9A		{ border-right: 1px solid #9A9A9A; }

.ypidborderbottomcolor5E0B19 { border-bottom-color: #5E0B19 !important; }
.ypidborderbottomcolor5A5A5A { border-bottom-color: #5A5A5A !important; }
.ypidborderbottomcolorFFFFFF { border-bottom-color: #FFFFFF !important; }
.ypidborderbottomcolorAEAEAE { border-bottom-color: #AEAEAE !important; }
.ypidborderbottomcolorCACACA { border-bottom-color: #CACACA !important; }
.ypidborderbottom5A5A5A		 { border-bottom: 1px solid #5A5A5A !important; }
.ypidborderbottomCACACA		 { border-bottom: 1px solid #CACACA !important; }
.ypidborderbottom9A9A9A      { border-bottom: 1px solid #9A9A9A !important; }
.ypidborderbottomFF0000      { border-bottom: 1px solid #FF0000 !important; }
.ypidborderbottomAEAEAE      { border-bottom: 1px solid #AEAEAE !important; }

.ypidborderbottom2px        { border-bottom-width: 2px !important; border-bottom-style: solid !important;}
.ypidborderbottom1px        { border-bottom-width: 1px !important; border-bottom-style: solid !important;}

.ypidbordertopCACACA		{ border-top: 1px solid #CACACA !important; }
.ypidbordertop9A9A9A        { border-top: 1px solid #9A9A9A !important; }
.ypidbordertopAEAEAE        { border-top: 1px solid #AEAEAE !important; }

.ypidborderdash             { border-style: dashed; }
.ypidborderbottomdash       { border-bottom-style: dashed; }
.ypidbordernone             { border-style: none; }

.ypidsuccessmessage			{ color: #0841BB; text-align: center; }
.ypiderrormessage			{ color: #FF0000; text-align: center; }

.ypidtextff0000				{ color: #ff0000; }
.ypidtext00ff00				{ color: #00ff00; }
.ypidtext0000ff				{ color: #0000ff; }
.ypidtextffffff				{ color: #ffffff; }

.ypidcenter                 { text-align: center !important;}
.ypidleft                   { text-align: left !important;}
.ypidright                  { text-align: right !important;}
.ypidtop   					{ vertical-align: top !important; }
.ypidmiddle   				{ vertical-align: middle !important; }
.ypidbottom   				{ vertical-align: bottom !important; }

.ypidblock                  { display: block !important; }
.ypidhidden                 { display: none !important; }

.ypiderrorcontainer         { margin: auto; padding: 10px; color: #ffffff; border-color: #FF0000; background-color: #F78181; text-align: center; }
.ypidwarningcontainer       { margin: auto; padding: 10px; color: #ffffff; border-color: #FFFF00; background-color: #F3F781; text-align: center; }
.ypidnormalcontainer        { margin: auto; padding: 10px; color: #ffffff; border-color: #0404B4; background-color: #819FF7; text-align: center; }

.ypidborderround25pc        { border-radius: 25%; }
.ypidborderround10pc        { border-radius: 10%; }
.ypidborderround25px        { border-radius: 25px; }
.ypidborderround8px         { border-radius: 8px; }
.ypidborderround5px         { border-radius: 5px; }
.ypidborderround3px         { border-radius: 3px; }
.ypidborderroundtop5px      { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.ypidborderroundbottom5px   { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.ypidborderroundtop3px      { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.ypidborderroundbottom3px   { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.ypidborderroundtop8px      { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.ypidborderroundbottom8px   { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.ypidborderroundtopleft8px      { border-top-left-radius: 8px; }
.ypidborderroundbottomleft8px   { border-bottom-left-radius: 8px; }
.ypidborderroundtopright8px     { border-top-right-radius: 8px; }
.ypidborderroundbottomright8px  { border-bottom-left-radius: 8px; }

.ypidinput                  { border-radius: 5px; border: 1px solid #EAEAEA; padding: 5px; font-size: 12px; }
.ypidpagination				{ text-align: center; display: inline-block; color: #000000; font-size: 12px; text-decoration: none; cursor: pointer; cursor: hand; margin-right: 10px; }
.ypidpageactive				{ text-align: center; display: inline-block; color: #EAEAEA; font-size: 13px; text-decoration: none; cursor: pointer; cursor: hand; margin-right: 10px; }

.ypidoverflowauto           { overflow: auto !important;}
.ypidoverflowyauto          { overflow-y: auto !important;}
.ypidoverflowxauto          { overflow-x: auto !important;}

.ypidoverflowhide           { overflow: hidden !important;}

.alwaystop                  { position: fixed; left: 0; top: 0; z-index: 10000; }

.ypidopacity50              { opacity: 0.5; filter: alpha(opacity=50);}
.ypidopacity25              { opacity: 0.25; filter: alpha(opacity=25);}

.ypidshadow1                { -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; }

.ypidfonttitle14px		    { font-size: 14px; font-weight: bold; }
.ypidfonttitle25px		    { font-size: 25px; font-weight: bold; }

.ypidfontmessage10px		{ font-size: 10px !important; }
.ypidfontmessage14px		{ font-size: 14px !important; }
.ypidfontmessage25px		{ font-size: 25px !important; }

.ypidfont10px               { font-size: 10px !important; }
.ypidfont12px               { font-size: 12px !important; }
.ypidfont18px               { font-size: 18px !important; }
.ypidfont28px               { font-size: 28px !important; }
.ypidfont38px               { font-size: 38px !important; }
.ypidfont48px               { font-size: 48px !important; }
.ypidfont58px               { font-size: 58px !important; }
.ypidfont68px               { font-size: 68px !important; }
.ypidfont78px               { font-size: 78px !important; }
.ypidfont88px               { font-size: 88px !important; }

.ypidfontitalic             { font-style: italic !important; }
.ypidfontnormal             { font-weight: normal !important;}
.ypidfontbold               { font-weight: bold !important;}

.ypidhand					{ text-decoration: none; cursor: hand; cursor: pointer; }

.ypidfont009CB0             { color: #009CB0 !important; }
.ypidfont00FF00             { color: #00FF00 !important; }
.ypidfontFF0000             { color: #FF0000 !important; }
.ypidfont00A3BC             { color: #00A3BC !important; }
.ypidfont5E0B19             { color: #5E0B19 !important; }
.ypidfontFB6A23             { color: #FB6A23 !important; }
.ypidfontFFDDCC             { color: #ffddcc !important; }
.ypidfont026170			    { color: #026170 !important; }
.ypidfont9A9A9A			    { color: #9A9A9A !important; }
.ypidfontDADADA			    { color: #DADADA !important; }
.ypidfont5A5A5A			    { color: #5A5A5A !important; }
.ypidfontFFFFFF			    { color: #FFFFFF !important; }
.ypidfont000000			    { color: #000000 !important; }

.ypiddisplayflex            { display: flex; flex:1;}

.activecalendardate         { color: #FF0000 !important; }

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

.ypidpositionrelative        { position: relative !important; }
.ypidpositionfixed          { position: fixed !important; }
.ypidpositionabsolute       { position: absolute !important; }
.ypidpositioninitial        { position: initial !important; }

.ypidrequired               { color: #FFFFFF; }

.ypidlineheight28px         { line-height: 28px !important; }
.ypidlineheight24px         { line-height: 24px !important; }
.ypidlineheight20px         { line-height: 20px !important; }
.ypidlineheight18px         { line-height: 18px !important; }

.select2-container          { min-width:100px; }

.tabactive                  { color: #AEAEAE; text-decoration: none; }
.tab                        { color: #0000ff; text-decoration: none; }