@font-face {
    font-family:'text-security-disc';
    src:url('dist/text-security-disc.eot');
    src:url('dist/text-security-disc.eot?#iefix') format('embedded-opentype'),
        url('dist/text-security-disc.woff') format('woff'),
        url('dist/text-security-disc.ttf') format('truetype'),
        url('dist/text-security-disc.svg#text-security') format('svg');
}

html {height:100%;}

body {margin:0 !important; padding:0 !important;}

@media print
{    
 @page { size: landscape;  margin: 0mm; margin-left:10mm; margin-right:10mm;}
 .no-print {display:none !important;}
 .no-print, .no-print * {display:none !important;}
 .shdor {box-shadow:none !important; border:1px solid #999999 !important;}
 .shd {box-shadow:none !important;}
 .brd-sp4 {border-spacing:2px !important;}
}

/* 19334D	210, 51%, 20% */
/* 2C5986	210, 51%, 35% */
/* 32669A	210, 51%, 40% */
/* 356BA1	210, 51%, 42% */
/* 538CC6	210, 51%, 55% */
/* 6599CD	210, 51%, 60% */
/* 79A6D3	210, 51%, 65% */
/* D9E6F2	210, 51%, 90% */
/* EDF3F8	210, 51%, 95% */
/* F8FAFC	210, 51%, 98% */
/* 607E9F	210, 25%, 50% */
/* 869EB6	210, 25%, 62% */
/* BFCCD9	210, 25%, 80% */
/* CFD8E2	210, 25%, 85% */
/* 0475AE	200, 96%, 35% */
/* 0597E1	200, 96%, 45% */
/* 1FB1FA	200, 96%, 55% */
/* 0099cc	195, 80%, 40% */
/* 75D1F0	195, 80%, 70% */
/* 8CD9F2	195, 80%, 75% */


/* Gradient */
.gradGrey {
 background:#eeeeee; /* For browsers that do not support gradients */
 background:-webkit-linear-gradient(#ffffff, #f2f2f2, #f2f2f2, #f2f2f2, #dfdfdf); /* For Safari 5.1 to 6.0 */
 background:-o-linear-gradient(#ffffff, #f2f2f2, #f2f2f2, #f2f2f2, #dfdfdf); /* For Opera 11.1 to 12.0 */
 background:-moz-linear-gradient(#ffffff, #f2f2f2, #f2f2f2, #f2f2f2, #dfdfdf); /* For Firefox 3.6 to 15 */
 background:linear-gradient(to top, #ffffff, #f2f2f2, #f2f2f2, #f2f2f2, #dfdfdf); /* Standard syntax */
}
.gradGreyDark {
 background:#cccccc; /* For browsers that do not support gradients */
 background:-webkit-linear-gradient(#fefefe, #eeeeee, #e2e2e2, #e2e2e2, #e2e2e2, #d9d9d9, #bfbfbf); /* For Safari 5.1 to 6.0 */
 background:-o-linear-gradient(#fefefe, #eeeeee, #e2e2e2, #e2e2e2, #e2e2e2, #d9d9d9, #bfbfbf); /* For Opera 11.1 to 12.0 */
 background:-moz-linear-gradient(#fefefe, #eeeeee, #e2e2e2, #e2e2e2, #e2e2e2, #d9d9d9, #bfbfbf); /* For Firefox 3.6 to 15 */
 background:linear-gradient(to top, #fefefe, #eeeeee, #e2e2e2, #e2e2e2, #e2e2e2, #d9d9d9, #bfbfbf); /* Standard syntax */
}
.gradGreyGreen {
 background:#caf7ca; /* For browsers that do not support gradients */
 background:-webkit-linear-gradient(#fefefe, #e0fae0, #cef8ce, #cef8ce, #cef8ce, #bcf5bc, #90ee90); /* For Safari 5.1 to 6.0 */
 background:-o-linear-gradient(#fefefe, #e0fae0, #cef8ce, #cef8ce, #cef8ce, #bcf5bc, #90ee90); /* For Opera 11.1 to 12.0 */
 background:-moz-linear-gradient(#fefefe, #e0fae0, #cef8ce, #cef8ce, #cef8ce, #bcf5bc, #90ee90); /* For Firefox 3.6 to 15 */
 background:linear-gradient(to top, #fefefe, #e0fae0, #cef8ce, #cef8ce, #cef8ce, #bcf5bc, #90ee90); /* Standard syntax */
}
.gradFoot {
 background:#000000; /* For browsers that do not support gradients */
 background:-webkit-linear-gradient(#000000 5%, #555555 90%); /* For Safari 5.1 to 6.0 */
 background:-o-linear-gradient(#000000 5%, #555555 90%); /* For Opera 11.1 to 12.0 */
 background:-moz-linear-gradient(#000000 5%, #555555 90%); /* For Firefox 3.6 to 15 */
 background:linear-gradient(to bottom, #000000 5%, #555555 90%); /* Standard syntax */
}
.gradBarBlue {
 background:#538CC6; /* For browsers that do not support gradients */
 background:-webkit-linear-gradient(top, #32669A, #4080BF, #538CC6, #79A6D2, #D9E6F2); /* For Safari 5.1 to 6.0 */
 background:-o-linear-gradient(top, #32669A, #4080BF, #538CC6, #79A6D2, #D9E6F2); /* For Opera 11.1 to 12.0 */
 background:-moz-linear-gradient(top, #32669A, #4080BF, #538CC6, #79A6D2, #D9E6F2); /* For Firefox 3.6 to 15 */
 background:linear-gradient(to bottom, #32669A, #4080BF, #538CC6, #79A6D2, #D9E6F2); /* Standard syntax */
}
.gradCalBlue {
 background:#99CCFF; /* For browsers that do not support gradients */
 background:-webkit-linear-gradient(top, #99CCFF, #99CCFF, #99CCFF 5%, #99CCFF, #E6F2FF); /* For Safari 5.1 to 6.0 */
 background:-o-linear-gradient(top, #99CCFF, #99CCFF, #99CCFF 5%, #99CCFF, #E6F2FF); /* For Opera 11.1 to 12.0 */
 background:-moz-linear-gradient(top, #99CCFF, #99CCFF, #99CCFF 5%, #99CCFF, #E6F2FF); /* For Firefox 3.6 to 15 */
 background:linear-gradient(to bottom, #99CCFF, #99CCFF 5%, #99CCFF, #E6F2FF); /* Standard syntax */
}
.gradCalRed {
 background:#FFCC99; /* For browsers that do not support gradients */
 background:-webkit-linear-gradient(top, #FFCC99, #FFCC99, #FFCC99 5%, #FFCC99, #FFF2E6); /* For Safari 5.1 to 6.0 */
 background:-o-linear-gradient(top, #FFCC99, #FFCC99, #FFCC99 5%, #FFCC99, #FFF2E6); /* For Opera 11.1 to 12.0 */
 background:-moz-linear-gradient(top, #FFCC99, #FFCC99, #FFCC99 5%, #FFCC99, #FFF2E6); /* For Firefox 3.6 to 15 */
 background:linear-gradient(to bottom, #FFCC99, #FFCC99, #FFCC99 5%, #FFCC99, #FFF2E6); /* Standard syntax */
}



/* input */
input[readonly] {background-color:#f2f2f2; color:#333333; border-radius:inherit;}
select[disabled] {background-color:#f2f2f2; color:#333333; border-radius:inherit;}
textarea[readonly] {background-color:#f2f2f2; color:#333333; border-radius:inherit;}
input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* Read correct width for input when padding */
input::-webkit-input-placeholder {color:#d9d9d9;}
input::-moz-placeholder {color:#d9d9d9;}
input:-ms-input-placeholder {color:#d9d9d9;}
input:-moz-placeholder {color:#d9d9d9;}
input {transition: box-shadow .4s ease;}
select {transition: box-shadow .4s ease;}
textarea {transition: box-shadow .4s ease;}
input:not([readonly]):hover, select:not([disabled]):hover, textarea:not([readonly]):hover {outline: none; border-radius:10px; box-shadow: 0 0 3px 1px #c4dcf6;}
input:not([readonly]):focus, select:not([disabled]):focus, textarea:not([readonly]):focus {outline: none; border-radius:10px; box-shadow: 0 0 3px 3px #b3cbe5;}
[type="date"] {border:0px; color: transparent; background: transparent url('../images/calend.png')  97% 50% no-repeat;}
[type="date"]:focus {outline-width: 0;}
[type="date"]::-webkit-inner-spin-button {display: none;}
[type="date"]::-webkit-calendar-picker-indicator {opacity: 0; cursor:pointer;}
.inputboxiframenone {outline:none; border:0px; padding-left:5px;}
.inputboxnone {outline:none; border:0px; padding-left:5px; background-color:#ffffff;}
.inputbox {outline:none; border:0px; padding-left:5px; background-color:transparent;}
.inputbox2 {outline:none; border:1px solid #eeeeee; background-color:#ffffff;}
.inputbox2:focus {background-color:#f4fff4;}
.inputbox2:hover {background-color:#f4fff4;}
.inputbox3 {outline:none; border:1px solid #cccccc; padding-left:5px; background-color:#ffffff;}
.inputbox3:focus {background-color:#f4fff4;}
.inputbox3:hover {background-color:#f4fff4;}
.input-container {position:relative;}
.mobinputundo {position:absolute; left:2%; top:2px;}
input.cssminlength:not([readonly]):invalid {border: 1px dashed #ffb3b3; border-radius:inherit;}
input.cssminlength:not([readonly]):invalid:focus {background-color:#ffe6e6; border-radius:inherit;}



/* Various */
.opac50 {opacity:0.5;}
.overflow-yscroll {overflow-y:scroll;}
.indexScreen {
 position:fixed;
 padding:0;
 margin:0;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(214,224,226,1);
 z-index:4;
 text-align:center;
 transition:opacity .5s ease, height 1s ease;
 -webkit-transition:opacity 1s ease, height 2s ease-out;
 /* transition:opacity .5s ease; */
 /* -webkit-transition:opacity 1s ease; */
 transition-delay:1s;
}
.indexScreenLoad {
 transition:all 1s ease-in-out, opacity 1s ease, height 2s ease;
 /* transition:all 1s ease-in-out, opacity 1s ease; */
 transition-delay:1s;
 opacity:0;
 height:1px;
}
.indexScreenLoad2 {
 transition:all 1s ease-in-out, opacity 1s ease, height 2s ease;
 /* transition:all 1s ease-in-out, opacity 1s ease; */
 transition-delay:1s;
 opacity:0;
 height:1px;
 /* transform:translate(1500px,0); */
 /* -webkit-transform:translate(1500px,0); */
 /* -o-transform:translate(1500px,0); */
 /* -moz-transform:translate(1500px,0); */
}
.hbullgreen {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#339933; font-size:25px;}
.hbullgreen:hover {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#337733; font-size:25px;}
.circle {
 background:
  radial-gradient(farthest-side, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, .5) 99.5%, transparent) center 50%/98% 180%,
  radial-gradient(farthest-side, rgba(217, 230, 242, 1) 99.5%, transparent) -1810% 50%/95% 200%, /* CustomCSS */
  radial-gradient(farthest-side, rgba(217, 230, 242, 1) 99.5%, transparent) 1900% 50%/95% 200%, /* CustomCSS */
  radial-gradient(farthest-side, rgba(236, 242, 249, 1) 100%, transparent) center/3600px 3600px; /* CustomCSS */
 background-repeat:no-repeat;
 position:relative;
}
.LogoImg {
 display:table;
 width:100%;
 float:right;
 position:relative;
 overflow:hidden;
 display:table-row;
 height:100%;
}
.X__close {position:relative; left:98%; width:20px; height:20px; cursor:pointer;}



/* Modals */
.modalP0 {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(199,199,199, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0-state {display:none;}
.modalP0-state:checked + .modalP0 {opacity:1; visibility:visible;}
.modalP0-state:checked + .modalP0 .modalP0__inner {top:0;}
.modalP0-state:checked + .modalP0 .hiddenbut {visibility:visible; display:inline-block;}
.modalP0__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:85%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; overflow:auto;}
.modalP0__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0__close:after,
.modalP0__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0__close:hover:after,
.modalP0__close:hover:before {background:#aaa;}
.modalP0__close:before {transform:rotate(-45deg);}

.modalP1 {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(66,80,132, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP1__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP1-state {display:none;}
.modalP1-state:checked + .modalP1 {opacity:1; visibility:visible;}
.modalP1-state:checked + .modalP1 .modalP1__inner {top:0;}
.modalP1-state:checked + .modalP1 .hiddenbut {visibility:visible; display:inline-block;}
.modalP1__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:75%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; height:70%; overflow:auto;}
.modalP1__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP1__close:after,
.modalP1__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP1__close:hover:after,
.modalP1__close:hover:before {background:#aaa;}
.modalP1__close:before {transform:rotate(-45deg);}

.modalP2 {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(62,137,115, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP2__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP2-state {display:none;}
.modalP2-state:checked + .modalP2 {opacity:1; visibility:visible;}
.modalP2-state:checked + .modalP2 .modalP2__inner {top:0;}
.modalP2-state:checked + .modalP2 .hiddenbut {visibility:visible; display:inline-block;}
.modalP2__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:75%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; height:70%; overflow:auto;}
.modalP2__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP2__close:after,
.modalP2__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP2__close:hover:after,
.modalP2__close:hover:before {background:#aaa;}
.modalP2__close:before {transform:rotate(-45deg);}

.modalP3 {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(132,69,26, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP3__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP3-state {display:none;}
.modalP3-state:checked + .modalP3 {opacity:1; visibility:visible;}
.modalP3-state:checked + .modalP3 .modalP3__inner {top:0;}
.modalP3-state:checked + .modalP3 .hiddenbut {visibility:visible; display:inline-block;}
.modalP3__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:75%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; height:70%; overflow:auto;}
.modalP3__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP3__close:after,
.modalP3__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP3__close:hover:after,
.modalP3__close:hover:before {background:#aaa;}
.modalP3__close:before {transform:rotate(-45deg);}

.modalP4 {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(143,96,150, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP4__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP4-state {display:none;}
.modalP4-state:checked + .modalP4 {opacity:1; visibility:visible;}
.modalP4-state:checked + .modalP4 .modalP4__inner {top:0;}
.modalP4-state:checked + .modalP4 .hiddenbut {visibility:visible; display:inline-block;}
.modalP4__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:75%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; height:70%; overflow:auto;}
.modalP4__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP4__close:after,
.modalP4__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP4__close:hover:after,
.modalP4__close:hover:before {background:#aaa;}
.modalP4__close:before {transform:rotate(-45deg);}

.modalP5 {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(133,36,145, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP5__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP5-state {display:none;}
.modalP5-state:checked + .modalP5 {opacity:1; visibility:visible;}
.modalP5-state:checked + .modalP5 .modalP5__inner {top:0;}
.modalP5-state:checked + .modalP5 .hiddenbut {visibility:visible; display:inline-block;}
.modalP5__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:75%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; height:70%; overflow:auto;}
.modalP5__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP5__close:after,
.modalP5__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP5__close:hover:after,
.modalP5__close:hover:before {background:#aaa;}
.modalP5__close:before {transform:rotate(-45deg);}

.modalP6 {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(164,148,0, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP6__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP6-state {display:none;}
.modalP6-state:checked + .modalP6 {opacity:1; visibility:visible;}
.modalP6-state:checked + .modalP6 .modalP6__inner {top:0;}
.modalP6-state:checked + .modalP6 .hiddenbut {visibility:visible; display:inline-block;}
.modalP6__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:75%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; height:70%; overflow:auto;}
.modalP6__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP6__close:after,
.modalP6__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP6__close:hover:after,
.modalP6__close:hover:before {background:#aaa;}
.modalP6__close:before {transform:rotate(-45deg);}

.modalP0X {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(199,182,177, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0X__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0X-state {display:none;}
.modalP0X-state:checked + .modalP0X {opacity:1; visibility:visible;}
.modalP0X-state:checked + .modalP0X .modalP0X__inner {top:0;}
.modalP0X-state:checked + .modalP0X .hiddenbut {visibility:visible; display:inline-block;}
.modalP0X__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:85%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; overflow:auto;}
.modalP0X__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0X__close:after,
.modalP0X__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0X__close:hover:after,
.modalP0X__close:hover:before {background:#aaa;}
.modalP0X__close:before {transform:rotate(-45deg);}

.modalP0P {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(199,182,177, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0P__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0P-state {display:none;}
.modalP0P-state:checked + .modalP0P {opacity:1; visibility:visible;}
.modalP0P-state:checked + .modalP0P .modalP0P__inner {top:0;}
.modalP0P-state:checked + .modalP0P .hiddenbut {visibility:visible; display:inline-block;}
.modalP0P__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:85%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; overflow:auto;}
.modalP0P__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0P__close:after,
.modalP0P__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0P__close:hover:after,
.modalP0P__close:hover:before {background:#aaa;}
.modalP0P__close:before {transform:rotate(-45deg);}

.modalP0A {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(198,198,198, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0A__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0A-state {display:none;}
.modalP0A-state:checked + .modalP0A {opacity:1; visibility:visible;}
.modalP0A-state:checked + .modalP0A .modalP0A__inner {top:0;}
.modalP0A-state:checked + .modalP0A .hiddenbut {visibility:visible; display:inline-block;}
.modalP0A__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:95%; margin:auto; background:#fff; border-radius:5px; padding:5px; overflow:auto;}
.modalP0A__close {position:absolute; right:25px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0A__close:after,
.modalP0A__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0A__close:hover:after,
.modalP0A__close:hover:before {background:#aaa;}
.modalP0A__close:before {transform:rotate(-45deg);}

.modalP0B {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(198,198,198, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0B__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0B-state {display:none;}
.modalP0B-state:checked + .modalP0B {opacity:1; visibility:visible;}
.modalP0B-state:checked + .modalP0B .modalP0B__inner {top:0;}
.modalP0B-state:checked + .modalP0B .hiddenbut {visibility:visible; display:inline-block;}
.modalP0B__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:95%; margin:auto; background:#fff; border-radius:5px; padding:5px; overflow:auto;}
.modalP0B__close {position:absolute; right:25px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0B__close:after,
.modalP0B__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0B__close:hover:after,
.modalP0B__close:hover:before {background:#aaa;}
.modalP0B__close:before {transform:rotate(-45deg);}

.modalP0C {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(198,198,198, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0C__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0C-state {display:none;}
.modalP0C-state:checked + .modalP0C {opacity:1; visibility:visible;}
.modalP0C-state:checked + .modalP0C .modalP0C__inner {top:0;}
.modalP0C-state:checked + .modalP0C .hiddenbut {visibility:visible; display:inline-block;}
.modalP0C__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:95%; margin:auto; background:#fff; border-radius:5px; padding:5px; overflow:auto;}
.modalP0C__close {position:absolute; right:25px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0C__close:after,
.modalP0C__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0C__close:hover:after,
.modalP0C__close:hover:before {background:#aaa;}
.modalP0C__close:before {transform:rotate(-45deg);}

.modalP0Afull {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(198,198,198, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0Afull__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0Afull-state {display:none;}
.modalP0Afull-state:checked + .modalP0Afull {opacity:1; visibility:visible;}
.modalP0Afull-state:checked + .modalP0Afull .modalP0Afull__inner {top:0;}
.modalP0Afull-state:checked + .modalP0Afull .hiddenbut {visibility:visible; display:inline-block;}
.modalP0Afull__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:100%; height:100%; margin:auto; background:#fff; border-radius:5px; padding:5px; overflow:auto;}
.modalP0Afull__close {position:absolute; right:25px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0Afull__close:after,
.modalP0Afull__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0Afull__close:hover:after,
.modalP0Afull__close:hover:before {background:#aaa;}
.modalP0Afull__close:before {transform:rotate(-45deg);}

.modalP0Asmall {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(198,198,198, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0Asmall__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0Asmall-state {display:none;}
.modalP0Asmall-state:checked + .modalP0Asmall {opacity:1; visibility:visible;}
.modalP0Asmall-state:checked + .modalP0Asmall .modalP0Asmall__inner {top:0;}
.modalP0Asmall-state:checked + .modalP0Asmall .hiddenbut {visibility:visible; display:inline-block;}
.modalP0Asmall__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:50%; margin:auto; background:#fff; border-radius:5px; padding:5px; overflow:auto;}
.modalP0Asmall__close {position:absolute; right:25px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0Asmall__close:after,
.modalP0Asmall__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0Asmall__close:hover:after,
.modalP0Asmall__close:hover:before {background:#aaa;}
.modalP0Asmall__close:before {transform:rotate(-45deg);}

.modalP0T {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(199,182,177, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0T__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0T-state {display:none;}
.modalP0T-state:checked + .modalP0T {opacity:1; visibility:visible;}
.modalP0T-state:checked + .modalP0T .modalP0T__inner {top:0;}
.modalP0T-state:checked + .modalP0T .hiddenbut {visibility:visible; display:inline-block;}
.modalP0T__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:85%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; overflow:auto;}
.modalP0T__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0T__close:after,
.modalP0T__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0T__close:hover:after,
.modalP0T__close:hover:before {background:#aaa;}
.modalP0T__close:before {transform:rotate(-45deg);}

.modalP0D {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(199,182,177, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0D__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0D-state {display:none;}
.modalP0D-state:checked + .modalP0D {opacity:1; visibility:visible;}
.modalP0D-state:checked + .modalP0D .modalP0D__inner {top:0;}
.modalP0D-state:checked + .modalP0D .hiddenbut {visibility:visible; display:inline-block;}
.modalP0D__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:85%; margin:auto; background:#fff; border-radius:5px; padding:1em 2em; overflow:auto;}
.modalP0D__close {position:absolute; right:5px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0D__close:after,
.modalP0D__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0D__close:hover:after,
.modalP0D__close:hover:before {background:#aaa;}
.modalP0D__close:before {transform:rotate(-45deg);}

.modalP0K {z-index:100; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(199,182,177, .9); transition:opacity .25s ease;} /* CustomCSS */
.modalP0K__bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modalP0K-state {display:none;}
.modalP0K-state:checked + .modalP0K {opacity:1; visibility:visible;}
.modalP0K-state:checked + .modalP0K .modalP0K__inner {top:0;}
.modalP0K-state:checked + .modalP0K .hiddenbut {visibility:visible; display:inline-block;}
.modalP0K__inner {transition:top .25s ease; position:absolute; top:-50%; right:0; bottom:0; left:0; width:85%; height:85%; margin:auto; background:#fff; border-radius:5px; padding:5px; overflow:auto;}
.modalP0K__close {position:absolute; right:25px; top:1em; width:1.1em; height:1.1em; cursor:pointer;}
.modalP0K__close:after,
.modalP0K__close:before {content:''; position:absolute; width:2px; height:1.5em; background:#ccc; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0;}
.modalP0K__close:hover:after,
.modalP0K__close:hover:before {background:#aaa;}
.modalP0K__close:before {transform:rotate(-45deg);}



/* New Order */



/* Links */
.nohref {text-decoration:none; color:inherit;}
.nohref:visited {text-decoration:none; color:inherit;}
.nohref:hover {text-decoration:none; color:inherit;}
.myhref {text-decoration:none;}
.myhref:visited {text-decoration:none;}
.myhref:hover {text-decoration:none; color:#8cb3d9;} /* Blue-Grey */
.myhref2 {text-decoration:none; color:#0059b3;} /* Classic href Blue
.myhref2:visited {text-decoration:none; color:#0059b3;} /* Classic href Blue
.myhref2:hover {text-decoration:none; color:#1a8cff; !important} /* Classic href Blue Light */
.myhrefwhite2 {text-decoration:none; color:#ffffff;}
.myhrefwhite2:visited {text-decoration:none; color:#ffffff;}
.myhrefwhite2:hover {text-decoration:none; text-shadow:2px 2px 2px rgba(170,170,170,.7); color:#3366cc; !important}



/* Highlights */
.nohover {background-color:transparent;}
.bckWhite {background-color:#ffffff;}
.bckGreen {background-color:#dfffdf;}
.highlght {background-color:#inherit;}
.highlght:hover .nohover {background-color:#transparent;}
.highlght:hover .bckWhite {background-color:#dfffdf;}
.highlght:hover .bckGreen {background-color:#ffffff;}
.highlght:focus {background-color:#dfffdf;}
.highlght {&:hover > {background-color:#dfffdf; &[rowspan] {background-color:#fff;}}}
.highlghty {background-color:#inherit;}
.highlghty:hover .nohover {background-color:#transparent;}
.highlghty:hover .bckWhite {background-color:#ffffdd;}
.highlghty:hover .bckGreen {background-color:#ffffdd;}
.highlghty:focus {background-color:#ffffdd;}
.highlghty {&:hover > {background-color:#ffffdd; &[rowspan] {background-color:#fff;}}}
.highlghti {background-color:transparent;}
.highlghti:hover .nohover {background-color:#transparent;}
.highlghti:hover .bckWhite {background-color:#e8f7e8;}
.highlghti:hover .bckGreen {background-color:#ffffff;}
.highlghti input:focus {background-color:#e8f7e8;}
.highlghti select:focus {background-color:#e8f7e8;}
.highlghti {&:hover > {background-color:#e8f7e8; &[rowspan] {background-color:#fff;}}}
.borderhighlight {transition: box-shadow .2s ease;}
.borderhighlight:hover {outline: none; border-radius:5px; box-shadow: 0 0 4px 2px #c4dcf6;}



/* Backgrounds and Border Colors */
.whiteclrbck {background-color:#FFFFFF;}
.whiteclrbcki {background-color:#FFFFFF; !important;}
.blackclrbck {background-color:#000000;}
.thiclrbck {background-color:#00ae57;}
.thiclrbrd {border:1px solid #00ae57;}
.mgreyclrbrd {border:1px solid #BBBBBB;}
.mgreyclrbck {background-color:#BBBBBB;}
.lgreyclrbrd {border:1px solid #EEEEEE;}
.lgreyclrbck {background-color:#EEEEEE;}
.redclrbck {background-color:#ffcccc;}
.redclrbrd {border:1px solid #ffcccc;}
.lgreenclrbck {background-color:#00c864;}
.lgreenclrbrd {border:1px solid #00c864;}
.greenclrbck {background-color:#00ae57;}
.greenclrbrd {border:1px solid #00ae57;}
.litegreenclrbck {background-color:#eaffea;}
.literedclrbck {background-color:#ffeaea;}
.liteyellowclrbck {background-color:#ffffee;}
.ath1d {background:#4250ac;}
.ath1l {background:#5966c0;}
.ath2d {background:#5ccf91;}
.ath2l {background:#75d7a2;}
.ath3d {background:#ac451a;}
.ath3l {background:#c8511e;}
.ath4d {background:#b76096;}
.ath4l {background:#c072a2;}
.ath5d {background:#8524b9;}
.ath5l {background:#992ad5;}
.ath6d {background:#cc9400;}
.ath6l {background:#e6a800;}



/* z-index */
.z-i1 {z-index:1;}
.z-i5 {z-index:5;}
.z-i-1 {z-index:-1;}



/* White-Space */
.nwrap {white-space:nowrap;}



/* Width */
.wauto {width:auto;}
.w1p {width:1%;}
.w2p {width:2%;}
.w3p {width:3%;}
.w5p {width:5%;}
.w6p {width:6%;}
.w7p {width:7%;}
.w8p {width:8%;}
.w9p {width:9%;}
.w10p {width:10%;}
.w12p {width:12%;}
.w13p {width:13%;}
.w15p {width:15%;}
.w17p {width:17%;}
.w18p {width:18%;}
.w19p {width:19%;}
.w20p {width:20%;}
.w23p {width:23%;}
.w24p {width:24%;}
.w25p {width:25%;}
.w28p {width:28%;}
.w30p {width:30%;}
.w33p {width:33%;}
.w34p {width:34%;}
.w35p {width:35%;}
.w36p {width:36%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w56p {width:56%;}
.w60p {width:60%;}
.w66p {width:66%;}
.w67p {width:67%;}
.w69p {width:69%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w85p {width:85%;}
.w90p {width:90%;}
.w95p {width:95%;}
.w97p {width:97%;}
.w99p {width:99%;}
.w100p {width:100%;}
.w1 {width:1px;}
.w15 {width:15px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w610 {width:610px;}
.mobw15p {width:15%;}
.mobw60-100p {width:60%;}
.mobw80-100p {width:80%;}
.mobw90-100p {width:90%;}
.mobw85p {width:85%;}
.mobw90p {width:90%;}
.mobw90-100p {width:90%;}
.mobw93p {width:93%;}
.mobw93-85p {width:93%;}
.mobw95-85p {width:95%;}
.mobw13 {width:13px;}
.mobw15 {width:15px;}
.mobw30 {width:30px;}
.mobw60 {width:60px;}
.mobw70 {width:70px;}
.mobw80 {width:80px;}
.mobw100 {width:100px;}
.mobw120 {width:120px;}
.mobw140 {width:140px;}
.mobw180 {width:180px;}
.mobw200 {width:200px;}
.mobw200-120 {width:200px;}
.mobw220 {width:220px;}
.mobw260 {width:260px;}
.mobw300 {width:300px;}
.mobw300-250 {width:300px;}
.mobw350 {width:350px;}
.mobw400 {width:400px;}
.mobw500 {width:500px;}
.mobw550 {width:550px;}
.mobw600 {width:600px;}
.mobminwidth {width:650px;}



/* Visibility */
.v-visible {visibility:visible;}
.v-hidden {visibility:hidden;}



/* Shadow */
.shdor {-moz-box-shadow:4px 4px 5px #aaa; -webkit-box-shadow:4px 4px 5px #aaa; -o-box-shadow:4px 4px 5px #aaa; -ms-box-shadow:4px 4px 5px #aaa; box-shadow:4px 4px 5px #aaa;}
.shd {-moz-box-shadow:3px 3px 4px #aaa; -webkit-box-shadow:3px 3px 4px #aaa; -o-box-shadow:3px 3px 4px #aaa; -ms-box-shadow:3px 3px 4px #aaa; box-shadow:3px 3px 4px #aaa;}
.phov:hover {box-shadow:0 0 10px #719ECE; color:#538cc6;}



/* Position */
.pos-abs {position:absolute;}
.pos-rel {position:relative;}



/* Pointer */
.mpointer:hover {cursor:pointer;}
.mhelp:hover {cursor:help;}
.marrow:hover {cursor:context-menu;}



/* Padding */
.pd0 {padding:0px;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pdl0 {padding-left:0px;}
.pdl1 {padding-left:1px;}
.pdl2 {padding-left:2px;}
.pdl5 {padding-left:5px;}
.pdl7 {padding-left:7px;}
.pdl10 {padding-left:10px;}
.pdl20 {padding-left:20px;}
.pdl50 {padding-left:50px;}
.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr20 {padding-right:20px;}
.pdlr20 {padding-left:20px; padding-right:20px;}
.pdt5 {padding-top:5px;}
.pdt7 {padding-top:7px;}
.pdb2 {padding-bottom:2px;}
.pdb3 {padding-bottom:3px;}
.pdtb7lr10 {padding:7px 10px;}
.mobpad20 {padding:20px;}
.mobpdt7 {padding-top:7px;}
.mobpdl30 {padding-left:30px;}
.mobpdl40 {padding-left:40px;}



/* Oval */
.oval5 {border-radius:5px;}
.oval10 {border-radius:10px;}
.oval30 {border-radius:30px;}



/* Margin */
.mg0a {margin:0 auto;}
.mg0 {margin:0px;}
.mgt-5 {margin-top:-5px;}
.mgt2 {margin-top:2px;}
.mgt3 {margin-top:3px;}
.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgb2 {margin-bottom:2px;}
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgr5 {margin-right:5px;}
.mgl5 {margin-left:5px;}
.mgl25p {margin-left:25%;}
.mgl30p {margin-left:30%;}
.mgt10p {margin-top:10%;}
.tblcenter {margin:0 auto;}
.mobmg20 {margin:20px;}
.mobmgb7-1 {margin-bottom:7px;}
.mobmgb20-10 {margin-bottom:20px;}
.left0 {left:0px;}
.top0 {top:0px;}



/* Line */
.lh15 {line-height:15px;}
.lh50p {line-height:50%;}



/* Height */
.h100p {height:100%;}
.h1 {height:1px;}
.h5 {height:5px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h100 {height:100px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.mobh3 {height:3px;}
.mobh5-30 {height:5px;}
.mobh6 {height:6px;}
.mobh10 {height:10px;}
.mobh15 {height:15px;}
.mobh16 {height:16px;}
.mobh17 {height:17px;}
.mobh18 {height:18px;}
.mobh20 {height:20px;}
.mobh23 {height:23px;}
.mobh25 {height:25px;}
.mobh25-20 {height:25px;}
.mobh30 {height:30px;}
.mobh33 {height:33px;}
.mobh40 {height:40px;}
.mobh50 {height:50px;}
.mobh50-40 {height:50px;}
.mobh60 {height:60px;}
.mobh65 {height:65px;}
.mobh70 {height:70px;}
.mobh100 {height:100px;}
.mobh150 {height:150px;}
.mobh170 {height:170px;}
.mobh500 {height:500px;}



/* Font Shadow */
.engrtxtg {text-shadow:2px 2px 2px rgba(170,170,170,.7);}
.engrtxtw {text-shadow:1px 1px 1px rgba(255,255,255,.9);}
.engrtxtb {text-shadow:1px 1px 1px rgba(50,50,50,.6);}



/* Font Size */
.fnt-4 {font-size:4px;}
.fnt-5 {font-size:5px;}
.fnt-6 {font-size:6px;}
.fnt-7 {font-size:7px;}
.fnt-8 {font-size:8px;}
.fnt-9 {font-size:9px;}
.fnt-10 {font-size:10px;}
.fnt-11 {font-size:11px;}
.fnt-12 {font-size:12px;}
.fnt-13 {font-size:13px;}
.fnt-14 {font-size:14px;}
.fnt-15 {font-size:15px;}
.fnt-16 {font-size:16px;}
.fnt-17 {font-size:17px;}
.fnt-18 {font-size:18px;}
.fnt-19 {font-size:19px;}
.fnt-20 {font-size:20px;}
.fnt-21 {font-size:21px;}
.fnt-22 {font-size:22px;}
.fnt-23 {font-size:23px;}
.fnt-24 {font-size:24px;}
.fnt-25 {font-size:25px;}
.fnt-26 {font-size:26px;}
.mobfnt-9 {font-size:9px;}
.mobfnt-10 {font-size:10px;}
.mobfnt-11 {font-size:11px;}
.mobfnt-12 {font-size:12px;}
.mobfnt-13 {font-size:13px;}
.mobfnt-14 {font-size:14px;}
.mobfnt-15 {font-size:15px;}
.mobfnt-16 {font-size:16px;}
.mobfnt-17 {font-size:17px;}
.mobfnt-18 {font-size:18px;}
.mobfnt-19 {font-size:19px;}
.mobfnt-20 {font-size:20px;}
.mobfnt-21 {font-size:21px;}
.mobfnt-22 {font-size:22px;}
.mobfnt-23 {font-size:23px;}
.mobfnt-24 {font-size:24px;}
.mobfnt-25 {font-size:25px;}
.mobfnt-26 {font-size:26px;}



/* Font Face */
.fnt-v {font-family:Verdana;}
.fnt-t {font-family:Tahoma;}
.fnt-h {font-family:Helvetica;}
.fnt-s {font-family:Sans-Serif;}
.fnt-a {font-family:Arial;}



/* Font Color */
.clrWhite {color:#ffffff;}
.clrRed {color:#ff3300;}
.clrRed2 {color:#b32400;}
.clr111 {color:#111111;}
.clr333 {color:#333333;}
.clrBlue {color:#0066cc;}
.clrBlue35 {color:#0059b3;}
.clrGrey1 {color:#262626;}
.clrGrey2 {color:#505050;}
.clrGrey3 {color:#737373;}
.clrGrey4 {color:#a6a6a6;}
.clrGrey5 {color:#d9d9d9;}
.clrDGreen2 {color:#002200;}
.clrDGreen3 {color:#003300;}
.clrDGreen5 {color:#005500;}
.sfCopyR {font-size:10px; color:#FFFFFF;}
.sfCopyRGrey {color:#CCCCCC;}

option.optGrey {color:#737373;}



/* Font Bold */
.fntBold {font-weight:bold;}



/* Display */
.d-block {display:block;}
.d-inblock {display:inline-block;}
.d-none {display:none;}
tr[class^="detailtmima"], tr[class*="detailtmima"] {display:none;}



/* Border */
.brd0 {border:0px;}
.brd1sFFF {border:1px solid #FFFFFF;}
.brd1sEEE {border:1px solid #EEEEEE;}
.brd1sCCC {border:1px solid #CCCCCC;}
.brd-collcol {border-collapse:collapse;}
.brd-collsep {border-collapse:seperate;}
.brd-sp0 {border-spacing:0px; }
.brd-sp4 {border-spacing:4px; }
.brd-sp5 {border-spacing:5px; }
.brd-sp7 {border-spacing:7px; }
.brd-sp10 {border-spacing:10px; }



/* Align */
.txtcenter {text-align:center;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.mobtxtcenterleft {text-align:center;}
.vatop {vertical-align:top;}
.vabottom {vertical-align:bottom;}
.vamiddle {vertical-align:middle;}



/* PC/Mobile Hide/Show */
.mobshow {display:none; visibility:hidden;}
.hiddenbut {visibility:hidden; display:none;}



.trtrans {opacity:0; visibility:hidden; -webkit-transition:opacity 600ms, visibility 600ms; transition:opacity 600ms, visibility 600ms;}
.trandiv {width:100%; height:10px; opacity:0; -webkit-transition:opacity 1.5s ease, height .5s ease; transition:opacity 1.5s ease, height .5s ease;}



.mobdot5 {height: 5px; width: 5px; border-radius: 50%; display: inline-block;}
.mobdot8 {height: 8px; width: 8px; border-radius: 50%; display: inline-block;}
.mobdot10 {height: 10px; width: 10px; border-radius: 50%; display: inline-block;}
.mobdot15 {height: 15px; width: 15px; border-radius: 50%; display: inline-block;}
.mobdot20 {height: 20px; width: 20px; border-radius: 50%; display: inline-block;}
.mobdot25 {height: 25px; width: 25px; border-radius: 50%; display: inline-block;}



/* Mobile */
@media only screen and (max-width:768px) {
  /* For mobile phones:*/
  [class*="col-"] {
    width:100%;
  }
  
 tr[class^="mobdetailtmima"], tr[class*="mobdetailtmima"] {display:none;}
 
 /* Align Mobile */
 .mobtxtcenterleft {text-align:left;}
 
 /* Font Size Mobile */
 .mobfnt-9 {font-size:7px;}
 .mobfnt-10 {font-size:9px;}
 .mobfnt-11 {font-size:9px;}
 .mobfnt-12 {font-size:10px;}
 .mobfnt-13 {font-size:11px;}
 .mobfnt-14 {font-size:11px;}
 .mobfnt-15 {font-size:12px;}
 .mobfnt-16 {font-size:12px;}
 .mobfnt-17 {font-size:13px;}
 .mobfnt-18 {font-size:13px;}
 .mobfnt-19 {font-size:14px;}
 .mobfnt-20 {font-size:14px;}
 .mobfnt-21 {font-size:15px;}
 .mobfnt-22 {font-size:15px;}
 .mobfnt-23 {font-size:16px;}
 .mobfnt-24 {font-size:16px;}
 .mobfnt-25 {font-size:17px;}
 .mobfnt-26 {font-size:17px;}
 
 /* Height Mobile */
 .mobh3 {height:2px;}
 .mobh5-30 {height:30px;}
 .mobh6 {height:4px;}
 .mobh10 {height:7px;}
 .mobh15 {height:10px;}
 .mobh16 {height:10px;}
 .mobh17 {height:11px;}
 .mobh18 {height:12px;}
 .mobh20 {height:13px;}
 .mobh23 {height:15px;}
 .mobh25 {height:17px;}
 .mobh25-20 {height:20px;}
 .mobh30 {height:20px;}
 .mobh33 {height:22px;}
 .mobh40 {height:26px;}
 .mobh50 {height:34px;}
 .mobh50-40 {height:40px;}
 .mobh60 {height:40px;}
 .mobh65 {height:52px;}
 .mobh70 {height:46px;}
 .mobh100 {height:67px;}
 .mobh150 {height:100px;}
 .mobh170 {height:113px;}
 .mobh500 {height:333px;}
 
 /* Margin Mobile */
 .mobmg20 {margin:14px;}
 .mobmgb7-1 {margin-bottom:1px;}
 .mobmgb20-10 {margin-bottom:10px;}
 .mobonlymgt20 {margin-top:20px;}
 
 /* Width Mobile */
 .mobw15p {width:25%;}
 .mobw60-100p {width:100%;}
 .mobw80-100p {width:100%;}
 .mobw90-100p {width:100%;}
 .mobw85p {width:75%;}
 .mobw90p {width:60%;}
 .mobw90-100p {width:100%;}
 .mobw93p {width:60%;}
 .mobw93-85p {width:85%;}
 .mobw95-85p {width:85%;}
 .mobw13 {width:10px;}
 .mobw15 {width:10px;}
 .mobw30 {width:20px;}
 .mobw60 {width:40px;}
 .mobw70 {width:50px;}
 .mobw80 {width:53px;}
 .mobw100 {width:66px;}
 .mobw120 {width:80px;}
 .mobw140 {width:93px;}
 .mobw180 {width:120px;}
 .mobw200 {width:133px;}
 .mobw200-120 {width:120px;}
 .mobw220 {width:147px;}
 .mobw260 {width:173px;}
 .mobw300 {width:200px;}
 .mobw300-250 {width:250px;}
 .mobw350 {width:233px;}
 .mobw400 {width:266px;}
 .mobw500 {width:300px;}
 .mobw550 {width:330px;}
 .mobw600 {width:400px;}
 .mobminwidth {width:320px;}
 
 /* Padding Mobile */
 .mobpad20 {padding:10px;}
 .mobpdt7 {padding-top:4px;}
 .mobpdl30 {padding-left:20px;}
 .mobpdl40 {padding-left:27px;}
 
 /* PC/Mobile Hide/Show */
 .mobhide {display:none; visibility:hidden;}
 .mobshow {display:table-row; visibility:visible;}
 
 /* Button Mobile /*
 .mobmybtnbox {padding-left:5px; padding-right:5px;}
 .mobmybtnboxp10 {padding-top:5px; padding-bottom:5px;}
 .mobmybtnboxp10green {padding-top:5px; padding-bottom:5px;}
 .mobmybtnboxn .badgeL {top:0px; left:0px; padding:2px 2px;}
 .mobmybtnboxnB .badgeL {top:0px; left:0px; padding:2px 2px;}
 .mobmybtnboxnG .badgeL {top:0px; left:0px; padding:2px 2px;}
 .mobmybtnboxnGr .badgeL {top:0px; left:0px; padding:2px 2px;}
 .Dmobmybtnboxn .badgeL {top:0px; left:0px; padding:2px 2px;}
 
 /* Drop Down Menu Mobile */
 .xdropbtnP1 {font-size:11px;}
 .xdropbtnP2 {font-size:11px;}
 .xdropbtnP3 {font-size:11px;}
 
 .mobblock {display:block; width:100%; text-align:left; padding-left:10px; margin-bottom:5px; height:auto;}
 .mobblock97 {display:block; width:100%; text-align:left; margin-bottom:5px; height:auto;}
 
 /* input */
 .mobinputundo {position:absolute; left:98%; top:2px;}
 
 .mobdot5 {height: 3px; width: 3px; border-radius: 50%; display: inline-block;}
 .mobdot8 {height: 5px; width: 5px; border-radius: 50%; display: inline-block;}
 .mobdot10 {height: 7px; width: 7px; border-radius: 50%; display: inline-block;}
 .mobdot15 {height: 10px; width: 10px; border-radius: 50%; display: inline-block;}
 .mobdot20 {height: 14px; width: 14px; border-radius: 50%; display: inline-block;}
 .mobdot25 {height: 17px; width: 17px; border-radius: 50%; display: inline-block;}
 
}



/* Empty Classes */
.dimoi {display:none;}
.dimoi1 {display:none;}
.dimoi2 {display:none;}
.dimoi3 {display:none;}
.dimoi4 {display:none;}
.dimoi5 {display:none;}
.dimoi6 {display:none;}
.dimoi7 {display:none;}
.dimoi8 {display:none;}
.dimoi9 {display:none;}
.dimoi10 {display:none;}
.dimoi11 {display:none;}
.dimoi12 {display:none;}
.dimoi13 {display:none;}
.dimoi14 {display:none;}
.dimoi15 {display:none;}
.dimoi16 {display:none;}
.dimoi17 {display:none;}
.dimoi18 {display:none;}
.dimoi19 {display:none;}
.dimoi20 {display:none;}
.dimoi21 {display:none;}
.dimoi22 {display:none;}
.dimoi23 {display:none;}
.dimoi24 {display:none;}
.dimoi25 {display:none;}
.dimoi26 {display:none;}
.dimoi27 {display:none;}
.dimoi28 {display:none;}
.dimoi29 {display:none;}
.dimoi30 {display:none;}
.dimoi31 {display:none;}
.dimoi32 {display:none;}
.dimoi33 {display:none;}
.dimoi34 {display:none;}
.dimoi35 {display:none;}
.dimoi36 {display:none;}
.dimoi37 {display:none;}
.dimoi38 {display:none;}
.dimoi39 {display:none;}
.dimoi40 {display:none;}
.dimoi41 {display:none;}
.dimoi42 {display:none;}
.dimoi43 {display:none;}
.dimoi44 {display:none;}
.dimoi45 {display:none;}
.dimoi46 {display:none;}
.dimoi47 {display:none;}
.dimoi48 {display:none;}
.dimoi49 {display:none;}
.dimoi50 {display:none;}
.dimoi51 {display:none;}
.dimoi52 {display:none;}
.nomos {display:none;}
.nomos1 {display:none;}
.nomos2 {display:none;}
.nomos3 {display:none;}
.nomos4 {display:none;}
.nomos5 {display:none;}
.nomos6 {display:none;}
.nomos7 {display:none;}
.nomos8 {display:none;}
.nomos9 {display:none;}
.nomos10 {display:none;}
.nomos11 {display:none;}
.nomos12 {display:none;}
.nomos13 {display:none;}
.perif {display:none;}
.perif1 {display:none;}
.perif2 {display:none;}
.perif3 {display:none;}
.perif4 {display:none;}
.perif5 {display:none;}
.perif6 {display:none;}
.perif7 {display:none;}
.perif8 {display:none;}
.perif9 {display:none;}
.perif10 {display:none;}
.perif11 {display:none;}
.perif12 {display:none;}
.perif13 {display:none;}



.switch-toggle {float:left; background:#FFFFFF; border:1px solid #CCCCCC;}
.switch-toggle input {position:absolute; opacity:0;}
.switch-toggle input + label {padding:5px; float:left; color:#BBBBBB; cursor:pointer;}
.switch-toggle input[id^='statena']:checked + label {color:#fff; background:#CCCCCC;}
.switch-toggle input[id^='stateon']:checked + label {color:#fff; background:#2196F3;}
.switch-toggle input[id^='stateoff']:checked + label {color:#fff; background:#999999;}



.divinputicon {margin:0; padding:0; border-radius:10px;}
.divinputicon input {margin:0; vertical-align:top;}
.divinputicon .divinputicon_btn {margin-left: -30px; display:inline-block; cursor:pointer; margin-top:4px;}
.divinputicon .divinputicon_btnbutton {margin-left: -110px; display:inline-block; cursor:pointer; margin-top:3px;}



.tooltip span {white-space:normal; height:auto; visibility:hidden; top:-25px; left:10%; width:500px; background-color:#999999; color:#ffffff; text-align:left; border-radius:6px; padding:5px; position:absolute; z-index:9; margin-left:1px; cursor:pointer; opacity:0; transition:opacity 1s;}
.tooltip span::after {content:""; position:absolute; top:50%; right:100%; margin-top:-5px; border-width:5px; border-style:solid; border-color:transparent #999999 transparent transparent;}
.tooltip input {display:none;}
.tooltip input:checked+span {visibility:visible; opacity:0.9;}
.tooltipL span {white-space:normal; height:auto; visibility:hidden; top:-25px; right:30px; width:500px; background-color:#999999; color:#ffffff; text-align:left; border-radius:6px; padding:5px; position:absolute; z-index:9; margin-left:1px; cursor:pointer; opacity:0; transition:opacity 1s;}
.tooltipL span::after {content:""; position:absolute; top:50%; left:100%; margin-top:-5px; border-width:5px; border-style:solid; border-color:transparent transparent transparent #999999;}
.tooltipL input {display:none;}
.tooltipL input:checked+span {visibility:visible; opacity:0.9;}



.custom-select-month {position:relative; margin-left:auto; right:0; font-family: Arial; border-radius:10px;}
.custom-select-month select {display: none;}
.select-selected {background-color:#32669A; border-radius:10px;}
.select-selected:after {position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent;}
.select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent; top: 7px;}
.select-items div,.select-selected {color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; border-radius:10px;}
.select-items {position: absolute; background-color:#32669A; top: 100%; left: 0; right: 0; z-index: 99; border-radius:10px;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}

.custom-select-year {position:relative; right: 0%; font-family: Arial; border-radius:10px;}
.custom-select-year select {display: none;}
.select-selected {background-color:#32669A; border-radius:10px;}
.select-selected:after {position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent;}
.select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent; top: 7px;}
.select-items div,.select-selected {color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; border-radius:10px;}
.select-items {position: absolute; background-color:#32669A; top: 100%; left: 0; right: 0; z-index: 99; border-radius:10px;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}



.div_scroll {margin:4px, 4px; padding:4px; margin: 0 auto; height:161px; overflow-x:hidden; overflow-y:auto; text-align:justify;}
.div_scrollframe::-webkit-scrollbar {width: 13px; border-radius:5px;}
.div_scrollframe::-webkit-scrollbar-track {background: #f1f1f1; border-radius:5px;}
.div_scrollframe::-webkit-scrollbar-thumb {background: #999; border-radius:5px;}
.div_scrollframe::-webkit-scrollbar-thumb:hover {background: #777;}