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

 a {
     cursor: pointer;
     color: #0056b3;
     text-decoration: none !important;
 }

 hr {
     border-width: 1px !important;
 }

 .hr-standard {
     border-width: 1px !important;
 }

 .link {
     cursor: pointer;
     color: #0056b3;
     text-decoration: none;
 }
 
 .link:hover {
     color: royalblue;
 }

 .alignright {
    text-align: right !important;
 }
 
 html, body {
    overscroll-behavior-y: contain;
 }
 
 .linkwhite {
     cursor: pointer;
     color: white;
     text-decoration: none;
 }

 .linkwhite:hover {
     color: PowderBlue;
 }

 .backlink {
     cursor: pointer;
     background-color: #0056b3;
 }

 .backlink:hover {
     background-color: royalblue;
 }

 .linkgreen {
     cursor: pointer;
     color: OliveDrab;
 }

 .linkgreen:hover {
     color: Green;
 }

 .linkred {
     cursor: pointer;
     color: Crimson;
 }

 .linkred:hover {
     color: Red;
 }

 .link-green {
     cursor: pointer;
     color: OliveDrab;
 }

 .just-link {
     cursor: pointer;
 }

 .hovergrey:hover {
     background-color: WhiteSmoke;
 }

 .white {
     color: white;
 }

 .blue {
     color: RoyalBlue;
 }

 .red {
     color: Red;
 }

 .yellow {
     color: Yellow;
 }

 .green {
     color: Green;
 }

 .noselect {
     -webkit-touch-callout: none;
     /* iOS Safari */
     -webkit-user-select: none;
     /* Safari */
     -khtml-user-select: none;
     /* Konqueror HTML */
     -moz-user-select: none;
     /* Firefox */
     -ms-user-select: none;
     /* Internet Explorer/Edge */
     user-select: none;
     /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
 }

 .sdefault {
     -webkit-touch-callout: text;
     /* iOS Safari */
     -webkit-user-select: text;
     /* Safari */
     -khtml-user-select: text;
     /* Konqueror HTML */
     -moz-user-select: text;
     /* Firefox */
     -ms-user-select: text;
     /* Internet Explorer/Edge */
     user-select: text;
     /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
 }


 .pheader {
     background-color: RoyalBlue;
     /*#ff3c00;  #194570*/
     color: white;
     border-style: solid;
     border-color: DodgerBlue;
     border-width: 1px;
     padding-left: 15px;
     padding-top: 5px;
     padding-right: 10px;
 }

 .pleft {
     background-color: DodgerBlue;
     /* rgb(104, 46, 131) #007bff;#1b75a2; */
     color: white;
     border-style: solid;
     border-color: DimGrey;
     /* rgb(104, 46, 131); */
     border-width: 0;
     padding-left: 0;
     padding-top: 0;
     padding-right: 0;
 }

 .pbody {
     padding: 0;
     overflow: auto;
     background-color: White;
 }

 .pfooter {
     background-color: RoyalBlue;
     /*#ff3c00;  #194570*/
     color: white;
     border-style: solid;
     border-color: DodgerBlue;
     border-width: 1px;
     padding-left: 15px;
     padding-top: 5px;
     padding-right: 10px;
 }


 .frontlinkicon {
     position: relative;
     top: 3px;
     padding-right: 4px;
 }

 .rnomargin {
     margin-right: 0 !important;
     margin-left: 0 !important;
 }

 .nopadding {
     padding: 0
 }
 
