body {
    margin: 0;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, "Times New Roman", Times, serif;
    color: #000000;
    background:#ffffff;
}

a {
    font-weight: normal;
    color: blue;
}

a.active {
    font-weight: bold;
    color: black;
}

[v-cloak] > * {
    display: none
}

[v-cloak]::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* :not(:required) hides these rules from IE9 and below */
[v-cloak]:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

[v-cloak]:not(:required):after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 8px solid #f6f;
    border-top-color: #0e0;
    border-right-color: #0dd;
    border-bottom-color: #f90;
    animation: spinner .8s linear infinite;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.img-header {
    width: auto;
    height: 40px;
}


.errorClass td {
    background-color: #FCDDD6;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: inherit;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.nav-bar-background {
    background: #98cbe8;
}

.nav-bar-padding {
    padding: 5px 10px 5px 10px;
}

.container {
    padding: 25px;
}

/* The animation code */
@keyframes rowHighlight {
    20% {background-color: #7da8c3; }
    80% {background-color: #7da8c3; }
    100% {}

}

.backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.textWrapBreak{
    word-wrap: break-word;
}

.showInTable{
}

.hiddenInTable{
    display:none;
}

.freeze-header {
    position: sticky;
    top: 0px;
    z-index: 999;
    background:white;
    margin: 0;
    padding: 0;
}

.freeze-header3 {
    position: sticky;
    top: 0px;
    z-index: 999;
    background:white;
    margin: 0;
    padding: 0;

}


.freeze-header2 {
    position: sticky;
    top: 80px;
    z-index: 999;
    background:white;
    margin: 0;
    padding: 0;
    padding-top: 3px;
    margin-top: 3px;
}



.uploading {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 8px solid #f6f;
    border-top-color: #0e0;
    border-right-color: #0dd;
    border-bottom-color: #f90;
    animation: spinner .8s linear infinite;
}

.whiteGround{
    background:#ffffff;
}

.flex-center {
    height: 70vh;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.img-main {
    text-align: center;
    margin-bottom: 30px;
    width: auto;
    height: auto;
}
.md-btn {   margin:5px 5px; display: inline-block;    margin-bottom: 0;    font-weight: normal;    text-align: center;    vertical-align: middle;    -ms-touch-action: manipulation;    touch-action: manipulation;    cursor: pointer;    background-image: none;    border: 1px solid transparent;    white-space: nowrap;    padding: 0px 12px;    font-size: 14px;    line-height: 1.6;    border-radius: 0px;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.w3-card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px;}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-header,.w3-hover-header:hover{color:#000!important;font-weight:bolder;background-color:#eeeeee!important;height: 38px;vertical-align: center;}
.link{ background:#DDDDDD;}
.w3-btn,.w3-button{display:inline-block;padding:2px 5px 2px 5px;vertical-align:middle;overflow:hidden;
text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;margin:2px;}
.w3-btn:hover{box-shadow:0 3px 5px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.1}
.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.19)}
.myDisable{text-align:center;display:inline-block;padding:2px 5px 2px 1px;vertical-align:middle;overflow:hidden;margin:2px;background:#000000;color:#fff;width:100%}
    
.cosUnfinal{text-align:center;display:inline-block;padding:2px 5px 2px 1px;vertical-align:middle;overflow:hidden;margin:2px;background:red;color:#fff;font-weight: bold;width:100%}
.cosFinal{text-align:center;display:inline-block;padding:2px 5px 2px 1px;vertical-align:middle;overflow:hidden;margin:2px;background:green;color:#fff;font-weight: bold;width:100%}

.print_hide{display:block;}
.print_show{display:none;}

@media print {
    .print_hide{display:none;}
    .print_show{display:block;}
    
}  
.report-container{max-width: 700px;margin: auto;}

.tableReport {border: 1px solid #1C6EA4;width: 100%;text-align: left;border-collapse: collapse;}
.tableReport td, table.table th {border: 1px solid #AAAAAA;padding: 3px 2px;text-align: right;width:auto;}
.tableReport tbody td {font-size: 13px;}
.tableReport tr:nth-child(even) {background: #EEEEEE;}
.tableReport tfoot td {font-size: 14px;}
.tableReport tfoot .links {text-align: right;}
.tableReport tfoot .links a{display: inline-block;background: #1C6EA4;color: #FFFFFF;padding: 2px 8px;border-radius: 5px;}