.Lbl {
    font-family: Verdana;
    font-size: 14px;
    font-weight: 500;
    color: #21566C;
}

.Txt {
    font-family: Verdana;
    font-size: 14px;
    font-weight: 500;
    color: #202020;
    text-overflow: ellipsis;
    overflow: hidden;
}

.TextN {
    font-family: Tahoma;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: black;
    text-overflow: ellipsis;
}

.TxtFldBut {
    padding: 3px;
    border: 1px solid #000000;
/*    border: 1px solid #C0C0C0;*/
    background-color: #FFFFFF;
    z-index: 111;
}

.TxtFldButOvr {
    padding: 2px;
    border: 2px solid #FF6666;
    background-color: #FFFFFF;
    outline: none;
    z-index: 1111;
}

.TblHeadSpan {
    font-family: Verdana;
    font-size: 13px;
    font-weight: 500;
    color: #F8F8F8;
}

.TblHeadSort {
    background-color: #2A6283;
}

.TblHeadSort:hover {
    background-color: #F8F8F8;
}

.TblHeadSort:hover * {
    color: #2A6283;
}

.TblBodyPtag {
    padding: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-family: Verdana;
    font-size: 12px;
    font-weight: 500;
}

.TblBodyIn, .TblBodyInGrp {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #303030;
    border: 1px solid transparent;
    font-family: Verdana;
    font-size: 12px;
    font-weight: 500;
    background-color: transparent;
    outline: none;
}

.TblBodyIn {
    padding: 0px; /*fix for Chrome grid distortion*/
}

.TblBodyInGrp {
    font-size: 18px;
    font-weight: 600;
    padding: 0px;
}

.TblBodyInTb {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #303030;
    font-family: Verdana;
    font-size: 12px;
    font-weight: 500;
}

.TblFootSpan1 {
    color: #F8F8F8;
    font-family: Verdana;
    font-size: 13px;
    font-weight: 500;
    margin: 0 3px;
}

.TblFootSpan2 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: 500;
    margin: 0 3px;
}

.table {
    color: silver;
}

