﻿/*-- css merge from PDE.css by amrit --*/

.Form-body{overflow:hidden;}
.form-panelnew{background:#f1f3f5;}
.form-btnnew{
    float: right;
    margin-right: 10px;}
    .fl_rt{width:100%;}

/* -- left panel style -- */
.leftPanel {
    width: 219px;
    height: 100%;
    float: left;   
    background: #49484A !important;
}

.leftPanel-edit {
width:219px; 
float:left; 
position:relative;	
left:1px;
}

.noImg a {
    background: inherit !important;
}

    .noImg a:hover,
    .noImg a.current,
    .noImg a.currentSub {
        background: #5b5c5c !important;
        color: #fff;
        border-left: 5px solid #a3ce3f;
    }

.leftNavigation li a {
    font-size: 12px;
    font-weight: normal;
    display: block;
    padding: 8px 9px 9px;
    color: #8A9295;
    background: inherit;
    border: none;
    text-transform: capitalize;
    font-family: Roboto;
    cursor: pointer;
    background-image: url('../../image/newico/close-arrow.png');
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right:35px;
}

    .leftNavigation li a:hover,
    .leftNavigation li a.current,
    .leftNavigation li.drop a.current,
    .leftNavigation li.drop a.currentSub {
        background: #5b5c5c;
        color: #fff;
        border-left: 5px solid #a3ce3f;
        background-image: url('../../image/newico/open-arrow.png');
        background-position: 90%;
        background-repeat: no-repeat;
        background-size: 20px;
    }

    .leftNavigation li a.errorPageMsg {
        background: #414042 !important;
        color: #fff !important;
        border-left: 0px solid rgba(143, 178, 62, 1) !important;
        background-image: url('../../image/Warning.gif') !important;
        background-position: 90% !important;
        background-repeat: no-repeat !important;
        background-size: 20px !important;
    }

.leftNavigation li li a {
    font-size: 11px;
    font-weight: normal;
    display: block;
    color: #8A9295;
    background: #49484A !important;
    border: none;
    text-transform: uppercase;
    font-family: Roboto;
    cursor: pointer;
    border-left: 5px solid rgba(143, 178, 62, 0.5);
    text-indent: 15px;
}

    .leftNavigation li li a:hover,
    .leftNavigation li li a.selected,
    .leftNavigation li li.drop a.selected,
    .leftNavigation li li.drop a.currentSub {
        color: #fff !important;
        background: #49484A !important;
        background-image: url('../../image/newico/dot.png') !important;
        background-position: 88% !important;
        background-repeat: no-repeat !important;
        background-size: 9px !important;
    }

/*edit by raj deepak/16-1-2019/for bottom border*/
.FormWrapper{border:solid 1px #d6d6d6; background:White; padding:5px;} /*edit by rishabh/2-1-2019/for bottom border*/
.HeaderLabel {
    color: #8fb23e;
    background: inherit;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 13px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
}
div.HeaderLabel{padding-bottom:0px;}
.CustomiseFormFields{FONT-FAMILY: 'Open Sans', sans-serif; font-size:13px;color:#626262;}

TEXTAREA { font-size: 8pt; font-family: 'Open Sans', sans-serif; behavior: url('../../maxlength255.htc');width:400px;}
TEXTAREA.NoMaxLength {font-size: 8pt; font-family: 'Open Sans', sans-serif; behavior:url('../../maxlength4000.htc'); border: #bebebe 1px solid; font-size: 8pt; background: url('../../image/txtbg.jpg' ) repeat-x whitesmoke; font-family: 'Open Sans', sans-serif; height:100px;}
.FormFields {FONT-FAMILY: 'Open Sans', sans-serif; font-size:12px; color:#8C8C8C;}

.stickytooltip{display:none; position:absolute; z-index:20;}

.FormFields select {color:#666;	background:#fff; border:1px solid #d6d6d6; font:normal 12px 'Open Sans', sans-serif; /*changed by jyoti*/ padding:0; margin-top:2px; margin-bottom:7px;}
.FormFields input[type=text]:hover,
.FormFields input[type=password]:hover,
.FormFields textarea:hover,
.FormFields select:hover,
.FormFields input[type=text]:focus,
.FormFields input[type=password]:focus,
.FormFields textarea:focus,
.FormFields select:focus{border:1px solid #F2930A;}
.FormFields input[type=text],
.FormFields input[type=password],
.FormFields select{	margin-top:0px;	margin-bottom:2px;color:#666;}/*Edit by jyoti*/
.FormFields .Label{text-align:right; padding-right:5px; vertical-align:top; white-space:normal; color:#626262; background-color:inherit; font-size:13px; FONT-FAMILY: 'Open Sans', sans-serif;flex-wrap: wrap; width:180px;}/*edit by rishabh/3-1-2019/Suggested by amrit sir for fix width for labels  */

/*--changes added by amrit for the paddding issue - 30/09/2019--*/
.FormFields input[type=text],
.FormFields input[type=password]
.FormFields select{	color:#777;	background:#fff; border:1px solid #d6d6d6; font:normal 12px 'Open Sans', sans-serif;    padding-left: 4px;}


.FormFields input[type=checkbox]
{display:inline-block; font:normal 13px 'Open Sans', sans-serif;}
.FormFields input[type=radio]
{font:normal 13px 'Open Sans', sans-serif;/*changed by jyoti*/}

/*--changes added by amrit for removing three dots from text area - 01/10/2019--*/
.FormFields textarea {box-sizing:border-box !important;width:392px; color:#666; background:#fff; border:1px solid #d6d6d6; font:normal 12px 'Open Sans', sans-serif; font-family :'Open Sans', sans-serif ;/*changed by jyoti*/
	height:58px;padding:0px;margin:0;margin-bottom:2px;}/*Edited by Ravi D on 09-Mar-2019, For: Design Change in bpm Objects*/

.FormFields TD a{margin-top: 0px;
    white-space: nowrap;
   /* color: #595959;  Commented by shivika for design changes */
    text-decoration: none;
    /*display:inline;*/
   
    font-size: 13px;}
/*added by raj deepak for form design 16-01-2019*/
/*---changes added for the overlapping issue (no need to fix the position) - 22/08/2019--*/
.IndicateMandatory{ right:22px; text-align:right; font-size:11px; /*position:absolute;*/}
.ErrorHeading{color:#EE2B1D; padding:8px 0 8px 50px; margin-bottom:17px; border:1px solid #FDC8BD;width:max-content; background:url('../../image/error-icon.gif') #FFF0E7 no-repeat 14px 5px;font-size:14px;}


.FormFields input[type=image]{position:relative; z-index:1; display:inline-block; top:-3px;}
* + html .FormFields input[type=image]
{ top:-5px;}
.FormFields TD input[type=image]
{padding-top:0px;padding-bottom:0px;margin:0px;vertical-align:top;top:-2px; padding-right:10px;}


.FormFields a{margin-top:650px;}
.FormFields td .CancelLink,
.newFormFields td .CancelLink{padding-top:0px;}
.FormFields .CancelLink{padding-top:0px; float:right;}

.FormFields .EditFlatBlue input[type=radio]{  display:block;  width:20px;}
/*--checkbox mis-alignment of all the check box related to company setting modules - IRQ-000395 --*/
.FormFields input[type=checkbox]{display:inline-block; height:auto;    /*vertical-align: middle;*/} /*--css removed by amrit for checkbox margin related issue - 10/05/2019--*/
	

.FormFields .CancelLinkPDE{	padding-top:0px; float:left;}
.FormFields .CancelLinkPDE a,
.FormFields .CancelLink a{text-decoration:none;}

.FormFields td .CancelLink a:hover,
.newFormFields td .CancelLink a:hover{text-decoration:underline;}

.busyProcessing {color:#044173; background:url(../../image/busy-process.gif) center 10px no-repeat #f6f6f6; border:1px solid #e2e2e2; width:250px; height:25px; padding:15px 0 15px 0px; font:15px/18px 'Open Sans', sans-serif; text-align:center; position:relative;}
.MandatoryMark{	color:Red;}
input:disabled{color:gray;}

.errorMsg2{position:relative; color:#EE2B1D; padding:8px; border:1px solid #FDC8BD; background:#FFF0E7;}
.errorMsg2 a{color:#EE2B1D!important; border:0 !important; padding:0 !important; background:none!important; font-weight:normal!important;}
.errorMsg2 .arrowArrow{position:absolute; top:-9px; left:30px;}

select.EditFlatBlue{width:400px; height:19px;}


.FormFields .edit input {padding:0px 0px 0px 5px; margin-bottom:7px; border:1px solid #fff; font:normal 14px 'Open Sans', sans-serif;color:#777;/*Changed by jyoti*/}
.FormFields .edit input.blank {	width:370px; padding:0px 0px 0px 5px; margin-bottom:7px; border:1px solid #d6d6d6; font:normal 14px Arial, Helvetica, 'Open Sans', sans-serif;}
.FormFields .edit input:hover {	background:#fff8d0 url('../../image/edit-ico.gif') no-repeat 98% 50%; border:1px solid #d6d6d6;	}
.FormFields .edit .normal {	background:#fff8d0 url('../../image/edit-ico.gif') no-repeat 98% 50%; border:1px solid #d6d6d6;	}
.FormFields .edit .forcenormal {border:1px solid #d6d6d6;background-image:none;	background-color:#fff;}
.FormFields .edit input:focus {background:#fff8d0 url('../image/edit-ico.gif') no-repeat 98% 50%; border:1px solid #F2930A;	}
	.FormFields .edit input.txtBoxNormal{background:none; border:1px solid #d6d6d6;}
	.FormFields .edit input.txtBoxBlank	{background:#fff8d0; border:1px solid #F60;	}

.FormFields TD Span.StrongLabel{ padding:3px 22px 3px 8px; margin-bottom:16px; font-weight:bold; font:normal 12px 'Open Sans', sans-serif; }/*Edit by jyoti*/

.FormFields TD.LeftLabel{text-align:left;padding-right:5px;	padding-top:2px; vertical-align:top; white-space:normal; color:#626262; background-color:inherit; font-size:13px; FONT-FAMILY: 'Open Sans', sans-serif;}
/*
			Developer    : PO-Arvind 
            Date         : 25th May 2010
            Reference    : 
            Purpose      : To display text in the label of the input form
            Input/Output : Modify Error Message CSS
            Status       : To be Align with POV70 (fixed) 	

            ===============Starts Here================
*/
.FormFields TD.txtLabel{margin-bottom :16px; padding-top :2px; padding-left :2px; vertical-align :top;}
/*======== End Here ==========================*/
.FormFields TD.LabelWOWidth{text-align:right; padding-right:5px; padding-left:10px; padding-top:1px !important; vertical-align:top; white-space:nowrap; color:#626262; background-color:inherit;	font-size:13px;	FONT-FAMILY: 'Open Sans', sans-serif;}

.FormFields TD.SplNormalTd{	padding:0px;}


.ErrorMessageBlock{position:relative; float:left; display:block; padding:0px 33px; color:#EE2BaD; border:1px solid #FDC8BD;background:url('../../image/error-icon-small.gif') #FFF0E7 no-repeat 10px 6px;	height:30px; margin:3px 0 5px 0; z-index:50; font-family:'Open Sans', sans-serif; font-size:11px;}

.FilterSearchText{float: left;
    width: 230px;
    padding: 3px;
    padding-left: 10px;
    margin: 0px;
    border: 1px solid #d7d7d7;
    color: #777;
    font: normal 12px/15px 'Open Sans', sans-serif;
    border-width: 1px !important;
    border-radius: 50px;}



.SectionBorders{border:solid 1px #d6d6d6; font-family:'Open Sans', sans-serif; font-size:13px; color:#626262;}
.basicInformation .Permision table tr td {border-bottom:1px solid #E1EBF2;padding:7px 0;font-size:12px!important;line-height:14px!important;}
.SectionBorders table td {color:#666;}

.ButtonsHolder{padding-top:10px;}
/*-- css merge from PDE2.css by amrit --*/
.basicInformation .selectCompany input, .basicInformation .userGroup input {width:auto;height:auto;	border:none!important;}
/*edit by raj deepak/16-1-2019/for bottom border*/
.FormWrapper {border:solid 1px #d6d6d6;	background-color:White; padding:5px;} /*edit by rishabh/2-1-2019/for bottom border*/
.wrapper {color:inherit;background:#ececec url(../../image/wrapper-bg.gif) repeat-x 0 0;}
body.Popup {background:#EFEFEF url(../../image/gen-pop-bg.gif) repeat-x 0 0; margin: 20px;}
.basicInformation .selectCompany {border:1px solid #E7E7E7;overflow-y:hidden;overflow-x:hidden;}
.basicInformation .selectCompany table tr td {border-bottom:1px solid #E1EBF2;padding:7px 0;}

.basicInformation .selectCompany label {padding:0 0 0 8px;font-size:12px!important;	line-height:14px!important;}

.ErrorMessageBlock .arrowArrow{position:absolute; left:10px; margin-top:-9px;}
select[multiple].EditFlatBlue{width:400px;}
.mov_btns { display:block; margin:8px;}
.mov_btns .repeat{ width:65px; text-align:center;}
.mov_btnContainer .mov_btns{margin:3px;}


/*-Css for edit/create layout-homepage-*/
.PanelTopButton{display:block; cursor:pointer; width:60px; height:60px; background:url(../../image/panel-top-ico.png) no-repeat 5px 5px; margin:0}

.PanelTopButtonClick{display:block; cursor:pointer; width:60px; height:60px; background:url(../../image/panel-top-ico-h.png) no-repeat 5px 5px; margin:0}
.PanelLeftButton{display:block; cursor:pointer; width:60px; height:60px; background:url(../../image/panel-left-ico.png) no-repeat 5px 5px; margin:0;}
.PanelLeftButtonClick{display:block; cursor:pointer; width:60px; height:60px; background:url(../../image/panel-left-ico-h.png) no-repeat 5px 5px; margin:0}
.PanelRightButton{display:block; cursor:pointer; width:60px; height:60px; background:url(../../image/panel-right-ico.png) no-repeat 5px 5px; margin:0;}
.PanelRightButtonClick{display:block; cursor:pointer; width:60px;  height:60px; background:url(../../image/panel-right-ico-h.png) no-repeat 5px 5px; margin:0}
.PanelBottomButton{display:block; cursor:pointer; width:60px; height:60px; background:url(../../image/panel-bottom-ico.png) no-repeat 5px 5px; margin:0;}
.PanelBottomButtonClick{display:block; cursor:pointer; width:60px; height:60px; background:url(../../image/panel-bottom-ico-h.png) no-repeat 5px 5px; margin:0;}

span.EditFlatBlue{border:none; padding:0px; height:auto;}
span.EditFlatBlue input[type=checkbox]{padding:0px; margin:0px; line-height:normal;}
span.EditFlatBlue input[type=radio]{padding:0px; margin:0 2px; line-height:normal; vertical-align:text-bottom;}


 .new-label{	font-size:13px;	font-family:'Open Sans', sans-serif; color:#626262;	min-width:185px; text-align:right; padding-top:0px; padding-right:5px;} /* Modified by Vaquas on Date(01-April-19) */
 .chkTextHover{ position:relative; display:block; width:300px; }
 .Formfields .chkTextHover input[type=checkbox]{ display:inline-block; width:auto; margin-top:2px;}
 .Formfields .chkTextHover label{position:relative; padding-left:5px; padding:0; margin:0;}

 .chkTextHover Label{display: inline\9; position: absolute\9; margin-top: 0px\9;  margin-left: 5px \9; *margin-top:3px;}
 .chkTextHover Label{display: inline\9; position: absolute\9;  margin-top: 0px\9;  margin-left: 5px \9; *margin-top:3px;}

/*-- css merge from PDE PNG.css by amrit --*/
/*--changes added by amrit for right panel - 27/08/2019--*/
.rightPanel {  

    margin-left: 219px;
    color: inherit;
    background: #fff;/*
    border: 1px solid #ddd;*/
  overflow-y:auto;
     height:545px;
    padding-left:15px !important;
   }

/*--changes added by amrit for right panel resolution issue - 30/10/2019--*/
@supports (-ms-ime-align:auto) {
    .rightPanel {
    height:545px;
    }
}


@media screen and (min-device-width: 1024px) and (max-device-width: 1300px) {
@supports (-ms-ime-align:auto) {
    .rightPanel {
    height:370px;
    }
}

}
@media screen and (min-device-width: 1800px) and (max-device-width: 2500px) {
    .rightPanel {  
    /*height:100%;*/

   }
}

@media screen and (min-device-width: 1500px) and (max-device-width: 1700px) {
    .rightPanel {  
    /*height:100%;*/

   }
}


@media screen and (min-device-width: 1600px) and (max-device-width: 1800px) {
    @supports (-ms-ime-align: auto) {
        .rightPanel {
            height: 680px !important;
        }
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .rightPanel {
            height: 680px !important;
        }
    }
}



.rightPanelPadd{
    padding: 20px;
}
#divcancel {
    float: right;
   
}

#divcancel {
    margin-top:0px;
}
/*-- css merge from bpmprojectRequest by amrit --*/

 .FormFieldsReadOnly TD * {
            vertical-align: middle;
        }

        .FormFields TD input[type="image"] {
         /*change by raj deepak for align icons 05-01-2019*/ 
            top: 2px !important;
        }

        .FormFields .EditFlatBlue input[type="checkbox"] {
            width: 30px;
            float: left;
            clear: both;
        }

        .FormFields .Label {
            white-space: normal;
        }

        .lnktreefilter {
            display: block;
            cursor: pointer;
            width: 16px;
            height: 25px !important;
            background: url(../../image/grid-filter-active_grey.png) 6px 3px no-repeat !important;
        }

        .numericTotal {
            text-align: right;
            margin-right: 40px;
        }
        
        /*-- css merge from ObjectIdConfig by amrit - 21/12/2018 --*/
        
         .FormFields select
    {
        margin-top: 0px;
    }
    
    /*-- css merge from common.css by amrit - 21/12/2018 --*/

   /*-- css added by amrit - 16/07/2019 --*/
    .fl_lt{	display:inline;	float:left;}
.fl_rt{	display:inline;}


/*-- Css Merge from DashboardEditor.aspx by amrit - 26/12/2018 --*/

  .FormFields select {
        margin-top: 0px;
    }
     .change:hover
    {
        color: Gray;
    }
   
    .resourceTableData th A:hover
    {
        color: Gray !important;
    }

  /*--Css merged from PDE2.css for formfield and resource field by amrit - 28/12/2018--*/
  .resourceListRE {background:url(../../image/re-table-top-bg.gif) repeat-x repeat-y 0 0;	border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4; overflow:hidden;}
  /*--css added by amrit - 18/06/2019--*/
.resourceListRE tr td {padding-left:5px; padding-right:2px; padding-top: 0px !important;
    background: #efefef;
    color: #666;}
.resourceListRE input[type=button], .resourceListRE input[type=submit], .resourceListRE input[type=image] {	width:32px; background:none;border:none;font:11px Arial, Helvetica, 'Open Sans', sans-serif;	text-align:center;}
.resourceListRE input.PlainImg {width:auto;	height:auto;}
.resourceListRE p {padding:0 2px;}
.resourceListRE tr.blue td table tr td {border-top:none; border-bottom:none; border-right:1px solid #CACACA;}
/*--css added by amrit - 18/06/2019--*/
    .resourceListRE tr.lightBlue td {
        background: #eceaea;
    font-size: 12px;
    border-bottom: 1px solid #e8e8e8 !important;
    
    }
.resourceListRE .resourceTableData td {border-bottom:1px solid #ECEFF4;	padding:0px 2px;}
/*--css added by amrit - 18/06/2019--*/
    .resourceListRE tr.lightBlue td table tr td, tr.lightBlue td.calDate {
        border-bottom: none;
        border-right: 1px solid #E8E8E8;
    }
.lightBlue .leftBorder, .subheader .leftBorder, .white .leftBorder {border-left:1px solid #CACACA;}
.resourceListRE tr.blue td {background:#D6E8F4; color:#666; font-size:8px; font-weight:bold;}
.resourceListRE tr td table.noFormatting, .resourceListRE tr td table.noFormatting *, .resourceListRE tr.blue td table.noFormatting, .resourceListRE tr.blue td table.noFormatting * {border:none;background-color:transparent;}
.resourceListRE .Pad5 TD, .resourceListRE .Pad5 TH {padding:0px; padding-top:0px; padding-bottom:0px; color:#888;}

/*21-2-2015*/

/*--css added by amrit - 18/06/2019--*/
.resourceListRE tr.deepBlue td, .resourceListRE .deepBlue td {background: #e4e4e4;
    color: #888;
    font-size: 12px;
    font-weight: 300px !important;
   border-bottom: 1px solid #e8e8e8 !important;
 margin-left:2px;
    height: 25px;
    line-height: 20px;}
.resourceListRE tr.deepBlue2 td, .resourceListRE .deepBlue2 td {background:#fff; color:#666; font-size:10px; font-weight:bold; height:20px; line-height:20px;}
.deepBlue td.calDate {
    border-right: 1px solid #ddd !important;
}
.TopBorder, .TopBorder td, .TopBorder th, th.TopBorder {border-top:1px solid; border-top-color:#fff !important;}
.resourceListRE tr.deepBlue td table {border-left:1px solid #fff;}
.resourceListRE tr.deepBlue td table tr td {border-top:none; border-bottom:none; border-right:1px solid #fff;}
.resourceListRE tr.gray td {background:#FBFBFB; color:inherit;}
.resourceListRE tr.gray td.calDate {border-right:1px solid #E8E8E8;}
.resourceListRE tr.white td {font-size:12px;     vertical-align: middle !important;	color:#888; background:#fff; height:25px; line-height:20px;}
    .resourceListRE .subheader td.calDate {
        border-right: 1px solid #E8E8E8;
        padding: 0px;

        padding-right: 2px;}
.resourceListRE tr td table {border-left:1px solid #CACACA;}
.resourceListRE tr td table tr td {	border-top:none; border-bottom:none; border-right:1px solid #CACACA;}

/*--css added by amrit - 18/06/2019--*/
.resourceListRE table td, .resourceListRE .subheader td, .subheader td {



        background: #efefef;
    color: #888;
    font-size: 12px;
    font-weight: 300px !important;
    border-bottom: 1px solid #e8e8e8 !important;

    height: 25px;
    line-height: 20px;
    }
.resourceListRE .noPad {padding:0;}
.resNoPad table tr td {	padding:0!important;}
/*
	Include this css for making text as per required editing css
*/


/*--css added by amrit - 18/06/2019--*/
	.resourceListRE tr td input[type=text] {background-color: #efefef;
    font-size: 10px !important;
    width: 100%;
    border: none !important;
    padding: 2px;
    margin-top: 1px;}
.resourceListRE table.yellow td, .resourceListRE tr td.yellow {background-color:#FFFFCC; border-right:1px solid #F3E69F;}
.resourceListRE .resourceTableData td {	border-bottom:1px solid #ECEFF4; padding:0px 5px;}
.resourceListRE .resourceTableData .calDate {
    border-right: 1px solid #E8E8E8;
}
.resourceListRE .resourceTableData .leftBorder {border-left:1px solid #CACACA;}
.resourceListRE .resourceTableData td.topTd {padding:0px 2px;}
.resourceListRE .resourceTableData td.btmTd {background:url(../../image/spacer-bg.gif) repeat-x 0 100%;	border-bottom:none !important;}
.resourceListRE .resourceTableData td.btmTdRE {	background:url(../../image/spacer-bg.gif) repeat-x 0 100%; border-bottom:solid 1px #C7C8CD;}
/* Ends Here*/

.resourceListRE table td.green, td.green {background-color:#CBE067 !important; border-right:1px solid #B8CE4F;}
.resourceListRE table td.red, td.red {background-color:#D70000 !important;color:#fff; border-right:1px solid #FA6767;}
.resourceListData table td, .resourceListData .NormalRow, .GeneralRowresourceListData td {background:#F4F4F4; color:inherit;}
.resourceListRE .menuheader {background:url(../../image/x_plus.gif) no-repeat 0 40%; padding: 0 0 0 12px; margin:0 0 0 20px;color:#666;background-color:inherit;cursor: pointer;	text-decoration:none;}
.resourceListRE .menuheader:hover {background:url(../../image/x_plus.gif) no-repeat 0 40%;}
.resourceListRE .openheader {background-image: url(../../image/x_minus.gif);}
.resourceListRE .openheader:hover {background-image: url(../../image/x_minus.gif);}

/*--css changed and add by amrit - 18/06/2019--*/

.resourceList tr.lightBlue td table tr td,
tr.lightBlue td.calDate {
border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #E8E8E8;
    background: #eceaea;
    color: #888;
    font-size: 12px;
    font-weight: 300px !important;
    height: 25px;
    line-height: 20px;
}		
.resourceList tr.deepBlue td table {border-left:1px solid #fff;}	
.resourceList tr.deepBlue td table tr td { border-top:none; border-bottom:none; border-right:1px solid #fff;}		
.resourceList tr.gray td { background:#FBFBFB; color:inherit;		}
.resourceList tr.gray td.calDate{ border-right:1px solid #CACACA}
.resourceList tr.white td {background:#fff; *color:inherit;}	
.resourceList tr td table {	border-left:1px solid #CACACA;}
.resourceList tr td table tr td {border-top:none; border-bottom:none; border-right:1px solid #CACACA; }		
.resourceList table td,
.resourceList .subheader td,
.subheader td{font-size:11px; color:#272727; background-color:#e8ecef; line-height:20px;}
.resourceList .subheader td.calDate{border-right:1px solid #CACACA;}
.resourceList .noPad {padding:0;}
.resNoPad table tr td {padding:0!important;}
.resourceList tr td input[type=text]{border:none; background:#fff; font-size:11px !important; width:100%;}
.resourceList table.yellow td,
.resourceList tr td.yellow { background:#FFFFCC; border-right:1px solid #F3E69F;}

/* Ends Here*/

.resourceList table td.green,
td.green {background:#CBE067 !important; border-right:1px solid #B8CE4F;}
.resourceList table td.red,
td.red{background:#D70000 !important; color:#fff; border-right:1px solid #FA6767;}
.resourceListData table td,
.resourceListData .NormalRow,
.GeneralRowresourceListData td
 {background:#F4F4F4; color:inherit;}

/* -- resource list data style -- */
.resourceData {color:#272727;background-color:#efefef;border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:1px 0 0;}
.resourceData table th,
.resourceData th,
.resourceData td {color:#fff; 
                  /*background:url(../../image/project-list-heading-bg.gif) repeat-x 0 0; commented by vishant for unwanted css on 09-1-2019*/ 
                  font-size:13px; height:30px;	 font-weight:normal !important; border-right:1px solid #fff; padding-left:5px; padding-right:5px; border:none !important}
.resourceData a,
.resourceData TH,
.resourceData TH a span{
   font: 12px Roboto !important;
    letter-spacing: 0px;
    line-height: 15px !important;
    color: #999 !important;
    margin: 4px -3px;
    text-align: center !important;
    cursor: pointer;
    justify-content: center;
    flex-direction: column;

}
.resourceData TH:hover{
    background:#e7e7e8;
}
.resourceData .calDate td{font-size:11px; height:30px;}	
.resourceData .date {font-size:9px !important; padding:0; text-align:center;}
.resourceData .date td {height:30px;}	
.resourceData .leftRightPad {padding:0 10px;}
.resourceData .noPad {padding:0;}
.resourceTableData .calDate{border-right:1px solid #CACACA; height:22px;}
.resourceTableData .leftBorder{border-left:1px solid #CACACA;}
.resourceTableData td.topTd {padding:7px 0;}
.resourceTableData td.btmTd {background:url(../../image/spacer-bg.gif) repeat-x 0 100 ; border-bottom:none !important;}
.resourceTableData td.btmTdRE {background:url(../../image/spacer-bg.gif) repeat-x 0 100%; border-bottom:solid 1px #C7C8CD;	}
.resourceData td.noBorder {border-right:0!important;}	
.resourceList{}
.resourceList tr td{padding-left:5px; padding-right:5px;  height:21px; color:#272727;}	
.resourceList input[type=button],
.resourceList input[type=submit],
.resourceList input[type=image]
{width:32px; height:35px; background:none; border:none; font:11px/35px Arial, Helvetica, 'Open Sans', sans-serif; text-align:center;	}
.resourceList input.PlainImg{width:auto; height:auto;}
.resourceList p {padding:0 10px;}
.resourceList tr.blue td table tr td {border-top:none; border-bottom:none; border-right:1px solid #CACACA;}	

/* 21-2-2015 */	



.lightBlue .leftBorder,
.subheader .leftBorder,
.white .leftBorder{border-left:1px solid #CACACA;}
.resourceList tr.blue td {background:#fff; color:#5D595A; font-size:11px; font-weight:bold;}/*added by vishant for change back color suggested by amrit sir on 09-1-2019
*/	
.resourceList tr td table.noFormatting,
.resourceList tr td table.noFormatting *,
.resourceList tr.blue td table.noFormatting,
.resourceList tr.blue td table.noFormatting *
{border:none; background-color:transparent;}	
/*
	Ends here
*/


/*
	Rakesh Verma[10 Sep 2010] - CSS for Readonly forms
*/

.FormFieldsReadOnly {FONT-FAMILY: 'Open Sans', sans-serif; font-size:12px; color:#8c8c8c;}
.FormFieldsReadOnly TD {vertical-align:top;	padding-top:2px;padding-right:3px;}
.FormFieldsReadOnly TD * {vertical-align:top;}
.FormFieldsReadOnly TD a {margin-top:10px;white-space:nowrap;color:#25a9d5;}
.FormFieldsReadOnly input[type=text], .FormFieldsReadOnly input[type=password] {height:16px; margin-bottom:16px; color:#666; background-color:#fff; border:1px solid #d6d6d6; font:normal 13px 'Open Sans', sans-serif;/*changed by jyoti*/
}
.FormFieldsReadOnly input[type=checkbox], .FormFieldsReadOnly input[type=radio] { /*Comment by Pooja for removing space between rows*/ font:normal 13px 'Open Sans', sans-serif;/*changed by jyoti*/	margin-right:2px;}
.FormFieldsReadOnly textarea {width:392px;margin-bottom:16px;color:#666;background-color:#fff; border:1px solid #d6d6d6; font:normal 12px 'Open Sans', sans-serif;/*changed by jyoti*/height:58px; padding:2px 3px;}
.FormFieldsReadOnly select {margin-bottom:16px; color:#666; background-color:#fff; border:1px solid #d6d6d6; font:normal 13px 'Open Sans', sans-serif;/*changed by jyoti*/	padding:2px 3px 0; line-height:24px;}
.FormFieldsReadOnly input[type=text]:hover, .FormFieldsReadOnly input[type=password]:hover, .FormFieldsReadOnly textarea:hover, .FormFieldsReadOnly select:hover, .FormFieldsReadOnly input[type=text]:focus, .FormFieldsReadOnly input[type=password]:focus, .FormFieldsReadOnly textarea:focus, .FormFieldsReadOnly select:focus {border:1px solid #F2930A;}
.FormFieldsReadOnly a {margin-top:650px;}
.FormFieldsReadOnly .CancelLink {padding-top:8px;float:left;}
.FormFieldsReadOnly .CancelLinkPDE {padding-top:2px;float:left;}
.FormFieldsReadOnly .CancelLinkPDE a, .FormFieldsReadOnly .CancelLink a {text-decoration:none !important;}
.FormFieldsReadOnly .edit input {width:370px; padding:2px 22px 2px 8px;	margin-bottom:16px;	border:1px solid #fff; font:normal 14px Arial, Helvetica, 'Open Sans', sans-serif;}
.FormFieldsReadOnly .edit input.blank {width:370px;	padding:2px 22px 2px 8px; margin-bottom:16px; border:1px solid #d6d6d6; font:normal 14px Arial, Helvetica, 'Open Sans', sans-serif;}
.FormFieldsReadOnly .edit input:hover {background:#fff8d0 url('../../image/edit-ico.gif') no-repeat 98% 50%; border:1px solid #d6d6d6;}
.FormFieldsReadOnly .edit .normal {background:#fff8d0 url('../../image/edit-ico.gif') no-repeat 98% 50%; border:1px solid #d6d6d6;}
.FormFieldsReadOnly .edit .forcenormal {border:1px solid #d6d6d6; background-image:none; background-color:#fff;}
.FormFieldsReadOnly .edit input:focus {background:#fff8d0 url('../image/edit-ico.gif') no-repeat 98% 50%; border:1px solid #F2930A;}

.FormFieldsReadOnly TD Span.StrongLabel {padding:3px 22px 3px 8px; margin-bottom:16px; font-weight:bold; font:normal 13px Arial, Helvetica, 'Open Sans', sans-serif; color:#8C8C8C;}
.FormFieldsReadOnly TD.Label {display:table-cell; width:180px; text-align:right; padding-right:5px; padding-top:2px !important; padding-left:0px !important;	padding-bottom:5px;	vertical-align:top;	color:#8C8C8C; background-color:inherit;	font-size:13px;	FONT-FAMILY: 'Open Sans', sans-serif;flex-wrap: wrap;}
.FormFieldsReadOnly TD.ROLabelPR {display:table-cell; width:220px; text-align:right; padding-right:5px; padding-top:2px !important; padding-left:0px !important; padding-bottom:5px;
vertical-align:top;	color:#8C8C8C;background-color:inherit;	font-size:13px;	FONT-FAMILY: 'Open Sans', sans-serif;}
.FormFieldsReadOnly TD.LeftLabel {width:180px; text-align:left; padding-right:5px; padding-top:2px; vertical-align:top;	color:#8C8C8C; font-size:13px; FONT-FAMILY: 'Open Sans', sans-serif;}
/*
			Developer    : PO-Arvind 
            Date         : 25th May 2010
            Reference    : 
            Purpose      : To display text in the label of the input form
            Input/Output : Modify Error Message CSS
            Status       : To be Align with POV70 (fixed) 	

            ===============Starts Here================
*/
.FormFieldsReadOnly TD.txtLabel {margin-bottom :16px; padding-top :2px; padding-left :2px; vertical-align :top;}
/*======== End Here ==========================*/
.FormFieldsReadOnly TD.LabelWOWidth {text-align:right; padding-right:5px; padding-left:10px; padding-top:0px; vertical-align:top; white-space:nowrap; color:#8C8C8C; background-color:inherit; font-size:13px; FONT-FAMILY: 'Open Sans', sans-serif;}
.FormFieldsReadOnly TD.SplNormalTd {padding:0px;}
.FormFieldsReadOnly .FormFields {FONT-FAMILY: 'Open Sans', sans-serif;font-size:12px;color:#8C8C8C;}
.FormFieldsReadOnly .FormFields TD.Label {text-align:right;	padding-right:5px; padding-top:3px; padding-bottom:0px; vertical-align:top; width:180px; white-space:nowrap; color:#8C8C8C; background-color:inherit; font-size:13px; FONT-FAMILY: 'Open Sans', sans-serif;}
.FormFieldsReadOnly .FormFields TD.LeftLabel {text-align:left; padding-right:5px; padding-top:2px; padding-bottom:0px; vertical-align:top; white-space:nowrap; color:#626262; background-color:inherit; font-size:13px; FONT-FAMILY: 'Open Sans', sans-serif;}
.FormFieldsReadOnly .FormFields input[type="text"], .FormFieldsReadOnly .FormFields input[type="password"] {margin-bottom:2px; margin-left:0px;}

/*add by rishabh/5-1-2019/ for align right side*/
.FltRight {
    float:right!important;
}
/*added by raj deepak for align excel icon 05-01-2018*/
#btnExcel{
    padding-top: 7px;
}
.margintopicon{
    margin-top:-9px!important;
}


/*-- Css added by amrit for comment heading - 08/01/2019 --*/

#tab_Comments_section .GridHeaderStyle{    background: #efefef !important;
    height: 30px !important;}
#tab_Comments_section .GridHeaderStyle td a{    font: 12px Roboto !important;
    letter-spacing: 0px;
    line-height: 15px !important;
    color: #999 !important;
    margin: 4px -3px;
    text-align: center !important;
    display: flex;
    cursor: pointer;
    justify-content: center;
    flex-direction: column;}

/*-- css added by Raj deepak for unwanted padding issue on form icons - 07/01/2019 --*/

.manageicons{
    padding:0px!important;
    margin-left:5px!important;
margin-right:0px!important;      /*edit by rishabh for manage unwanted space between icons - 8-1-2019*/
}
/*change by raj deepak for set popup position 08-01-2018 */
.Popupdivscroll{
    overflow-y:scroll;
    height:388px;
}




/*--css added by amrit for bpmprojectrequest css - 08/01/2019--*/

/*--css added by amrit for burger menu list position related issue - IRQ-000395 - 03/01/2020--*/
#imgSendMail{    border-width: 0px;
    width: 24px;
    height: 24px;
    margin: 0px !important;
    top: 0px !important;
    margin-right: 5px !important;
    padding: 0px !important;vertical-align:middle;}

/*--End - 03/01/2020--*/
#lnkCommCloseOut {
    border-width: 0px;
    width: 24px;
    height: 24px;
    margin: 0px !important;
    top: 0px !important;
    margin-right: 9px !important;
    padding: 0px !important;
}
/*-- css added by Raj deepak for unwanted padding issue on form icons - 09/01/2019 --*/
.newpageheader{
    display:block!important;
}
.popupscroll{
    overflow-y:scroll;
    height:450px;
}
.padd_li{
   padding: 0px!important;
}

.dis_flex{
    display:flex;
}

.atagcolor {
    color: #25a9d5!important;
}
/*--chnaged by amrit - 12-08-2019--*/
.formhgt{
    overflow: auto;

    height: 560px;
}
.strformheight{
     overflow-y: scroll;
     overflow-x:hidden;
   height: 550px;
    max-height: 100%;
}
.padd_left
{
    padding-left:32px!important;
}
.padd_popup
{
    padding:5px;
}
.padd_left_div
{
    padding-left:10px;
}
.busyProcessingpopup{
    z-index:99999999;
    bottom:125px;
}
.dashpopup{
    padding-left:10px;
}
 /*<%--  added by raj deepak for PO10 FORM DESIGN CHANGES 02-01-2019--%>*/


  
   

/*add by rishabh/5-1-2019/ for align left side*/
.FltLeft{
    float:left!important;
}
.MarLeft{
    margin-left:0!important;
}
.IndicateMandatoryRight{
    right:50px!important;
}
/*add by rishabh/ 10-1-2019/ for display into inline*/
.dis_inline{
    display:inline!important;
}
.togglepadd_lt{
    padding-left:10px !important;
}
/*--css added by amrit for burger menu (secondary action icons) - 12/02/2019--*/
/*TOGGLE MENU*/ toggle-menu-secondary {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
}

.tog-menu {
    float: right !important;
    /*margin-right: 25px;*/
    /* margin-left: -50px; */
    width: 25px;
    height: 25px;
    /*margin-top: -22px;*/
}

.toggle-menu-secondary span:after, .toggle-menu-secondary span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
}

.toggle-menu-secondary span:after {
    top: 10px;
}

.toggle-menu-secondary span {
    position: relative;
    display: block;
}

    .toggle-menu-secondary span, .toggle-menu-secondary span:after, .toggle-menu-secondary span:before {
        width: 100%;
        height: 2px;
            line-height: 25px !important;
        background-color: #c1c1c1;
       
   
        -webkit-border-radius: 2px;
        border-radius: 2px;
        bottom: -5px;
    }

.toggle-menu-secondary.on span {
    background-color: transparent;
}


.tog-menu > a {
    margin-top: 4px; 
    position: relative;
    z-index: 9999;
}

.hidden-menu-secondary {
    display: none;
  right:30px;
    padding: 10px !important;
    position: absolute;
    z-index: 99999999 !important;
    color: #333;
    background: #fff;
    margin-left: -10px !important;
    margin-top: 5px !important;
    margin-right: 0px !important;
        border: 1px solid #c0c0c0;
}

.hidden-menu-secondary label{    color: #888;
    vertical-align: middle;
   font-weight: 400!important;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 6px;}



    .hidden-menu-secondary ul li a {
         padding: 5px !important;
  
    }

    .toggle-menu-secondary img{    width: 24px;
    height: 24px;}

.Mar_top{
    margin-top:0px!important;
}
.icon_width{
    width:25px;
}

.popup-b{margin:10px !important;}


/*-- changes for user manage form - 11/01/2019 --*/

#TableTabs li{text-align:left;}


.line-height{
    line-height:100%!important;
}




.hdrightScroll{
    overflow-y: hidden!important;
    max-height: fit-content !important;
    height: auto !important;
}
.pad_botm {
    padding-bottom: 0px !important;
}
.Hideborder{/*added by rishabh on 18-1-2019*/
    border:none!important;
}
.rtborder{ /* added by rishabh on 23-1-2019*/
        border-right: none!important;
}

#TableContainer td {
    height: 0px;
} 
/*add by rishabh date:27-March-2019 for company setting icons*/
.newico-cmpy{
     width: 36px !important;
            height: 36px !important;
            opacity: 0.6 ;
}
.newico-cmpy:hover{
    opacity: 1;
}
/*end*/
/*added by vishant for newicon design for forms icon on 13-3-2019*/
        .newico {
            width: 24px !important;
            height: 24px !important;
            opacity: 0.6 ;
        }

            .newico:hover {
                opacity: 1;
            }

            .newico:active {
                opacity: 1;
            }
            /*end here on 13-3-2019*/
            .newico-effect1{/*added by vishant for newicon replacement for forms on 20-3-2019*/
  width: 18px;
    height: 18px;
    opacity: 0.6;
    cursor:pointer;
}

.newico-effect1:hover{
     opacity: 1;
}
/* Style The Dropdown Button - Start */
.dropbtn {
    background-color: #e8e8e8;
    color: #999; /*white;*/
    padding: 5px;
    font-size: 11px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    text-align: -webkit-left;
    width: 100% !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    /*width: 100% !important;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /*min-width: 160px;*/
    box-shadow: none !important; /*0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0px;
    /*height: 20px;*/
    width: -webkit-fill-available !important;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: #999 !important;
        padding: 5px !important;
        text-decoration: none !important;
        white-space: nowrap;
        height: 20px;
        display: block !important;
        width: -webkit-fill-available !important;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #E7E7E8; /*#8A9295;*/ /*#f1f1f1;*/
            /*opacity: 0.9;
    color: white;*/
            padding: 5px;
            width: -webkit-fill-available !important;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    width: -webkit-fill-available !important;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #8A9295; /*#3e8e41;*/
    color: white;
}
/* Style The Dropdown Button - End */


/*-- css added by Amrit for the new popup design layout - 07/05/2019 --*/

.align-label{
    text-align:left !important;
}
.popup-wrapper{
     box-shadow: none !important;
    padding: 0px !important;
}
.new-popups{
     border: 1px solid #d6d6d6 !important;
      z-index: 9999 !important; 
      background-color: #fff;
      padding:20px !important;
}

/*--css added by amrit for the project list edit page alignmnet issue on 16/07/2019--*/
    .FormFields .fl_lt {
    float:left;
}

    /*--css added by amrit for the burger-menu icons alignment related issue - 29/089/2019--*/
    .hidden-menu-secondary img{vertical-align:middle;}