/*-----------------------------------------------------------*/
body {
    user-select: none;
}
.fa {
    cursor: pointer;
}
.fa-cog {
    font-size: 25px;
}

.cssNone {display:none;}

.cssPxButtonToTop {
    position: fixed;
    bottom: 3%;
    left: 3%;
    font-size: 18px;
    border: none;
    outline: none;
    background-image: linear-gradient(#0050FE,#6495ED);
    color: white;
    cursor: pointer;
    padding: 15px;
    width: 93vw;
}
/*-----------------------------------------------------------*/
.cssMainCont {
    display: flex;
    background-image: linear-gradient(#4983ff, #87CEEB);
    border-top: 4px solid #191970;
    border-left: 4px solid #191970;
}

.cssMainTab {
    display: flex;
    width: 100%;
    font-size: 25px;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 4px solid #191970;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    cursor: pointer;
}

.cssMainTxt {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}
/*-----------------------------------------------------------*/
.cssP2ClkCont {
    border: 4px solid #191970;
    position: sticky;
    top: 0;
}

.cssP2ClkSubCount {
    display: flex;
    /*border-top: 4px solid #191970;*/
    font-size: 35px;
    font-weight: bold;
    background-color: #0050FE;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cssP2ClkSubCountSet {
    border-top: 4px solid #191970;
    font-weight: bold;
    background-color: #0050FE;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cssP2ClkSubCountSet div {padding: 20px;}

.cssP2ClkTxt {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 20px 3px;
    text-align: center;
    white-space: nowrap;
}
/*-----------------------------------------------------------*/
.cssP2CalCont {
    display: flex;
    border-right: 4px solid #191970;
    border-left: 4px solid #191970;
    font-size: 30px;
    font-weight: bold;
    background-color: #0050FE;
    color: white;
}
.cssP2CalDiv {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 0px;
    text-align: center;
}
.cssP2CalBck {
    padding: 25px 0px;
}
.cssP2CalImg {
    padding: 23px 0px;
}
.cssP2CalTxt {
    padding: 20px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cssP2CalSlc {
    padding: 20px 0px;
    text-align: center;
    font-size: 15px;
    color: red;
}

.cssP2CalSel {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

#p2DatePickerMain {
    width: 0px;
    height: 0px;
}
/*-----------------------------------------------------------*/
.cssP2ChkCont {
    display: flex;
    border-top: 4px solid #191970;
    border-left: 4px solid #191970;
    border-bottom: 4px solid #191970;
    background-image: linear-gradient(#4983ff, #87CEEB);
    color: white;
}
.cssP2ChkTab {
    display: flex;
    width: 100%;
    font-size: 22px;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 4px solid #191970;
    font-weight: bold;
    font-size: 27px;
}

.cssP2ChkTxt {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}
/*-----------------------------------------------------------*/
.cssP2ChkPre {
    display: flex;
    width: 100%;
    /*border-top: 4px solid #191970;*/
    border-left: 4px solid #191970;
}

.cssP2ChkPreTab {
    display: flex;
    width: 100%;
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 4px solid #191970;
    font-weight: bold;
    font-size: 27px;
}

.cssP2ChkPreTxt {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}
.cssP2ChkPreBRD {
    border-bottom: 4px solid #191970;
}
.cssP2ChkPreBrdTop {
    border-top: 4px solid #191970;
}
/*-----------------------------------------------------------*/
.sysSubPages2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cssP2ChkLstTbl {
    width: 100%;
    /*border: 4px solid #191970;*/
    border-bottom: 4px solid #191970;
    border-left: 4px solid #191970;
    border-right: 4px solid #191970;
    table-layout: fixed;
    border-collapse: collapse;
    font-weight: bold;
    font-size: 25px;
}

.cssP2ChkLstTd {
    /*border: 4px solid #191970;*/
    padding: 10px;
}

.cssP2ChkLstTdBRD {
    border-bottom: 4px solid #191970;
}

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

.cssP2ChkLstTblClk {
    white-space: nowrap;
}

.cssP2ChkLstTblLnk {
    overflow: hidden;
    text-overflow: ellipsis;
}
/*-----------------------------------------------------------*/
.cssP2ChkHdTbl {
    width: 100%;
    border-bottom: 4px solid #191970;
    border-left: 4px solid #191970;
    border-right: 4px solid #191970;
    border-collapse: collapse;
    font-weight: bold;
    font-size: 25px;
}

.cssP2ChkHdTblTd {
    width:0;
    white-space: nowrap;
    border-bottom: 4px solid #191970;
    border-left: 4px solid #191970;
    border-right: 4px solid #191970;
}
.cssP2ChkHdTblNam {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 4px solid #191970;
    border-left: 4px solid #191970;
    border-right: 4px solid #191970;
}

.cssP2Tab_ChkMGMT {
    width: 100%;
    border-collapse: collapse;
    font-weight: bold;
    font-size: 18px;
    border: 2px solid #191970;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cssP2TabTd_ChkMGMT{
    padding: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 2px solid #191970;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

/*-----------------------------------------------------------*/
.cssP2BlkTmpChk { display:block; }
.cssP2FieldSetTmpChk { padding:0; border:0; margin-top:25px; }
.cssP2StyleTmpChk {margin-bottom:12px; width:100%; padding: .4em; }
.ui-dialog .ui-state-error { padding: .3em; }
.cssP2TitleTmpChk { border: 1px solid transparent; padding: 0.3em; }
.cssP2paddTopTmpChk {padding-top:.6em;}


.cssP2Blk_EditChk { display:block; }
.cssP2FieldSet_EditChk {padding:0; border:0; margin-top:25px; }
.cssP2Style_EditChk {width:100%; padding: .4em; }
.ui-dialog .ui-state-error { padding: .3em; }
.cssP2Title_EditChk { border: 1px solid transparent; padding: 0.3em; }
.cssP2paddTop_EditChk {padding-top:.6em;}
.cssP2InlineCnt_EditChk{display: flex;}
.cssP2With_EditChk{width: 100%;}
#cssP2ContinerTAG_EditChk{padding: 0px;border: solid 1px black; background-color: white;width: 100%; min-height: 37px;}
.ui-dialog-content{background-color:white !important}
.cssP2CalSel_EditChk {width: 0; height: 0; opacity: 0; visibility: hidden;}
.cssP2TblTest_EditChk {width: 100%;border: 1px solid #191970; border-collapse: collapse;}
.cssP2TblTest_EditChk td{border: 1px solid #191970;}

/*-----------------------------------------------------------*/
.ui-datepicker-week-end a {
    color: red !important;
}

.ui-datepicker-week-end {
    color: red !important;
}

.ui-datepicker-holiday {
    background-color: red !important;
}

.ui-datepicker-holiday a {
    color: red !important;
}

.ui-datepicker-calendar .ui-state-active {
    color: black !important;
}
.ui-datepicker-today a.ui-state-highlight {
    color: black !important;
}
.ui-widget-overlay {
    background: #000 !important;
}

.ui-state-error::placeholder{
    color: white !important;
}

.ui-datepicker-current {
    color: black !important;
}