.TxtFldRoundBut {
    border-radius: 10px;
    border: 1px solid #708090;
    background: -o-linear-gradient(right,#DCDCDC,#FFFFFF,#DCDCDC);
    background: -webkit-linear-gradient(left,#DCDCDC,#FFFFFF,#DCDCDC);
    background: -moz-linear-gradient(left,#DCDCDC,#FFFFFF,#DCDCDC);
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.TxtFldRoundBut:hover {
    border: 2px solid #FF6666;
    padding: 4px;
}

.Vertical {
   -o-transform: rotate(-90deg) translate(0, 100%);
   -o-transform-origin: 0% 100%;
   height: 80px;
   float: left;
}

span.tblSpan {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #303030;
    font-family: Verdana;
    font-size: 11px;
    font-weight: 500;
    margin-left: 1px;
}

.dgSort {
    /*margin-top: 1px;*/
    font-size: 14px;
    color: #F8F8F8;
}

.dgCheckIcon {
    font-size: 12px;
    color: #48C476;
    cursor: pointer;
}

.dgSearchIcon {
    font-size: 15px;
    color: #204A63;
    margin: 0 8px 0 8px;
}

select:required:invalid {
    color: grey !important;
    font-size: 18px !important;
    font-family: Candara;
    font-weight: normal;
}

select option[value=""][disabled] {
    display: none;
}

select option {
    color: #202020;
    font-size: 14px;
    font-family: Verdana;
}

/*.ovrlay_inprgress {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    display: none;
    z-index: 99999;
    position: absolute;
    background-color: #202020;
}*/

.ovrlay {
    top: 0;
    left: 0;
    opacity: 0.4;
    height: 656px;
    width: 1366px;
    z-index: 9999999;
    background-color: black;
    position: absolute;
}

.warning {
    background-color: #CB8E03;
    padding: 20px;
    border-top: 4px solid #18384B;
    border-bottom: 1px solid #18384B;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    -moz-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
}

.alert {
    height: 60px;
    width: 275px;
    text-align: center;
    position: absolute;
    z-index: 999999;
}

.alert > span:first-child {
    font-size: 60px;
    opacity: 0.2;
}

.alert p {
    font-size: 13px;
    color: white;
    font-family: Verdana;
    top: 0px;
    left: 10px;
    right: 10px;
    position: absolute;
    text-align: center;
}

.alert input {
    bottom: 0px;
    max-width: 80px;
    position: absolute;
}

/*.alert input:last-child {
    left: 0px;
}*/

.alert input:nth-last-child(-n+2) {
    left: 0px;
}

/*.alert input:not(:last-child) {
    right: 0px;
}*/

.alert input:not(:nth-last-child(-n+2)) {
    right: 0px;
}

.alertSuccess {
    background-color: #00A86B;
    padding: 20px;
    border-top: 4px solid #18384B;
    border-bottom: 1px solid #18384B;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    -moz-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
}

.alertFailure {
    background-color: #EA3C53;
    padding: 20px;
    border-top: 4px solid #18384B;
    border-bottom: 1px solid #18384B;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    -moz-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
}

.confirm {
    background-color: #729AD5 !important;
    padding: 20px;
    border-top: 4px solid #18384B;
    border-bottom: 1px solid #18384B;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    -moz-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
}

/*.confirm {
    padding: 10px;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    border-top: 5px solid #707070;
    border-bottom: 1px solid #707070;
    border: 2px solid #ED2939;
    border-radius: 9px;
    background-color: #fafafa !important;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    -moz-box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
    box-shadow: 2px 2px 5px -1px rgba(133,125,133,1);
}*/

.dialog {
    display: inline-block;
    border-radius: 4px;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500!important;
    padding: 5px;
    box-shadow: 2px 2px 4px -1px #857D85;
    cursor: pointer;
    margin: 5px;
    vertical-align: middle;
    font-family: Verdana;
}

.dialog:hover {
    border: none;
    background-color: #18384B;
    color: #FFFFFF;
    cursor: pointer;
    vertical-align: middle;
}

.dialogPrint {
    font-size: 40px;
    top: 15px;
    right: 8px;
    color: #F8F8F8;
    cursor: pointer;
    position: absolute;
}

.dialogPrint:hover {
    color: #18384B;
    transition: 0.2s;
}

.confirmButton {
    background-color: #F8F8F8;
    color: #3B4C64;
    transition: 0.2s;
}

.confirmButton:hover {
    background-color: #3B4C64;
    color: #F8F8F8;
}

.alertSuccessButton {
    background-color: #F8F8F8;
    color: #00A86B;
    transition: 0.2s;
}

.alertSuccessButton:hover {
    background-color: #18384B;
    color: #F8F8F8;
}

.alertFailureButton {
    background-color: #F8F8F8;
    color: #EA3C53;
    transition: 0.2s;
}

.alertFailureButton:hover {
    background-color: #18384B;
    color: #F8F8F8;
}

.warningButton {
    background-color: #F8F8F8;
    color: #CB8E03;
    transition: 0.2s;
}

.warningButton:hover {
    background-color: #18384B;
    color: #F8F8F8;
}

.center {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.page-fit-center {
    top: 280px;
    left: 540px;
    position: absolute;
}

.avFA {
    font-size: 20px;
    color: #3C8DBC;
    cursor: pointer;
}

.avFA:hover {
    transition: 0.2s;
    color: #ED2939;
}

.closeIcon {
    font-size: 40px;
    color: #FF4C4C;
    cursor: pointer;
}

.closeIcon:hover {
    transition: 0.3s;
    color: #2A6283;
}

.tickIcon {
    font-size: 40px;
    color: darkgray;
    cursor: pointer;
}

.tickIcon:hover {
    transition: 0.3s;
    color: #66CD00;
}

.tickIcon:active {
    color: #66CD00;
}

.contCent {
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   transform-origin: 0 0;
   top: 50% !important;
   left: 50% !important;
   position: absolute !important;
}

.tickIconGrn {
    font-size: 40px;
    cursor: pointer;
    color: #66CD00;
}

.tickIconGrnRO {
    font-size: 40px;
    color: #66CD00;
}

.tickIconGrn:hover {
    transition: 0.3s;
    color: darkgray;
}

.tickIconGrn:active {
    color: darkgray;
}

.icons .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    border-radius: 6px;
    font-size:18px;
    top: 10px;
    right: 105%;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.icons:hover .tooltiptext {
    visibility: visible;
}

.icons .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}

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