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

html,body					{ font-family: ypidfonta; margin: 0px; height: 100%; width: 100%; padding: 0px; font-size: 100%; }
form 						{ height: 100%; margin: 0px; padding: 0px; width: 100%; }
input                       { font-family: ypidfonta; border-radius: 5px; border: 1px solid #EAEAEA; padding: 5px; font-size: 80%; }
input::placeholder          { color: #9A9A9A; }
input[type=text]            { border: 1px solid #9A9A9A; }
input[type=password]        { border: 1px solid #9A9A9A; }
div                         { overflow-y: auto; overflow-x: hidden }
img                         { border-radius: 5px; }
td                          { padding: 5px; }
hr                          { border: 1px solid #EAEAEA; }

.ypidtableheaderlink		{ margin: 5px; text-decoration: none; cursor: hand; cursor: pointer; padding: 5px !important; font-size: 90% ; background-color: #0272B6 !important; color: #FFFFFF; }
.ypidtableheaderlink:hover  { color: #ffe65a; }

.ypidlink					{ margin: 5px; text-decoration: none; cursor: hand; cursor: pointer; padding: 10px; font-size: 90% ; background-color: #0272B6; color: #FFFFFF; }
.ypidlink:hover				{ color: #ffe65a; }

.ypidtablemainlink			{ color: #FFFFFF; text-decoration: none; cursor: hand; cursor: pointer; background-color: #0272B6; padding: 10px; margin: 3px; border: 1px solid #FFFFFF; font-size: 90%;}
.ypidtablemainlink:hover	{ color: #ffe65a; }

.ypidbuttonlink			    { color: #FFFFFF; text-decoration: none; cursor: hand; cursor: pointer; background-color: #0272B6; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; margin-right: 5px; margin-left: 5px; border: 1px solid #FFFFFF; font-size: 90%;}
.ypidbuttonlink:hover	    { color: #ffe65a; }

.ypidheadermenulink         { font-weight: normal; font-family: 'ypidfontc'; background-color: #0272B6; float: right; padding-bottom: 3px; padding-top: 3px; margin-top: 5px; margin-right: 5px; margin-left: 5px; border: 1px solid #FFFFFF; overflow:hidden; font-size: 90%; }
.ypidheadermenulink:hover   { color: #ffe65a; border-color: #ffe65a; }

.ypidmainmenulink           { color: #FFFFFF; font-weight: normal; font-family: 'ypidfontc'; border: 1px solid #EAEAEA; padding-bottom: 10px; padding-top: 10px; background-color: #0272B6; margin-top: 2px; margin-bottom: 2px; margin-left: auto; margin-right: auto; display: inline-block; text-align: center; font-size: 90%; }
.ypidmainmenulink:hover     { color: #ffe65a; border-color: #ffe65a; }

.ypidmenu					{ text-decoration: underline; cursor: hand; cursor: pointer; padding: 5px; font-size: 101% }
.ypidmenu:hover			    { color: #ffe65a; }

.ypidactivemenu             { background-image: url("templates/default/images/arrow1.png"); background-repeat: no-repeat; background-position: right center; }

.ypidlisttitle              { float: left; color: #A0A0A0; font-size: 120%; margin-top: 10px; }

.ypidpartnerheader          { background-image: url('../images/partnerheader-bg.jpg') !important; background-position: center top !important; background-size: 100% !important; max-height: 120px !important; color: #FFFFFF !important; }
.ypidadminheader            { background-color: #0182D1; max-height: 120px !important; color: #FFFFFF !important; }
.ypidsalesforceheader       { background-image: url('../images/salesforceheader-bg.jpg') !important; background-position: center top !important; background-size: 100% !important; max-height: 120px !important; color: #FFFFFF !important; }

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

.ypidminwidth100pc			{ min-width: 100% !important; }
.ypidminwidth50pc			{ min-width: 50% !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; }
.ypidwidth79pc				{ width: 79% !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; }
.ypidwidth48pc				{ width: 48% !important; }
.ypidwidth45pc				{ width: 45% !important; }
.ypidwidth40pc				{ width: 40% !important; }
.ypidwidth35pc				{ width: 35% !important; }
.ypidwidth30pc				{ width: 30% !important; }
.ypidwidth25pc				{ width: 25% !important; }
.ypidwidth24pc				{ width: 24% !important; }
.ypidwidth20pc				{ width: 20% !important; }
.ypidwidth19pc				{ width: 19% !important; }
.ypidwidth15pc				{ width: 15% !important; }
.ypidwidth14pc				{ width: 14% !important; }
.ypidwidth10pc				{ width: 10% !important; }
.ypidwidth6pc				{ width: 6% !important; }
.ypidwidth5pc				{ width: 5% !important; }
.ypidwidth4pc				{ width: 4% !important; }
.ypidwidth3pc				{ width: 3% !important; }
.ypidwidth2pc				{ width: 2% !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; }
.ypidwidth60px				{ width: 60px !important; }
.ypidwidth70px				{ width: 70px !important; }
.ypidwidth80px				{ width: 80px !important; }
.ypidwidth90px				{ width: 90px !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; }
.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; }

.ypidminheight50pc		    { min-height: 50% !important; }

.ypidheight100pc			{ height: 100% !important; }
.ypidheight98pc				{ height: 98% !important; }
.ypidheight95pc				{ height: 95% !important; }
.ypidheight90pc				{ height: 90% !important; }
.ypidheight84pc				{ height: 84% !important; }
.ypidheight83pc				{ height: 83% !important; }
.ypidheight82pc				{ height: 82% !important; }
.ypidheight81pc				{ height: 81% !important; }
.ypidheight80pc				{ height: 80% !important; }
.ypidheight70pc				{ height: 70% !important; }
.ypidheight60pc				{ height: 60% !important; }
.ypidheight50pc				{ height: 50% !important; }
.ypidheight40pc				{ height: 40% !important; }
.ypidheight30pc				{ height: 30% !important; }
.ypidheight25pc				{ height: 25% !important; }
.ypidheight24pc				{ height: 24% !important; }
.ypidheight20pc				{ height: 20% !important; }
.ypidheight19pc				{ height: 19% !important; }
.ypidheight17pc				{ height: 17% !important; }
.ypidheight16pc				{ height: 16% !important; }
.ypidheight15pc				{ height: 15% !important; }
.ypidheight14pc				{ height: 14% !important; }
.ypidheight10pc				{ height: 10% !important; }
.ypidheight1pc				{ height: 1% !important; }
.ypidheight2pc				{ height: 2% !important; }
.ypidheight3pc				{ height: 3% !important; }
.ypidheight4pc				{ height: 4% !important; }
.ypidheight5pc				{ height: 5% !important; }

.ypidheight5px				{ height: 5px !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; }
.ypidheight90px		        { height: 90px !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: 105%; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
.ypidtablelist				{ margin-top: 10px; }
.ypidtableheader			{ background-color: #0272B6; font-size: 90%; color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;}
.ypidtablecontent			{ border-bottom: 1px solid #CECECE; font-size: 75%; color: #000000; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.ypidnomargin				{ margin: 0px !important; }
.ypidautomargin				{ margin: auto !important; }

.ypiddatarow                { background-color: #FFFFFF; }
.ypiddatarow:hover          { background-color: #fdf8f0; }

.ypidmarginleftauto			{ margin-left: auto !important; }
.ypidautomarginrightauto	{ margin-right: auto !important; }
.ypidautomargin2	        { margin: 0 auto !important; }

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

.ypidfloatleft				{ float: left !important; }
.ypidfloatright				{ float: right !important; }
.ypidfloatno   				{ float: none !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; }

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

.ypidformtitle				{ text-decoration: none; cursor: hand; cursor: pointer; margin-top: 10px; margin-bottom: 10px; padding: 5px; font-size: 100%}
.ypidformtitlecontainer	    { color: #FFFFFF; text-decoration: none; cursor: hand; cursor: pointer; padding: 5px; font-size: 100%; width: 100%; float:left; background-color: #0272B6; }
.ypidformheader				{ font-size: 80%; font-weight: bold; text-align: left }
.ypidformcontent			{ font-size: 80%; text-align: left }

.ypidformminititle		    { font-size: 80%; font-weight: bold; border-bottom: 1px solid #AEAEAE;}
.ypidformminiheader			{ font-weight: bold; font-size: 80%; text-align: left}
.ypidformminicontent		{ font-size: 80%;  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; }

.ypidmarginleft2px			{ margin-left: 2px !important; }
.ypidmarginright2px			{ margin-right: 2px !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; }

.ypidmargintop3px			{ margin-top: 3px !important; }
.ypidmarginbottom3px		{ margin-bottom: 3px !important; }
.ypidmarginleft3px			{ margin-left: 3px !important; }
.ypidmarginright3px		    { margin-right: 3px !important; }

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

.ypidmargintop15px			{ margin-top: 15px !important; }
.ypidmarginbottom15px		{ margin-bottom: 15px !important; }
.ypidmarginleft15px			{ margin-left: 15px !important; }
.ypidmarginright15px		{ margin-right: 15px !important; }

.ypidmargintop20px			{ margin-top: 20px !important; }
.ypidmarginbottom20px		{ margin-bottom: 20px !important; }
.ypidmarginleft20px			{ margin-left: 20px !important; }
.ypidmarginright20px		{ margin-right: 20px !important; }

.ypidmargintop30px			{ margin-top: 30px !important; }
.ypidmarginbottom30px		{ margin-bottom: 30px !important; }
.ypidmarginleft30px			{ margin-left: 30px !important; }
.ypidmarginright30px		{ margin-right: 30px !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: 108%; color: #ffffff; background-color: #000000; padding: 10px; margin:0px; }

.ypidbgcolor91AC9D          { background-color: #91AC9D; color: #ffffff; }
.ypidbgcolor009CB0          { background-color: #009CB0; color: #ffffff; }
.ypidbgcolor00FF00          { background-color: #00FF00; color: #ffffff; }
.ypidbgcolorFF0000          { background-color: #FF0000; color: #ffffff; }
.ypidbgcolor00A3BC          { background-color: #00A3BC; color: #ffffff; }
.ypidbgcolor00606f          { background-color: #00606f; color: #ffffff; }
.ypidbgcolor5E0B19			{ background-color: #5E0B19; color: #ffffff; }
.ypidbgcolorE6E6E6          { background-color: #E6E6E6; color: #ffffff; }
.ypidbgcolorFB6A23			{ background-color: #FB6A23; color: #ffffff; }
.ypidbgcolor026170			{ background-color: #026170; color: #ffffff; }
.ypidbgcolor9A9A9A			{ background-color: #9A9A9A; color: #ffffff; }
.ypidbgcolorCACACA			{ background-color: #CACACA; color: #ffffff; }
.ypidbgcolor5A5A5A			{ background-color: #5A5A5A; color: #ffffff; }
.ypidbgcolorFFFFFF			{ background-color: #FFFFFF; color: #000000; }
.ypidbgcolor000000			{ background-color: #000000; color: #ffffff; }
.ypidbgcolorEAEAEA          { background-color: #EAEAEA; color: #000000; }
.ypidbgcolorDADADA          { background-color: #DADADA; color: #000000; }
.ypidbgcolor02889D          { background-color: #02889D; color: #FFFFFF; }
.ypidbgcolorDBE804          { background-color: #DBE804; color: #000000; }
.ypidbgcolorAEA80A          { background-color: #AEA80A; color: #FFFFFF; }
.ypidbgcolor00682E          { background-color: #00682E; color: #FFFFFF; }
.ypidbgcolor01D65F          { background-color: #01D65F; color: #FFFFFF; }
.ypidbgcolorC8f2DB          { background-color: #C8f2DB; color: #FFFFFF; }
.ypidbgcolorFDD3D7          { background-color: #FDD3D7; color: #FFFFFF; }
.ypidbgcolor009B4F          { background-color: #009B4F; color: #FFFFFF; }
.ypidbgcolorEAA40E          { background-color: #EAA40E; color: #FFFFFF; }
.ypidbgcolor00DCFF          { background-color: #00DCFF; color: #FFFFFF; }
.ypidbgcolor302DEA          { background-color: #302DEA; color: #FFFFFF; }
.ypidbgcolorFFE65A          { background-color: #FFE65A; color: #FFFFFF; }
.ypidbgcolor0272B6          { background-color: #0272B6; color: #FFFFFF; }
.ypidbgcolorB5A287          { background-color: #B5A287; color: #FFFFFF; }
.ypidbgcolor0272B6          { background-color: #0272B6; color: #FFFFFF; }
.ypidbgcolorC2E7FD          { background-color: #C2E7FD; color: #000000; }

.ypidborder00FF00		    { border: 1px solid #00FF00; }
.ypidborderFF0000		    { border: 1px solid #FF0000; }
.ypidborder6B0D1C		    { border: 1px solid #6B0D1C; }
.ypidborder026170		    { border: 1px solid #026170; }
.ypidborderEAEAEA		    { border: 1px solid #EAEAEA; }
.ypidborder9A9A9A		    { border: 1px solid #9A9A9A; }
.ypidborder5E0B19			{ border: 1px solid #5E0B19; }
.ypidborder009B4F			{ border: 1px solid #009B4F; }
.ypidborderEAA40E			{ border: 1px solid #EAA40E; }
.ypidborderCACACA	  	    { border: 1px solid #CACACA; }
.ypidborder302DEA	  	    { border: 1px solid #302DEA; }
.ypidborderFFFFFF           { border: 1px solid #FFFFFF; }

.ypidborderleftFFFFFF		{ border-left: 1px solid #FFFFFF; }
.ypidborderleft6B0D1C		{ border-left: 1px solid #6B0D1C; }
.ypidborderleft026170		{ border-left: 1px solid #026170; }
.ypidborderleft5A5A5A		{ border-left: 1px solid #5A5A5A; }
.ypidborderleftE6E6E6       { border-left: 1px solid #E6E6E6; }
.ypidborderleft9A9A9A		{ border-left: 1px solid #9A9A9A; }
.ypidborderleftCACACA		{ border-left: 1px solid #CACACA; }
.ypidborderleft302DEA		{ border-left: 1px solid #302DEA; }

.ypidborderrightFFFFFF		{ border-right: 1px solid #FFFFFF; }
.ypidborderright6B0D1C		{ border-right: 1px solid #6B0D1C; }
.ypidborderright026170		{ border-right: 1px solid #026170; }
.ypidborderright5A5A5A		{ border-right: 1px solid #5A5A5A; }
.ypidborderrightE6E6E6      { border-right: 1px solid #E6E6E6; }
.ypidborderright9A9A9A		{ border-right: 1px solid #9A9A9A; }
.ypidborderrightCACACA		{ border-right: 1px solid #CACACA; }
.ypidborderright302DEA		{ border-right: 1px solid #302DEA; }

.ypidborderbottomcolor5E0B19 { border-bottom-color: #5E0B19 !important; }
.ypidborderbottomcolor5A5A5A { border-bottom-color: #5A5A5A !important; }
.ypidborderbottomcolorE6E6E6 { border-bottom-color: #E6E6E6 !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; }
.ypidborderbottomE6E6E6		 { border-bottom: 1px solid #E6E6E6 !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; }
.ypidborderbottom302DEA      { border-bottom: 1px solid #302DEA !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; }
.ypidbordertop302DEA        { border-top: 1px solid #302DEA !important; }

.ypidborderbottomdbl9A9A9A  { border-bottom: 3px double #9A9A9A; }

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

.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; }

.ypidborderround50pc        { border-radius: 50%; }
.ypidborderround25pc        { border-radius: 25%; }
.ypidborderround10pc        { border-radius: 10%; }
.ypidborderround25px        { border-radius: 25px; }
.ypidborderround8px         { border-radius: 8px; }
.ypidborderround5px         { border-radius: 5px; }
.ypidborderround3px         { border-radius: 3px; }
.ypidborderround0px         { border-radius: 0px; }
.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: 80%; }
.ypidpagination				{ text-align: center; display: inline-block; color: #000000; font-size: 80%; text-decoration: none; cursor: pointer; cursor: hand; margin-right: 10px; }
.ypidpageactive				{ text-align: center; display: inline-block; color: #A0A0A0; font-size: 80%; text-decoration: none; cursor: pointer; cursor: hand; margin-right: 10px; }

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

.ypidoverflowyscroll        { overflow-y: scroll !important;}

.ypidoverflowhide           { overflow: hidden !important;}
.ypidoverflowyhide          { overflow-y: hidden !important;}

.ypidalwaystop              { position: fixed; left: 0; top: 0; z-index: 97; }
.ypidalwaysbottom           { position: fixed; left: 0; bottom:0; z-index: 97; }

.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; }
.ypidshadow2                { box-shadow: 3px 0px 8px #EAEAEA; }

.ypidfonttitle14px		    { font-size: 104%; font-weight: bold; }
.ypidfonttitle25px		    { font-size: 115%; 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; }
.ypidfont16px               { font-size: 16px !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; }

.ypidfont50pc                { font-size: 50% !important; }
.ypidfont60pc                { font-size: 60% !important; }
.ypidfont70pc                { font-size: 70% !important; }
.ypidfont80pc                { font-size: 80% !important; }
.ypidfont90pc                { font-size: 90% !important; }
.ypidfont100pc               { font-size: 100% !important; }
.ypidfont101pc               { font-size: 101% !important; }
.ypidfont102pc               { font-size: 102% !important; }
.ypidfont103pc               { font-size: 103% !important; }
.ypidfont104pc               { font-size: 104% !important; }
.ypidfont105pc               { font-size: 105% !important; }
.ypidfont106pc               { font-size: 106% !important; }
.ypidfont107pc               { font-size: 107% !important; }
.ypidfont108pc               { font-size: 108% !important; }
.ypidfont109pc               { font-size: 109% !important; }
.ypidfont110pc               { font-size: 110% !important; }
.ypidfont115pc               { font-size: 115% !important; }
.ypidfont120pc               { font-size: 120% !important; }
.ypidfont125pc               { font-size: 125% !important; }
.ypidfont130pc               { font-size: 130% !important; }
.ypidfont135pc               { font-size: 135% !important; }
.ypidfont140pc               { font-size: 140% !important; }
.ypidfont145pc               { font-size: 145% !important; }
.ypidfont150pc               { font-size: 150% !important; }
.ypidfont155pc               { font-size: 155% !important; }
.ypidfont160pc               { font-size: 160% !important; }
.ypidfont165pc               { font-size: 165% !important; }
.ypidfont170pc               { font-size: 170% !important; }
.ypidfont175pc               { font-size: 175% !important; }
.ypidfont180pc               { font-size: 180% !important; }
.ypidfont185pc               { font-size: 185% !important; }
.ypidfont190pc               { font-size: 190% !important; }
.ypidfont195pc               { font-size: 195% !important; }
.ypidfont200pc               { font-size: 200% !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; }
.ypidfont00FF00             { color: #00FF00; }
.ypidfontFF0000             { color: #FF0000; }
.ypidfont00A3BC             { color: #00A3BC; }
.ypidfont5E0B19             { color: #5E0B19; }
.ypidfontFB6A23             { color: #FB6A23; }
.ypidfont026170			    { color: #026170; }
.ypidfont9A9A9A			    { color: #9A9A9A; }
.ypidfontDADADA			    { color: #DADADA; }
.ypidfont5A5A5A			    { color: #5A5A5A; }
.ypidfontFFFFFF			    { color: #FFFFFF; }
.ypidfont000000			    { color: #000000; }
.ypidfont01D65F             { color: #01D65F; }
.ypidfont009B4F             { color: #009B4F; }

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

.activecalendardate         { color: #FF0000 !important; }

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

.ypidpositionrelativ        { position: relative !important; }
.ypidpositionfixed          { position: fixed !important; }
.ypidpositionabsolute       { position: absolute !important; }

.ypidrequired               { color: #FFFFFF; }

.ypidinlineblock            { display: inline-block !important; }
.select2-container          { min-width:50px; }

.ypidlineheight10pc         { line-height: 10%; }
.ypidinvalid                { color: #FB6A23; line-height: 10%;}
.ypidinvalid:before         { position: relative; content: "✖"; }
.ypidvalid                  { color: #009B4F; line-height: 10%;}
.ypidvalid:before           { position: relative; content: "✔"; }

.ypidcalendarcontent        { padding: 5px; font: 80%; }
.ypidactivecalendardate     { background-color: #FDD3D7; }