/* CSS Document */
html { overflow-y: scroll; }

.error { color: #DE4126; font-size: 1em; }

.field-validation-error { color: #DE4126; }

img { border: 0px; }

hr { border-bottom: 1px solid #d4d4d4; border-top: none; padding: 0; background-color: #d4d4d4; }

.input-red { background-color: #ffffff; border: 1px solid #cccccc; transition: border linear 0.2s, box-shadow linear 0.2s; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); padding: 10px; border-radius: 4px; }

.input-red:focus { border-color: rgba(240, 114, 65, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(240, 114, 65, 0.6); }

.unavailable { color: #cccccc; }

.unavailable:focus { border: 1px solid #cccccc; outline: 0; outline: thin dotted \9; /* IE6-9 */ box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 3px rgba(240, 114, 65, 0.6); }


.show { display: normal; }

.hide { display: none; }

.hideImportant { display: none !important; }

button { cursor: pointer; }

.pointer { cursor: pointer; }


.clearBoth { clear: both; padding: 0; margin: 0; }

.ds_button { width: 120px; height: 38px; cursor: pointer; margin: 20px 0; }

/*----------------- button  -----------------*/
.bt-red { border: 0px; -moz-box-shadow: 0px 2px 0px 0px #a80800; -webkit-box-shadow: 0px 2px 0px 0px #a80800; box-shadow: 0px 2px 0px 0px #a80800; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #de4226), color-stop(1, #de4226) ); background: -moz-linear-gradient( center top, #de4226 5%, #de4226 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de4226', endColorstr='#de4226'); background-color: #de4226; border-radius: 4px; text-indent: 0; display: inline-block; font-family: inherit; color: #ffffff; font-size: 21px; font-weight: bold; font-style: normal; height: 50px; width: 300px; text-decoration: none; text-align: center; }

.bt-red:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef7b6f), color-stop(1, #ef7b6f) ); background: -moz-linear-gradient( center top, #ef7b6f 5%, #ef7b6f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef7b6f', endColorstr='#ef7b6f'); background-color: #ef7b6f; }

.bt-red:active { position: relative; top: 2px; -moz-box-shadow: 0px -3px 0px 0px #a80800; -webkit-box-shadow: 0px -3px 0px 0px #a80800; box-shadow: 0px -3px 0px 0px #a80800; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce3221), color-stop(1, #ce3221) ); background: -moz-linear-gradient( center top, #ce3221 5%, #ce3221 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce3221', endColorstr='#ce3221'); background-color: #ce3221; }

.bt-blue { border: 0px; -moz-box-shadow: 0px 2px 0px 0px #0086b5; -webkit-box-shadow: 0px 2px 0px 0px #0086b5; box-shadow: 0px 2px 0px 0px #0086b5; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #29abe2), color-stop(1, #29abe2) ); background: -moz-linear-gradient( center top, #29abe2 5%, #29abe2 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29abe2', endColorstr='#29abe2'); background-color: #29abe2; border-radius: 4px; text-indent: 0; display: inline-block; font-family: inherit; color: #ffffff; font-size: 21px; font-weight: bold; font-style: normal; height: 50px; width: 280px; text-decoration: none; text-align: center; }

.bt-blue:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4fc1e8), color-stop(1, #4fc1e8) ); background: -moz-linear-gradient( center top, #4fc1e8 5%, #4fc1e8 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fc1e8', endColorstr='#4fc1e8'); background-color: #ef7b6f; }

.bt-blue:active { position: relative; top: 2px; -moz-box-shadow: 0px -3px 0px 0px #006284; -webkit-box-shadow: 0px -3px 0px 0px #006284; box-shadow: 0px -3px 0px 0px #006284; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0089bf), color-stop(1, #0089bf) ); background: -moz-linear-gradient( center top, #0089bf 5%, #0089bf 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089bf', endColorstr='#0089bf'); background-color: #ce3221; }


.bt-bgray { border: 0px; -moz-box-shadow: 0px 1px 0px 0px #606060; -webkit-box-shadow: 0px 1px 0px 0px #606060; box-shadow: 0px 1px 0px 0px #606060; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #999999) ); background: -moz-linear-gradient( center top, #999999 5%, #999999 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999999'); background-color: #999999; border-radius: 4px; text-indent: 0; display: inline-block; color: #ffffff; font-family: inherit; font-size: 16px; font-style: normal; height: 32px; line-height: 32px; width: 120px; text-decoration: none; text-align: center; }

.bt-bgray:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b3b3b3), color-stop(1, #b3b3b3) ); background: -moz-linear-gradient( center top, #b3b3b3 5%, #b3b3b3 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#b3b3b3'); background-color: #b3b3b3; }

.bt-bgray:active { position: relative; top: 2px; -moz-box-shadow: 0px -2px 0px 0px #666666; -webkit-box-shadow: 0px -2px 0px 0px #666666; box-shadow: 0px -2px 0px 0px #666666; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #808080), color-stop(1, #808080) ); background: -moz-linear-gradient( center top, #808080 5%, #808080 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080'); background-color: #808080; }


.bt-lGray { border: 0px; /*---*/ -moz-box-shadow: 0px 1px 0px 0px #b2b2b2; -webkit-box-shadow: 0px 1px 0px 0px #b2b2b2; box-shadow: 0px 1px 0px 0px #b2b2b2; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0e0e0), color-stop(1, #e0e0e0) ); background: -moz-linear-gradient( center top, #e0e0e0 5%, #e0e0e0 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e0e0e0'); background-color: #e0e0e0; border-radius: 4px; text-indent: 0; display: inline-block; font-family: inherit; /*---*/ color: #4d4d4d; font-size: 16px; height: 34px; line-height: 34px; width: 160px; text-decoration: none; text-align: center; }

.bt-lGray:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #f2f2f2) ); background: -moz-linear-gradient( center top, #f2f2f2 5%, #f2f2f2 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2'); background-color: #f2f2f2; }

.bt-lGray:active { position: relative; /*---*/ top: 2px; /*---*/ -moz-box-shadow: 0px -2px 0px 0px #adadad; -webkit-box-shadow: 0px -2px 0px 0px #adadad; box-shadow: 0px -2px 0px 0px #adadad; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc) ); background: -moz-linear-gradient( center top, #cccccc 5%, #cccccc 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc'); background-color: #cccccc; }

.bt-lGray:disabled { color: #909090; background: 0; background-color: #f2f2f2; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: default; }


.bt-done { border: 0px; /*---*/ -moz-box-shadow: 0px 1px 0px 0px #c4170e; -webkit-box-shadow: 0px 1px 0px 0px #c4170e; box-shadow: 0px 1px 0px 0px #c4170e; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e55741), color-stop(1, #e55741) ); background: -moz-linear-gradient( center top, #e55741 5%, #e55741 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e55741', endColorstr='#e55741'); background-color: #e55741; border-radius: 4px; text-indent: 0; display: inline-block; color: #ffffff; font-family: inherit; /*---*/ font-size: 16px; font-style: normal; height: 34px; line-height: 34px; min-width: 100px; text-decoration: none; text-align: center; cursor: pointer; }

.bt-done:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef7b6f), color-stop(1, #ef7b6f) ); background: -moz-linear-gradient( center top, #ef7b6f 5%, #ef7b6f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef7b6f', endColorstr='#ef7b6f'); background-color: #ef7b6f; }

.bt-done:active { position: relative; /*---*/ top: 2px; /*---*/ -moz-box-shadow: 0px -2px 0px 0px #a5251a; -webkit-box-shadow: 0px -2px 0px 0px #a5251a; box-shadow: 0px -2px 0px 0px #a5251a; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce3221), color-stop(1, #ce3221) ); background: -moz-linear-gradient( center top, #ce3221 5%, #ce3221 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce3221', endColorstr='#ce3221'); background-color: #ce3221; }

.bt-r { border: 0px; /*---*/ -moz-box-shadow: 0px 1px 0px 0px #c4170e; -webkit-box-shadow: 0px 1px 0px 0px #c4170e; box-shadow: 0px 1px 0px 0px #c4170e; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e55741), color-stop(1, #e55741) ); background: -moz-linear-gradient( center top, #e55741 5%, #e55741 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e55741', endColorstr='#e55741'); background-color: #e55741; border-radius: 4px; text-indent: 0; display: inline-block; color: #ffffff; font-family: inherit; /*---*/ font-size: 16px; font-style: normal; height: 34px; width: 160px; line-height: 34px; text-decoration: none; text-align: center; }

.bt-r:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef7b6f), color-stop(1, #ef7b6f) ); background: -moz-linear-gradient( center top, #ef7b6f 5%, #ef7b6f 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef7b6f', endColorstr='#ef7b6f'); background-color: #ef7b6f; }

.bt-r:active { position: relative; /*---*/ top: 2px; /*---*/ -moz-box-shadow: 0px -2px 0px 0px #a5251a; -webkit-box-shadow: 0px -2px 0px 0px #a5251a; box-shadow: 0px -2px 0px 0px #a5251a; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce3221), color-stop(1, #ce3221) ); background: -moz-linear-gradient( center top, #ce3221 5%, #ce3221 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce3221', endColorstr='#ce3221'); background-color: #ce3221; }

.bt-delete { border: 0px; /*---*/ -moz-box-shadow: 0px 2px 0px 0px #a80800; -webkit-box-shadow: 0px 2px 0px 0px #a80800; box-shadow: 0px 2px 0px 0px #a80800; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #de4226), color-stop(1, #de4226) ); background: -moz-linear-gradient( center top, #de4226 5%, #de4226 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de4226', endColorstr='#de4226'); background-color: #de4226; border-radius: 4px; text-indent: 0; display: inline-block; color: #ffffff; font-family: inherit; /*---*/ font-size: 21px; font-style: normal; height: 50px; line-height: 50px; width: 200px; text-decoration: none; text-align: center; }

.bt-delete:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #f2f2f2) ); background: -moz-linear-gradient( center top, #f2f2f2 5%, #f2f2f2 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2'); background-color: #f2f2f2; }

.bt-delete:active { position: relative; /*---*/ top: 2px; /*---*/ -moz-box-shadow: 0px -2px 0px 0px #adadad; -webkit-box-shadow: 0px -2px 0px 0px #adadad; box-shadow: 0px -2px 0px 0px #adadad; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc) ); background: -moz-linear-gradient( center top, #cccccc 5%, #cccccc 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc'); background-color: #cccccc; }



.ds_button { display: inline-block; *display: inline; zoom: 1; padding: 6px 20px; margin: 0; cursor: pointer; border: 1px solid #269CE9; overflow: visible; font: bold 13px arial, helvetica, sans-serif; text-decoration: none; white-space: nowrap; color: #FFF; background-color: #269CE9; background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC); transition: background-color .2s ease-out; background-clip: padding-box; /* Fix bleeding */ border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; text-shadow: 0 1px 0 rgba(255,255,255, .9); }

.ds_button:hover { background-color: #70B9E8; color: #555; }

.ds_button:active { background: #e9e9e9; position: relative; top: 1px; text-shadow: none; box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset; }

.right { float: right; /*margin-left: 15px;*/ }

.red-icon { color: #fff; }

.red-icon:hover { color: #db1a1a; }

.green-icon { color: #fff; }

.green-icon:hover { color: #6aef0f; }

/*.container {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}*/

.brand { display: block; float: left; margin: 10px; font-size: 28px; color: #312d2e; }
.brand img { height: 40px; }

.clear { clear: both; }
/*------------------------------- display -------------------------------*/
.dB { display: block; }

.dIB { display: inline-block; }

.dI-B { display: inline-block; }
/*------------------------------- line -------------------------------*/
.bTB1 { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }
/*------------------------------- clear -------------------------------*/
.cB { clear: both; }

/*------------------------------- color -------------------------------*/
.cCCC { color: #CCCCCC; }

.cfff { color: #ffffff; }

.cFFF { color: #FFFFFF; }

.c0071BC { color: #0071BC; }

.c000000 { color: #000000; }

.c29ABE2 { color: #29ABE2; }

.c808080 { color: #808080; }



.c333333 { color: #333333; }

.c999999 { color: #999999; }

.cB3B3B3 { color: #B3B3B3; }

.cDE4126 { color: #DE4126; }


.c1A1A1A { color: #1A1A1A; }

.cAACA3B { color: #AACA3B; }

.bg79203 { background-color: rgb(79, 203, 247); }
.bg25589 { background-color: rgb(255, 89, 31); }
.bg92214 { background-color: rgb(92, 214, 142); }
.bg15320932 { background-color:rgb(153, 209, 32);}

.bgF4F4F4 { background-color: #F4F4F4; }

.bgE6E6E6 { background-color: #E6E6E6; }

.bgF8F8F8 { background-color: #F8F8F8; }

.cBgFFF { background-color: #FFFFFF; }

.gray { color: #E6E6E6; }

.red { color: #DE4126; }

/*------------------------------- border -------------------------------*/
.b0 { border: none; }

.bR4 { border-radius: 4px; }
/*------------------------------- opacity -------------------------------*/
.o0 { opacity: 0; }

/*------------------------------- font size -------------------------------*/
.px72 { font-size: 72px; }

.px60 { font-size: 60px; }

.px36 { font-size: 36px; }

.px28 { font-size: 28px; }

.px26 { font-size: 26px; }

.px24 { font-size: 24px; }

.px20 { font-size: 20px; }

.px16 { font-size: 16px; }

.px14 { font-size: 14px; }

.px13 { font-size: 13px; }

.px12 { font-size: 12px; }
/*------------------------------- line -------------------------------*/
.lH50 { line-height: 50px; }
/*------------------------------- margin -------------------------------*/
.m0 { margin: 0px; }

.m4 { margin: 4px 4px; }

.m5 { margin: 5px 5px; }

.m8 { margin: 8px 8px; }

.m9 { margin: 9px; }


.m10 { margin: 10px 10px; }

.m-0-0-0-10 { margin: 0 0 0 10px; }

.m5-0 { margin: 5px 0; }

.mTBa { margin-top: auto; margin-bottom: auto; }

.mTB0 { margin-top: 0; margin-bottom: 0; }

.mTB5 { margin-top: 5px; margin-bottom: 5px; }

.mTB10 { margin-top: 10px; margin-bottom: 10px; }

.mTB15 { margin-top: 15px; margin-bottom: 15px; }

.mTB20 { margin-top: 20px; margin-bottom: 20px; }

.mTB30 { margin-top: 30px; margin-bottom: 30px; }

.mTB50 { margin-top: 50px; margin-bottom: 50px; }

.mLRa { margin-left: auto; margin-right: auto; }


.mLR3 { margin-left: 3px; margin-right: 3px; }

.mLR7 { margin-left: 7px; margin-right: 7px; }

.mLR8 { margin-left: 8px; margin-right: 8px; }

.mLR10 { margin-left: 10px; margin-right: 10px; }

.mLR15 { margin-left: 15px; margin-right: 15px; }

.mLR20 { margin-left: 20px; margin-right: 20px; }

.mLR35 { margin-left: 35px; margin-right: 35px; }


.mLR50 { margin-left: 50px; margin-right: 50px; }

.mLR100 { margin-left: 100px; margin-right: 100px; }


/*margin top*/
.mT0 { margin-top: 0; }

.mT5 { margin-top: 5px; }

.mT10 { margin-top: 10px; }

.mT15 { margin-top: 15px; }

.mT16 { margin-top: 16px; }

.mT20 { margin-top: 20px; }

.mT30 { margin-top: 30px; }

.mT50 { margin-top: 50px; }
/*margin right*/


.mR10 { margin-right: 10px; }

.mR13 { margin-right: 13px; }

.mR15 { margin-right: 15px; }


.mR20 { margin-right: 20px; }

.mR100 { margin-right: 100px; }
/*margin bottom*/
.mB0 { margin-bottom: 0px; }

.mB05 { margin-bottom: 5px; }

.mB10 { margin-bottom: 10px; }

.mB15 { margin-bottom: 15px; }

.mB16 { margin-bottom: 16px; }

.mB30 { margin-bottom: 30px; }
/*margin left*/
.mL5 { margin-left: 5px; }

.mL10 { margin-left: 10px; }

.mL15 { margin-left: 15px; }

.mL20 { margin-left: 20px; }

.mL35 { margin-left: 35px; }

.mL50 { margin-left: 50px; }

.mL100 { margin-left: 100px; }

.mL150 { margin-left: 150px; }

.mL300 { margin-left: 300px; }
/*------------------------------- max -------------------------------*/
.maxW1000 { max-width: 1000px; }

.minH500 { min-height: 500px; }
/*------------------------------- padding -------------------------------*/
.p0 { padding: 0px; }

.p2 { padding: 2px; }

.p-10-0 { padding: 10px 0; }

.p50 { padding: 50px; }

.pB15 { padding-bottom: 15px; }

.pB20 { padding-bottom: 20px; }

.pTB0 { padding-top: 0px; padding-bottom: 0px; }

.pTB10 { padding-top: 10px; padding-bottom: 10px; }

.pTB15 { padding-top: 15px; padding-bottom: 15px; }

.pTB20 { padding-top: 20px; padding-bottom: 20px; }

.pTB50 { padding-top: 50px; padding-bottom: 50px; }

.pLR1 { padding-left: 1px; padding-right: 1px; }

.pLR2 { padding-left: 2px; padding-right: 2px; }

.pLR3 { padding-left: 3px; padding-right: 3px; }

.pLR15 { padding-left: 15px; padding-right: 15px; }

.pLR30 { padding-left: 30px; padding-right: 30px; }

.pLR50 { padding-left: 50px; padding-right: 50px; }



.pT60 { padding-top: 60px; }

/*------------------------------- position -------------------------------*/
.pR { position: relative; }

/*------------------------------- float -------------------------------*/
.fL { float: left; }

.fR { float: right; }
/*------------------------------- with - height -------------------------------*/
.w4em { width: 4em; }
.w5em { width: 5em; }
.w10em { width: 10em; }

.wha { width: 100%; height: 100%; }

.wh40 { width: 40px; height: 40px; }

.wh50 { width: 50px; height: 50px; }


.wh120 { width: 120px; height: 120px; }

.wh140 { width: 140px; height: 140px; }

.wh230 { width: 230px; height: 230px; }

.wh232 { width: 232px; height: 232px; }

.wh234 { width: 234px; height: 234px; }

.wh237 { width: 237px; height: 237px; }

.wh250 { width: 250px; height: 250px; }
/*------------------------------- with -------------------------------*/
.w50p { width: 50%; }

.wa { width: auto; }

.wAuto { width: 100%; }

.w30 { width: 30px; }

.w50 { width: 50px; }

.w100 { width: 100px; }

.w120 { width: 120px; }

.w130 { width: 130px; }

.w140 { width: 140px; }

.w150 { width: 150px; }

.w180 { width: 180px; }

.w200 { width: 200px; }

.w250 { width: 250px; }

.w300 { width: 300px; }

.w330 { width: 330px; }

.w350 { width: 350px; }

.w400 { width: 400px; }

.w600 { width: 600px; }

.w650 { width: 650px; }

.w700 { width: 700px; }

.w730 { width: 730px; }

.w750 { width: 750px; }

.w800 { width: 800px; }

.w900 { width: 900px; }

.w940 { width: 940px; }

/*------------------------------- width % -------------------------------*/
.w90P { width: 90%; }

.w95P { width: 95%; }

.w100P { width: 90%; }
/*------------------------------- height -------------------------------*/
.hAuto { height: 100%; }

.h35 { height: 35px; }

.h40 { height: 40px; }

.h80 { height: 80px; }

.h100 { height: 100px; }

.h240 { height: 240px; }

.h250 { height: 250px; }

.h500 { height: 500px; }

.h600 { height: 600px; }

/*------------------------------- text -------------------------------*/
.txtL { text-align: left; }
.txtLImportant { text-align: left !important; }
.txtR { text-align: right; }
.txtRImportant { text-align: right !important; }
.txtC { text-align: center; }
.txtCImportant { text-align: center !important; }

/*------------------------------- z-index -------------------------------*/
.z10 { z-index: 10; }

/*------------------------------- vertical-align -------------------------------*/
.vaTop { vertical-align: top; }
.vaSuper { vertical-align: super; }
.vaMiddle { vertical-align: middle; }
.vaBottom { vertical-align: bottom; }


.truncate { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

/*-------------------------------------- hidden ----------------------------------*/
.hidden { display: none; }


/*------------------------------- table -------------------------------*/
.tblCS0 { border-spacing: 0;}
.jxTable table.dataTable tbody tr.odd td { background-color: rgba(52,152,219,0.06); }
.jxTableImportant table.dataTable tbody tr.odd td { background-color: rgba(52,152,219,0.06) !important; }
.jxTable table.dataTable tbody tr.even td { background-color: #FFFFFF; }
.jxTableImportant table.dataTable tbody tr.even td { background-color: #FFFFFF !important; }