@media print
    {    
        .noprint
        {
            display: none !important;
        }
    }

 .ptd {
     padding: 10px;
 }

 .pswdiv {
     border: 1px solid gray;
     height: 210px;
     width: 350px;
     position: absolute;
     top: 60px;
     right: 10px;
     border-radius: 10px;
     background-color: GhostWhite;
 }

 .errorMessage {
     position: fixed;
     color: white;
     top: 100px;
     right: 10px;
     background-color: crimson;
     padding: 10px;
     opacity: 85%;
     border-radius: 5px;
     width: 400px;
     z-index: 999999999;
 }

 .infoMessage {
     position: fixed;
     color: white;
     top: 100px;
     right: 10px;
     background-color: DodgerBlue;
     padding: 10px;
     opacity: 85%;
     border-radius: 5px;
     width: 400px;
     z-index: 999999999;
 }

 .successMessage {
     position: fixed;
     color: white;
     top: 100px;
     right: 10px;
     background-color: SeaGreen;
     padding: 10px;
     opacity: 85%;
     border-radius: 5px;
     width: 400px;
     z-index: 999999999;
 }

 .sm {
     padding-right: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
 }

 .frontlink {
     cursor: pointer;
     color: White;
 }

 .font10 {
     font-size: 10px;
 }

 .font12 {
     font-size: 12px;
 }

 .font14 {
     font-size: 14px;
 }

 .font16 {
     font-size: 16px;
 }

 .font18 {
     font-size: 18px;
 }

 .font20 {
     font-size: 20px;
 }

 .font24 {
     font-size: 24px;
 }

 .font40 {
     font-size: 40px;
 }

 .f10 {
     font-size: 10px;
 }

 .f12 {
     font-size: 12px;
 }

 .f14 {
     font-size: 14px;
 }

 .f16 {
     font-size: 16px;
 }

 .f18 {
     font-size: 18px;
 }

 .f20 {
     font-size: 20px;
 }

 .f22 {
     font-size: 22px;
 }

 .f24 {
     font-size: 24px;
 }

 .f28 {
     font-size: 28px;
 }

 .f40 {
     font-size: 40px;
 }

 .fontbold {
     font-weight: bold;
 }

 .normalapptitle {
     position: relative;
     top: -10px;
     font-size: 24px;
 }

 .mobileapptitle {
     position: relative;
     font-size: 16px;
     top: 5px;
 }

 .shortmenu {
     float: right;
     position: relative;
     color: White;
     top: 11px;
 }

 .routeloading {
     position: fixed;
     top: 65px;
     padding: 10px;
     background-color: white;
     border: 0px solid gray;
     border-radius: 3px;
     z-index: 999990;
     opacity: 0.8;
     text-align: center;
     width: 50px;
 }

 .pagefootertime {
     color: White;
     font-size: 12px;
     text-align: right;
 }

 .pagefootercopy {
     color: White;
     font-size: 12px;
     text-align: center;
 }

 .fusername {
     padding: 0;
     margin: 0;
     padding-left:6px;
     position: absolute;
     left: 3px;
     font-size: 14px;
     color: white;
 }

 .ctable,
 .cth {
     border: 1px solid lightgrey;
     padding: 10px;
     color: DarkSlateGrey;
 }

 .ctd {
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 3px;
     padding-bottom: 3px;
     word-wrap: break-word;
     border: 1px solid GhostWhite;
 }

 .nobgcolor {
     background-color: initial !important;
 }

 .ctdhover {
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 3px;
     padding-bottom: 3px;
     word-wrap: break-word;
     border: 1px solid GhostWhite;
 }

 .ctdhover:hover {
     background-color: GhostWhite;
 }


 .ctdblue {
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 3px;
     padding-bottom: 3px;
     word-wrap: break-word;
     border: 1px solid CornFlowerBlue;
 }

 .tr-hover:hover {
     background: GhostWhite !important;
 }

 .modalred {
     color: White;
     background-color: IndianRed;
 }

 .modalgreen {
     color: White;
     background-color: OliveDrab;
 }

 .modalblue {
     color: White;
     background-color: CornFlowerBlue;
 }

 .modalorange {
     color: White;
     background-color: DarkOrange;
 }

 .modalindigo {
     color: White;
     background-color: Indigo;
 }

 .modalgold {
     color: White;
     background-color: Gold;
 }

 .rnomargin1 {
     margin-right: 0;
     margin-left: 0;
 }
 
/* Extra */
.tbl1 {
    word-wrap: initial;
    background-color: FloralWhite;
    border: 1px solid lightGray !important;
    font-weight: initial;
}

thead th {
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    top: -8px;
}

tbody th {
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    left: -10px;
}

thead th:first-child {
    left: -10px;
    z-index: 1;
}

.header-button {
    border: 1px solid lightGray !important;
    background-color: LightSkyBlue !important;
    font-size: 18px;
}

.header-button:hover {
    background-color: GhostWhite !important;
    font-size: 18px;
}

.custom-pagination .btn-outline-secondary:hover {
    background-color: #6c757d;
    /* culoarea btn-secondary */
    color: #fff !important;
    border-color: #6c757d;
}
.btnbox {
    border-radius: 0;
}

.btnbold {
    font-weight: bold;
    background-color: lightgray;
}

.navbt {
    border-style: solid;
    border-color: lightgray;
    border-width: 0 0 1px 0;
}
.editb {
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    top: 150px;
    right: 0;
    border: lightgray 1px solid;
    width: 50px !important;
    text-align: center;
    border-radius: 15px 0 0 15px;
    background-color: snow;
}