.Xc-RevFet{display: inline-block; vertical-align: middle;line-height:16px;font-size:14px;font-weight:normal}

.Xc-btn,.Xc-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.Xc-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.Xc-btn,.Xc-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.Xc-disabled,.Xc-btn:disabled,.Xc-button:disabled{cursor:not-allowed;opacity:0.3}.Xc-disabled *,:disabled *{pointer-events:none}
.Xc-btn.Xc-disabled:hover,.Xc-btn:disabled:hover{box-shadow:none}
.Xc-button:hover{color:#000!important;background-color:#ccc!important}
.Xc-btn,.Xc-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.Xc-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.Xc-btn,.Xc-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.Xc-disabled,.Xc-btn:disabled,.Xc-button:disabled{cursor:not-allowed;opacity:0.3}.Xc-disabled *,:disabled *{pointer-events:none}
.Xc-btn.Xc-disabled:hover,.Xc-btn:disabled:hover{box-shadow:none}
.Xc-hover-none:hover{box-shadow:none!important}

.sp-hrBlueS{width:98%;margin-left:0px; border: 2px dotted blue;border-radius: 1px;}
.Xc-ErrorAqua{color:aqua;}
.Xc-ErrorBlue{color:blue;}
.Xc-ErrorRed{color:red;}
 
 
 
.sp-LoginL{width:80%;} 
.sp-LoginH:hover{background-color:cyan;} 
.sp-inputLog[type=text], .sp-inputLog[type=password] {width: 80%;padding: 12px 20px;margin: 8px 0; border: 1px solid #ccc; box-sizing: border-box;}
.sp-slider{-webkit-appearance: none;width: 90%; height: 25px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s;}
.sp-slider:hover {opacity: 1;}
.sp-slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: grey; cursor: pointer;}
.sp-slider::-moz-range-thumb {width: 25px; height: 25px; background: #4CAF50; cursor: pointer;}

.sp-LoginSubmit{width:20%;height:50px; background-color:teal; color:white;}
.sp-PwdCancel{width:20%;height:50px; background-color:red; color:white;}
.sp-hrGrey{width:98%;margin-left:10px;border: 2px solid grey;border-radius: 1px;}
.sp-hrGreyS{width:95%;margin-left:10px;border: 1px solid grey;border-radius: 1px;}
.sp-hrBlue{width:98%;margin-left:10px; border: 2px solid blue;border-radius: 1px;}
.Xc-HomeHRWhite{width:98%;margin-left:5px; border: 1px solid white;border-radius: 1px;}
.Xc-hrBlue{width:98%;margin-left:10px; margin-bottom:10px;border: 2px solid blue;border-radius: 1px;}


.Xc-HBlue{width:100%;border-top:5px solid blue;margin-top:0px;margin-bottom:20px;}
.Xc-HBlueDark{width:100%;border-top:5px solid darkblue;margin-top:0px;margin-bottom:20px;}
.Xc-HBlueS{width:100%;border-top:2px solid blue;margin-top:0px;margin-bottom:20px;}

.Xc-HGreyS{width:100%;border-top:2px solid lightgrey;margin-top:0px;margin-bottom:0px;}

.Xc-HRed{width:100%;border-top:5px solid red;margin-top:0px;margin-bottom:20px;}
.Xc-HYellow{width:100%;border-top:5px solid yellow;margin-top:0px;margin-bottom:20px;}
.Xc-HCyan{width:100%;border-top:5px solid cyan;margin-top:0px;margin-bottom:20px;}
.Xc-HOrange{width:100%;border-top:5px solid orange;margin-top:0px;margin-bottom:20px;}
.Xc-HGreen{width:100%;border-top:5px solid green;margin-top:0px;margin-bottom:20px;}
.Xc-HTeal{width:100%;border-top:5px solid teal;margin-top:0px;margin-bottom:20px;}
.Xc-HAqua{width:100%;border-top:5px solid aqua;margin-top:0px;margin-bottom:20px;}
.Xc-HOrRed{width:100%;border-top:5px solid orangered;margin-top:0px;margin-bottom:20px;}
.Xc-HCrimson{width:100%;border-top:5px solid crimson;margin-top:0px;margin-bottom:20px;}
.Xc-HBrown{width:100%;border-top:5px solid saddlebrown;margin-top:0px;margin-bottom:20px;}
.Xc-HCoral{width:100%;border-top:5px solid coral;margin-top:0px;margin-bottom:20px;}
.Xc-AbtBtn{color:black;margin-right:1%;margin-top:0px;width:95%;height:30px;font-weight:bold;text-align:left;padding:0px;padding-left:5px;}
.Xc-Title{margin-top:10px;color:blue;font-size:16px;font-weight:bold}

.Xc-SysBtn{width:50%;height:130px;}

.Xc-Div1{padding:0px;padding-left:1%;margin:0px;margin-top:20px;}
.Xc-Div2{width:100%;height:715px;margin:0px;font-family:verdana;padding-bottom:0px;padding-left:5px;padding-right:5px;}
.Xc-MoreInf{width:100%;height:205px;margin-top:10px;border:solid;border-width:thin;background-color:lightcyan;}
.Xc-MoreInfo{width:25px;writing-mode:vertical-rl;height:205px;padding:0px;padding;background-color:#306a9c;}
.Xc-MoreInfo1{font-size:16px;font-weight:normal;margin-left:5px;color:aliceblue;}
.Xc-MoreInfo2{width:94.05%;height:203px;overflow:auto;background-color:aliceblue;padding-left:10px;margin-left:6%;;}
.Xc-MoreInfo3{display: inline-block; vertical-align: middle;font-size:16px;font-weight:normal;}
.Xc-MoreInfo4{width:100%;height:173px;overflow:auto;background-color:aliceblue;padding-left:10px;margin-left:0px;}
.Xc-MoreInfo5{display: inline-block; vertical-align: middle;font-size:16px;font-weight:normal;}
.Xc-MoreInfo6{width:100%;height:30px;background-color:aliceblue;margin-left:0%;padding-left:10px;}

.Xc-RevCrs1{width:99%;height:50px;padding:0px;padding-right:0px;margin-top:10px;}
.Xc-RevCrs2{width:8%;height:50px;margin-left:0px;padding:0px;margin-right:0px;}
.Xc-RevCrs3{width:91.5%;height:50px;padding-left:5px;margin-left:8.5%;line-height:50px;overflow:auto;line-height:50px;overflow:auto;background-color:aliceblue;}
.Xc-RevCrs4{line-height:50px;overflow:auto;background-color:#F0FFFF;}





.Xc-Agnt1{width:90%;background-color:mintcream;height:40px;line-height:35px;padding-left:5px;overflow:auto;margin-left:10%;margin-top:5px;border:solid;border-width:thin;}
.Xc-Agnt2{display: inline-block; vertical-align: middle;line-height:18px;font-weight:normal;}
.Xc-Agnt3{width:8%;height:40px;margin-top:5px;padding-left:0px;}

.Xc-RevFet{display: inline-block; vertical-align: middle;line-height:16px;font-size:14px;font-weight:normal}

.Xc-Cont1{width:89%;background-color:honeydew;height:40px;line-height:30px;padding-left:5px;overflow:auto;margin-left:11%;margin-top:3px;border:solid;border-width:thin;}

.Xc-btnRStyle{float:left;width:65px;font-size:12px;height:40px;margin-top:0px;padding:5px;margin-right:0px;margin-left:5px;background-color:grey;font-weight: bold;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}

/*.Xc-btnLgin{float:left;width:65px;font-size:12px;height:30px;margin-top:0px;padding:5px;margin-right:0px;margin-left:5px;background-color:lightblue;font-weight: bold;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:80px;float:left;color:black;}*/

.Xc-btnLgin2{float:left;width:65px;font-size:12px;height:30px;margin-top:0px;padding:5px;margin-right:0px;margin-left:5px;background-color:grey;font-weight: bold;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:80px;float:left;color:black;}











.Xc-button:hover{color:black!important;background-color:aqua!important}
.Xc-button{color:white!important;}

/*login*/
.Xc-LoginError{color:aqua;} 









