.hide           {display:none;}
.hidden         {visibility:hidden;}
.table          {display:table;}
.table-row      {display:table-row;}
.table-col      {display:table-cell;}
.auto           {margin:auto}
.left           {text-align:left}
.center         {text-align:center}
.right          {text-align:right}
.middle         {vertical-align:middle}
.bottom         {vertical-align:bottom;}
.no-border      {border:none;overflow-y:hidden;height:auto}
.border         {border:solid 1px black;}
.no-border      {border:none;}
.col-border-bot {border:none;border-bottom:solid 1px black}
.no-top         {border-top:none;}
.col-pad        {padding:2px 2px;}
.col-pad-title  {padding:3px 2px;}
.col-pad-line   {padding:5px 2px;}
.txt-8          {font-size:8pt;}
.txt-9          {font-size:9pt;}
.div-floating   {width:600px;top:32px;left:50%; transform: translate(-50%, 0);}
.div-sub-per    {width:500px;background:#fff;top:142px;left:50%;transform: translate(-50%, 0);}
.field          {width:90%;height:15px}
.field-70       {width:70px;height:15px;}
.field-list     {width:90%;height:20px;line-height:20px;-webkit-appearance:menulist-button;-moz-appearance:none;}

/* 09-2023 */
.field-rate     {min-height:150px;}

.col-left       {padding:2px 2px;text-align:right;max-width:130px}
.col-right      {padding:2px 2px;text-align:left;}
.bold           {font-weight:bold;}
.normal         {font-weight:normal;}
.pad-top-5      {padding-top:5px}
.pad-top-8      {padding-top:8px}
.pad-top-10     {padding-top:10px}
.pad-top-15     {padding-top:15px}
.pad-top-25     {padding-top:25px}
.pad-bot-2      {padding-bottom:2px}
.pad-bot-3      {padding-bottom:3px}
.pad-bot-5      {padding-bottom:5px}
.pad-bot-10     {padding-bottom:10px}
.pad-ck         {padding: 2px 5px; padding-bottom:0px;}
.pad-left-4     {padding-left:4px;}
.m-left-10      {margin-left:10px;}
.m-top-5        {margin-top:5px}
.m-top-0        {margin-top:0px}
.m-bot-0        {margin-bottom:0px}
.w-50           {width:50%}
.w-15           {width:15px}
.w-90           {width:90%}
.w-100          {width:99%}
.overflow-y     {overflow-x:hidden;overflow-y:auto}
.circle         {display:inline-block;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                font-family: Calibri;
                font-size: 12pt;
                color: #fff;
                font-weight: bold;
                background: #0158A3;
                text-align:center;
                vertical-align:middle; }


input[type=checkbox]
{
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    padding: 10px;   
}


@media screen and (max-width: 640px) {

    .div-floating {
        width: 600px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .div-sub-per {
        width: 99%;
        background: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .pad-ck {
        padding: 2px 10px;
        padding-bottom: 0px;
    }

    .botonTransp {font-size:12pt}
}