body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #007ad9;
    color: #ffffff !important;
}


p-calendar input {
    width: auto!important
}
body .ui-datepicker table td > a.ui-state-active, body .ui-datepicker table td > span.ui-state-active{


    color: #fff!important;

}


#calndericon button span {
    color: #ffff!important;
}

.ui-button-icon-left .ui-clickable .pi .pi-calendar {

    color: #fff!important;

}
body{
/*font-family: 'Montserrat', sans-serif !important;*/
font-family: 'Roboto', sans-serif !important;


/*font-family: 'Abel', sans-serif !important;  background-color:#f3f4f7 !important*/


}
label{ font-family: 'Roboto', sans-serif !important; }

body .ui-widget {
 
font-family: 'Roboto', sans-serif !important;
/*font-family: 'Montserrat', sans-serif !important;*/

  /* font-family: 'Abel', sans-serif !important;*/
    font-size: 14px;
    text-decoration: none;
}


/*poentry tabel*/
body #table .ui-dropdown {
  
    min-width: 11.5em!important
}



body #table .ui-widget {

    font-size: 13px!important
}


body .ui-table .ui-table-tbody > tr > td{ 

line-height: 21px !important;
    padding: 0 4px !important;



}


body .ui-table .ui-table-tbody > tr:nth-child(even){ 
     background-color:#ffffff; 
}

body .ui-table .ui-table-thead>tr>th {
    /* padding: 0.571em 0.857em; */
    white-space: nowrap;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333333;
    background-color: #f4f4f4;
    width: 200px;
    font-size: 13px;
    text-align: left;
    padding: 3px !important;
}

body .ui-table .ui-table-tbody>tr>td {
    background-color: inherit;
    border: 1px solid #c8c8c8;
    transition: box-shadow 0.2s;
    font-size: 12px; color:#000
}

.ui-table .ui-paginator-bottom {
    border-top: 1px solid #c8c8c8 !important;
}

.headericon span {
    font-size: 13px;
    margin-top: 2px;
}

body .ui-paginator .ui-paginator-current {

    font-size: 13px;
}

.ui-table-wrapper {
    width: 100%;
    overflow: auto;
    margin-top: -8px;
}

.menuback {
    background: red !important;
    height: 46px;box-shadow:0px 0px 40px 0px rgba(82, 63, 105, 0.1);
}

.footer {
    padding: 15px;
    background: #bbcaff;
    position: fixed;
    width: 100%;
    text-align: right;
    font-size: 12px;
    color: black;
    bottom: 0
}

.gridpadding {
    padding: 20px;
}

.inputtxt {

    font-size: 15px;
    margin-bottom: 3px;
    color:#7b7b7b;
}

.buttonicon {
    margin-right: 3px;
    font-size: 14px !important;
}

.buttoncolor1 span {
    font-size: 12px !important;
}

.buttoncolor1 i {
    font-size: 13px !important;
}

.buttoncolor2 span {
    font-size: 12px !important;
}

.buttoncolor2 i {
    font-size: 13px !important;
}

.buttoncolor3 span {
    font-size: 12px !important;
}

.buttoncolor3 i {
    font-size: 13px !important;
}

.buttoncolor4 span {
    font-size: 12px !important;
}

.buttoncolor4 i {
    font-size: 13px !important;
}

.buttoncolor5 span {
    font-size: 12px !important;
}

.buttoncolor5 i {
    font-size: 13px !important;
}

.buttonsdiv span{    line-height: 1.42857143;}
.buttoncolor1 {
    margin-right: 7px;
    background: #147af3;
    padding: 2px 6px;
    color: white;
    border-radius: 3px;
    font-size: 14px;
}
button{line-height: 1.42857143!important;
}

.buttoncolor2 {
    margin-right: 7px;
    background: #c72cd2;
   padding: 2px 6px;
    color: white;
    border-radius: 3px;
    font-size: 14px;
}

.buttoncolor3 {
    margin-right: 7px;
    background: #147af3;
   padding: 2px 6px;
    color: white;
    border-radius: 3px;
    font-size: 14px;
}

.buttoncolor5 {
    margin-right: 7px;
    background: #e23737;
    padding: 2px 6px;
    color: white;
    border-radius: 3px;
    font-size: 14px;
}

body .ui-splitbutton.ui-buttonset .ui-button {
    border: 1px solid transparent;
    background: transparent;
}

