/*Bug ID : 20160708-001,20160714-002,20160625-004,20161126-002,20170410-001, 20220208-002, 20220506-001,20250303-001*/

     /* udfmoedalcon  with input type star>>>>>>>>>>>>>>>>>>>>><<<< Udf moedal box dropdown end <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

     /* Here add Success and error message css jaykishan  */

 .dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { 
     margin-top:10px; padding:10px 15px 0 39px; clear:both; border-radius :5px; -moz-border-radius :5px; -ms-border-radius :5px;
      -o-border-radius :5px; -webkit-border-radius :5px; text-align:left;  }
 .dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a { text-decoration:underline; }
	
 .dt-sc-error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; margin-top:5px; margin-bottom:15px; }
 .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { 
     top:3px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:25px; position:absolute; }		
 .dt-sc-error-box:before { content:"\f057"; color:#C54228; }
	
 .dt-sc-warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; }
 .dt-sc-warning-box:before { content:"\f06a"; color:#e2b828; }
	 
 .dt-sc-success-box { background:#c0df89; border:1px solid #a0ce4e; color:#466c00; position:relative; text-shadow:1px 1px 0px #e3f1cb; }
 .dt-sc-success-box:before { content:"\f058"; color:#75b632; font-size:20px; }
	

 .dt-sc-info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; }
 .dt-sc-info-box:before { content:"\f05a"; color:#008bc1; }
	
 .dt-sc-error-box a { color:#d01313; }
 .dt-sc-warning-box a { color:#c79d13; }
 .dt-sc-success-box a { color:#7ba411; }
 .dt-sc-info-box a { color:#2081b9; }
	
 .dt-sc-pricing-box { display: block; border: 1px solid; padding: 10px 0; text-align: center; width: 180px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
 .dt-sc-pricing-box span { display: block; font-size: 30px; line-height: 20px; margin: 15px 0; }



 
/* udfmoedalcon  with input type star>>>>>>>>>>>>>>>>>>>>><<<< Udf moedal box Editable dropdown <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.udfmoedalcon{
height:500px;
overflow:scroll;
}

.harmin {        
 position:relative;
 background-color:white;
 border:solid #d2d6d6 1px;
 /*width:120px*/
 width:100%;
 /*height:28px;*/
 }

.harmin select {
 position:absolute;
 top:0px;
 left:0px;
 font-size:14px;
 border:none;
 width:100%;
 /*width:120px*/
 height:26px;
 margin:0;
}

.harmin input {
 position:absolute;
 top:0px;
 left:0px;
 width:92%;
 height:26px;
 padding:1px 2px;
 font-size:14px;
 border:none;
 border-radius : 4px;
}

.harmin input:focus {
 border:solid #d2d6de 1px;
 height:26px;
 width:97%;
}
.harmin select:focus {
  border:solid #d2d6de 1px;
  height:26px;
  width:100%;
}

/*  More Detail Numeric Alignment*/

.moredetailinputnumeric {
    text-align: right;
}



/*----------MM Explorer------------------*/
.MMharmin {        
 position:relative;
 background-color:white;
 border:solid #d2d6d6 1px;
 /*width:120px*/
 width:100%;
 /*height:28px;*/
 }

.MMharmin select {
 position:absolute;
 top:0px;
 left:0px;
 font-size:14px;
 border:none;
 width:100%;
 /*width:120px*/
 height:26px;
 margin:0;
}

.MMharmin input {
 position:absolute;
 top:0px;
 left:0px;
 width:95%;
 height:26px;
 padding:1px 2px;
 font-size:14px;
 border:none;
 border-radius : 4px;
}

.MMharmin input:focus {
 border:solid #d2d6de 1px;
 height:26px;
 width:97%;
}
.MMharmin select:focus {
  border:solid #d2d6de 1px;
  height:26px;
  width:100%;
}

.MMmyddlnormal {
    background:#FFF none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height : 29px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;    
}



/*Rating in sale follow     sanjay css*/


.raharmin input {
   /* position: absolute; for rating solve*/
    top: 0px;
    left: 0px;
    /* right: 34px; */
    width: 92%;
    height: 25px;
    padding: 1px 2px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    position:absolute;
}


.raharmin select {
    position: absolute; 
    /*position:inherit; sanjay change*/
    top: 0px;
    left: 0px;
    font-size: 14px;
    border: none;
    width: 100%;
    /* width: 120px; */
    height: 26px;
    margin: 0;
}

.raharmin {
    position: relative;
    /*position:absolute;*/
    background-color: white;
    border: solid #d2d6d6 1px;
    /* width: 100%; */
    /* width: 53%; */
    height: 28px;
}

.raharmin input:focus {
 border:solid #d2d6de 1px;
 height:26px;
 width:90%;
}
.raharmin select:focus {
  border:solid #d2d6de 1px;
  height:26px;
  width:100%;
}










/*jay css*/	
.headerdbname{color:#FFFFFF; background-color:#222D32; text-align:center; font-size:18px; }
.popaccno{ font-weight:700; padding-bottom:2px; }
.spacegride{padding-bottom:10px;}
.Searchtextbox
{
  background-color: #fff;
  background:#87CEFA none repeat scroll 0 0;
  border:1px solid #D4A3A3;
  box-shadow: 0.5PX 0PX 0.5PX 2.5PX #ffffff  inset;
  color: #121212;
  background-image: none;
  border-radius:4px;
  display: block;
  font-size: 14px;
  height: 25px;
  line-height: 1.42857;
  padding: 2px 3px; /*18px*/
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 85%;
  margin-bottom: 6px;
}


.required{
    border:1px solid #D4A3A3;
}


/*jq grid with search*/
.headerbodypopup {
    background-color: #1D85C1 !important;
    color:white;
    line-height:35px;

}

.headerfont{
    font-weight:700;
    font-size:17px;
    text-align:center;
    margin:0px 0px 0px 0px;
}

.lbldisable {
    background : #c6c6c6 none repeat scroll 0 0;
}

.myddlnormal {
    background:#FFF none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height : 29px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 85%;    
}

.myddlnormalpp {
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    color: #121212;
    display: block;
    font-size: 13px;
    height: 29px;
    line-height: 1.42857;
    margin-bottom: 2px;
    padding: 1px 2px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 73%
}


.myddlrequired {
    background : #FFF none repeat scroll 0 0;
    border : 1px solid #d4a3a3;
    border-radius : 4px;
    color : #121212;    
    display : block;
    font-size : 13px;
    height : 29px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 85%;    
}



.gridheight {
    height:218px;    
    overflow:auto;
}

.reportheight {
    height:385px;
    overflow:auto;
}

.checkboxdisable {
    background-color : #c6c6c6;
}

.requiredMandatory {
    background-color : pink;
}

.selectDiv {
    -webkit-user-select: text;
}

.myinputnormal {
    background:#FFF none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height : 25px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 85%;
}

.myinputnormalquery {
    background:#FFF none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;    
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 85%;
    height:70px;
}

.myinputdisablequery {
    background : #c6c6c6 none repeat scroll 0 0;
    border : 1px solid #c6c6c6;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height:70px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width : 85%;
}

.myinputrequired {
    background : #FFF none repeat scroll 0 0;
    border : 1px solid #d4a3a3;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height : 25px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width : 85%;
}


.myinputsearch {
    background : #87cefa none repeat scroll 0 0;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height : 25px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width : 85%;
}

.myinputsearchpp {
    background: #87cefa none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    color: #121212;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 1.42857;
    margin-bottom: 2px;
    padding: 1px 2px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 73%;
}

.myinputsearchrequired {
    background : #87cefa none repeat scroll 0 0;
    border : 1px solid #d4a3a3;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height : 25px;
    box-shadow : 0.5px 0 0.5px 2.5px #ffffff inset;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width : 85%;
}


.myinputdisable {
    background : #c6c6c6 none repeat scroll 0 0;
    border : 1px solid #c6c6c6;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height : 25px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width : 85%;
}

.myinputtypemandatory {
    background : #ffc0cb none repeat scroll 0 0;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    color : #121212;
    display : block;
    font-size : 13px;
    height : 25px;
    line-height : 1.42857;
    margin-bottom : 2px;
    padding : 1px 2px;
    transition : border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width : 85%;
}

.resd1 {
	border: 2px solid #09f;
	overflow: auto;
	padding: 4px;
	position: static;
	resize: horizontal;
	/*width: 50%;*/
    height:300px;
}
.resd2 {
	border: 2px solid #09F;
	padding: 4px;
	/*width: 50%;*/
	resize: horizontal;
	position: static;
	overflow: auto;
    height:300px;
}
.resd3 {
	border: 2px solid #09F;
	padding: 4px;
    /*width:50%;*/
	resize: horizontal;
	position: static;
	overflow: auto;
    height:300px;
    
}
.resd4 {
    border: 2px solid #09F;
    padding: 4px;
    width: 100%;
    resize: horizontal;
    position: static;
    overflow: auto;
    height: 300px;
}



.disableDatas {
    pointer-events : none;
    opacity : 0.7;     
    -moz-user-focus : ignore;
    -webkit-user-select : none;
    cursor : none;    
}

/* Added for Leave Application CSS*/
.PendingColor {
    background-color :white !important;
}
.ApprovedColor {
    background-color :lightgreen !important;
}
.RejectedColor {
    background-color :orange !important;
}
.CancelledColor {
    background-color :red !important;
}
.OnHold {
    background-color :rgb(222, 184, 135);
}

.SuccessDivMsg {
    margin-bottom:15px;
}

.rowColor {
     background-color :#d0e5f5;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> [ Start Multi Media Explorer ] <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.btn-mmexplorer {
    color: #fff;
    background-color: rgba(173, 134, 47, 0.99);
    /*border-color: rgb(184, 98, 47);*/
}

.btn-mmexplorer:hover {
    color: #fff;
    background-color: rgba(184,134,47,0.93);
    border-color: rgb(184, 98, 47);
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> [ End Multi Media Explorer ] <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> [ Start Common Authorization ] <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.comleft {
    width: 33.33%;
}
.commiddle {
    /*width: 33.33%;*/
    margin:0 auto;
    height: 450px;
    overflow-y:scroll;
}
.comright{
    width: 33.33%;    
}

.comMain {
    height:490px;
    overflow:hidden;
/* overflow-y:scroll; hide for scroll this css i remove */    
}

.comButton {
    width:100%;
    margin-bottom:10px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> [ End Common Authorization ] <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*  For Amend partial */
.amendbackground {
    position: relative;
    border-radius: 3px;
    background: #ffffff; 
    width: 100%;
}

.salesinputAmend {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #121212;
	/*display: block;*/
	font-size: 14px;
	height: 25px;
	line-height: 1.42857;
	padding: 2px 1px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	/*width: 10%; Sanjay chnage for design */
}

/*  End Amedn Partial */

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> [ Start Remarks/Dropdown PopUP ] <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.btn-Popup {
    color: #2e6ea9;
    text-align: left;    
    margin-left: 0px;
    padding-left: 5px;
    background-color: #d0e5f5;
    border-color: #2e6ea9;

   
  /*border: 1px solid #CCCCCC;*/
  border-radius: 4px;
  color: #121212;
  /*display: block;*/
  font-size: 13px;
  height: 25px;
  line-height: 1.42857;
  margin-top: 11px !important;
  padding: 1px 2px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 98%;
}

.btn-Popup:hover {
    color: #2e6ea9;
    background-color: #dfeffc;
    text-align: left;
    margin-left: 0px;
    /*padding-left: 5px;*/
    border-color: rgb(184, 98, 47);


    /*border: 1px solid #CCCCCC;*/
  border-radius: 4px;
  color: #121212;
  /*display: block;*/
  font-size: 13px;
  height: 25px;
  line-height: 1.42857;
  margin-top: 11px !important;
  padding: 1px 2px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 98%;

    }
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> [ End Remarks/Dropdown PopUP ] <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> [ Start local add/edit form Textbox ] <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.UDFbutton {
        background-color: #f3f394;
        text-align: left;
        margin-left: 0px;
        padding-left: 5px;
    }
 .UDFtextbox {
        background-color: #f3f394;
    }
  .Normaltextbox {
        background-color: white;
    }
.Requiredtextbox {
           background-color: Pink;
}
 /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> [ End  local add/edit form Textbox ] <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

 /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  [ Browse For Master Start ] >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.browsediv {
	border: 2px solid rgba(51, 122, 183, 0.52);
	overflow: auto;
    position: static;
    width: 100%;/*96*/
    /*margin:0px 15px;*/
    height:416px;
    /*768 ma height proper karva mate */
    /*height:100%;*/
    }
.browsecountdiv {
	overflow: auto;
	padding: 4px;
	position: static;
	width: 96%;
    margin:0px 15px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  [ Browse For Master End ] >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  [ Transaction Type View Start ] >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.htmlTableBorder {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border:1px solid #4297d7;
}

.htmlTableNumericTextBox {
    width:80px;
    text-align:right;
}

.htmlTableNormalTextBox {
    width:200px;
    text-align:left;
}

.htmlTableTD {
    height: 35px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  [ Transaction Type View  End ] >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.tlcaption {
    width:10%;
    /*background-color:#0C6;*/
}
.tlcontrol {
    width:90%;
    /*background-color:#CC0; for first two */
}

.tlcaptionPartion {
    width:10%;
    /*background-color:#0C6; for doc & input type*/
}
.tlcontrolPartion {
    width:40%;
    /*background-color:#CC0; for doc & input type*/
}

.newte {
    text-align: right;
}


.tlcaptionrs{
    width:10%;
    /*background-color:#0C6;*/
}
.tlcontrolPartionrs {
    width:40%;
    /*background-color:#CC0;*/
}



.tdNew {
    padding: 2px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.printCaption {
    width:15%;
    vertical-align:middle !important;
}
.printControl {
    width:85%;
}

.udfFormMargin {
    margin-bottom :4px;
}

.loadingProcess {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    z-index: 12000; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%;
    background-color: rgba(225, 225, 255, 0.498039); 
    background-size: 30px; 
    background-position: center center; 
    background-repeat: no-repeat;
}
.udfmodel {
    overflow: auto;
	height:450px;
}

.udfcontrol {
    padding-bottom:9px;
    padding-top:9px;
}

.changeyearcontrol {
    margin : 10px;
}

.padding0 {
    padding:0 !important;
}

.cpwd-btn {
    float:right;
}

.cwpd-save{
    float: left;
}