body .ui-menu .ui-menuitem {
    margin: 0;
    text-align: left;
}

.logimg {
    width: 25px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 9px;
}

.logintxt {
    color: #000;
}

.buttoncolor4 {
    margin-right: 7px;
    background: #45b55d;
   padding: 2px 6px;
    color: white;
    border-radius: 3px;
    font-size: 14px;
} 

.ui-multiselect {
    min-width: 15em;
}

.buttonsdiv {

    /*background: #f4f4f4;*/
    /* padding: 15px;
    margin: 20px;*/
    /* border: 1px solid #c7c7c7;*/
    margin-bottom: 0px;
   /* margin-top: 20px;*/ float: right;

    /*  visibility: hidden;*/


}

.ui-button-icon-only .ui-button-icon-left{ color:#000 !important}


.defaultButton{
   margin-right: 7px;
     
   padding: 2px 6px;
    color: #000;
    border-radius: 3px;
    font-size: 13px;
background: #fff;
    border: 1px solid #c8c8c8; cursor: pointer;


}

.defaultButton i{padding-right:5px}


.viewbutton {border-color: #00abf761;}
.addbutton {border-color: #4bb53773;}
.editbutton {border-color: #f7a00085;}
.savebutton {border-color: #0000f747;}
.cancelbutton {border-color: #dd061263;}

.excelbtn{border-color:#007c0073;}
.printbtn{border-color:#3f3e4061;}
.mailbtn{border-color:#2578af82}
.pdfbtn{border-color:#f7000066;}
.downloadbutton{border-color:#205930;}

.uploadbutton{border-color:#7ececb;}


.viewbutton i{color: #00abf7;}
.addbutton i{color: #4bb537;}
.editbutton i{color: #f7a000;}
.savebutton i{color: #0000f7;}
.cancelbutton i{color: #dd0612;}

.excelbtn i{color:#007c00;}
.printbtn i{color:#3f3e40;}
.mailbtn i{color:#2578af}
.pdfbtn i{color:#f70000}
.downloadbutton i{color:#205930;}

.uploadbutton i{color:#7ececb;} 






.ui-button-text.ui-clickable {

 /*   font-weight: bold;*/

}



.headerlogo {
    height: 46px;
    /* text-align: center; */
    background: #2553ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
}

.headertxt {

    text-align: center;
    margin-top: 6px;
/*     font-weight: bold; */
    color: #000;
}

.menubtn {

    color: #000;
    margin-top: -10px;
}

.headericon {

    text-align: right;
}

.logicon {

    color: #fff;
    font-size: 33px;
    position: relative;
    left: -12px;
    margin-top: -5px;
}


.eventhilight {

   /* color: yellow !important;

    border-bottom: 2px solid white;*/
}



.tablerowhilight {
    background: #9cbeff !important;

}



.tablerowhilight td{border-top: 1px solid #4b89ff !important;}

.ui-dropdown .ui-dropdown-clear-icon {

    display: none !important;


}

body .ui-inputtext{    width: 100%;}

.addgrid{
	    background: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 30px;
	    height: 83vh;
		overflow:auto;
		width:100%;
}
.inputentrytxt{
	
	    font-size: 15px;
    margin-bottom: 3px;
    color: black;
}


.inputdesc{
	    font-size: 13px;
    padding-bottom: 10px;
	color: #7b7b7b;
}

.rowaddgrid{
	
	padding: 15px;
    background: white;
    /* position: absolute;
    width: 50%; */

    width: 65%; 

    margin: 0 auto;
    border-radius: 6px;
	margin-bottom:20px;
}

.whitespace{ white-space: nowrap;}


body .ui-table .ui-table-thead > tr > th{font-weight: 500 !important;
    color: #000 !important;
}
.textleft{ text-align: right;}


.buttonsdiv input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; display:none
}
.ui-button-text-empty{display: none !important;}




.ptablemouliClass{
    top: 0;
}
.ui-splitbutton-menubutton{margin-top:-5px   !important;;}

.ui-table-auto-layout>.ui-table-wrapper {
    overflow-x: auto;
    max-height:  60vh;
}


.statusClassNV{
    background:orange !important;
 }

.statusClassUC{
  background:yellow !important;
 }



.statusClassV{
  background: rgb(30, 163, 30) !important;
  }

  .statusClassD{
    background: red !important;
    }


 .statusClassR{
      background: rgb(146, 24, 146) !important; color:white !important; font-weight: bold !important;
  }

 .statusClassS{
        background:rgb(131, 129, 129) !important; font-weight: bold !important;
  }

  .statusClassPS{
    background:rgb(107, 173, 197) !important; 
}


  .statusClassSS{
    background:rgb(117, 113, 197) !important; 
}






  .pcalenderhilight{


    box-shadow: 0px 1px 4px 9px#8dc435;



  }

/* */

.reportpdrop  .ui-dropdown{
min-width:100% !important;
}
.reportpdrop  .ui-multiselect{
	
	min-width:100% !important;
}






.reportpdrop .ui-multiselect{
	
	 border: 0px solid #a6a6a6 !important;
}
.reportpdrop .ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
   padding:6px !important;
    background: #4ac0d7 !important;
    color: white !important;
}

.reportpdrop .ui-dropdown {
    background: #4ac0d7 !important;
    border: 0px solid #a6a6a6 !important;
  padding:6px !important;
}
.reportpdrop  .ui-multiselect {
    background: #4ac0d7 !important;
    padding: 5px;
}

.reportpdrop .ui-multiselect .ui-multiselect-label{
	
	color:white !important;
}
.reportpdrop .ui-multiselect .ui-multiselect-trigger {
    background-color: #4ac0d7 !important;
    
    color: #ffffff !important;
}
.reportpdrop .ui-dropdown .ui-dropdown-trigger {
    background-color: #4ac0d7 !important;
   padding:6px !important;
    color: #ffffff !important;
}


.reporttab .ui-tabview.ui-tabview-top .ui-tabview-nav {
  
    background: #f4f4f4;
  
}

.reporttab .ui-tabview.ui-tabview-top .ui-tabview-nav li a, .reporttab .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, .reporttab .ui-tabview.ui-tabview-left .ui-tabview-nav li a, .reporttab .ui-tabview.ui-tabview-right .ui-tabview-nav li a
{
	font-weight:normal !important;
	
}

.reporttab .ui-tabview.ui-tabview-top>.ui-tabview-nav li {

    padding: 9px;
}



.reporttab .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, .reporttab .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, .reporttab .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, .reporttab .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active{
	
	    background-color: #4ac0d7 !important;
    border: 1px solid #4ac0d7 !important;

	
}


.reporttab .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a, .reporttab .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, .reporttab .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, .reporttab .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a{
	
	color: #ffffff !important;
}

.reporttab .ui-tabview.ui-tabview-top .ui-tabview-nav li:focus, .reporttab .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:focus, .reporttab .ui-tabview.ui-tabview-left .ui-tabview-nav li:focus, .reporttab .ui-tabview.ui-tabview-right .ui-tabview-nav li:focus{
	box-shadow: none !important;
	
}
.reporttab .ui-tabview.ui-tabview-top .ui-tabview-nav li, .reporttab .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, .reporttab .ui-tabview.ui-tabview-left .ui-tabview-nav li, .reporttab .ui-tabview.ui-tabview-right .ui-tabview-nav li{
	
	border:0px solid !important;
		border-radius: 0px;
	
}

.reporttab .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:before{
	    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 13px #4ac0d7;
    border-left: solid 13px transparent;
    border-right: solid 13px transparent;
}

.footer span:first-child{
	float:left;
	
  font-weight:bold;
	  letter-spacing: 0.5px;
	
}
.footer img:first-child{
width:20px;     vertical-align: middle;

}

.footer a i{
    vertical-align: middle;

}



.loadingmyoverlay {
  position: fixed; /* Sit on top of the page content */

  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.5); /* Black background with opacity */
  z-index: 999999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}



.ui-table-wrapper.ng-star-inserted,  body, html{
  

   max-height: 550px;

 /* height: calc(100vh - 100%);*/
    overflow: auto;


}


.alert-wrapper{

min-width:500px !important;


}

.poentrybulk-bx{
min-height:164px;
max-height:200px;
}
.poentrybulk-link{
width:100%;
    height: 104px;
font-size:22px!important;
}







@media only screen and (min-width: 1325px){


    .ui-table-wrapper.ng-star-inserted,  body, html{
     
     
     height: calc(100vh - 350px);
         overflow: auto;
     
     
     }


}