/*------------------- Table -------------------*/

body {
    font-size: 12px;
    color: #000;
}
/*<MaskSettings Mask="<0..9999999g>" AllowMouseWheel="false" / > for text box  */
.dxeButtonEdit_DevEx {
    background-color: white !important;
    border-top: 1px solid #c3c4c5 !important;
    border-right: 1px solid #c3c4c5 !important;
    border-bottom: 1px solid #c3c4c5 !important;
    border-left: 1px solid #c3c4c5 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font: 12px Verdana, Geneva, sans-serif !important;
    border-radius: 3px;
    height:40px;
}

table {
    width: 100% !important;
}
.tblMain {
    width: 100%;
    border-bottom: solid;
    border-color: dimgrey;
    border-width: 0px;
    margin: 0 auto;
    overflow: auto !important;
}

.table_content {
    background-color: #fff;
    padding: 5px 30px;
}

h2.main_title {
    margin-top: 0;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.cellstyle {
    /*width: 100%;*/
    text-align: left;
    border-color: black;
    height: 30px;
    /*border-style: dashed;*/
}

.rowstyle {
}

.btnClass {
    text-align: center;
}

/* change css dvLabel */
.dvLabel {
    width: 100%;
    float: left;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
	color: #3c3c3c;
    line-height: 2;
}

.dvControl {
    width: 95%;
    min-width: 250px;
    float: left;
    text-align: left;
}

.splitline {
    width: 100%;
    float: left;
    margin-bottom: 0em;
    text-align: center;
    font-size: 22px;
    text-align: left;
    font-weight: 500;
	color: #7f3877;
    border-bottom: solid 1px #000;
}

    .splitline:after {
        content: "";
        display: block;
        width: 260px;
        height: 2px;
        margin: 0px;
        background: #0094f2;
        margin-top: 38px;
    }

.dvHeading {
    font-size: 20px;
    float: left;
    color: #000;
    line-height: 2;
    vertical-align: middle;
    margin-left: 10px;
}

.dvHeading1 {
    font-size: 20px;
    float: left;
    line-height: 30px;
    vertical-align: middle;
    margin-left: 10px;
}

.dvBack {
    float: left;
    line-height: 30px;
    vertical-align: text-bottom;
    text-decoration: none;
    font-size: 12px;
}

    .dvBack a {
        float: left;
        line-height: 3.3;
        vertical-align: text-bottom;
        text-decoration: none;
        font-size: 12px;
        color: #006301;
        padding-bottom: 10px;
    }

.dvButton {
    float: right;
    padding: 5px;
    font-size: 15px;
}

.dvButton2 {
    float: right;
    padding: 5px;
    font-size: 15px;
}

.dvMainButton {
    bottom: 0;
    right: 0;
    /* padding-right: 20%;*/
    float: right;
}

/*------------------- Controls -------------------*/
.lblMain {
    width: 200px;
}

.lblMainValue {
    width: 200px;
    font-weight: 600;
    font-size: 16px;
}

.ddlMain {
    border: 1px solid #eaeaf2  !important;
    font-size: 14px;
    width: 490px;
    padding: 2px;
    margin: 4px 0;
    height: 25px;
    box-sizing: content-box;
}
    .ddlMain wd {
        width: 10px;
    }
.txtMain {
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #eaeaf2 !important;
    border-radius: 3px;
    color: #000;
    margin: 4px 0px;
    /* border-radius: 3px; */
}

.dvSingleControl {
    width: 500px;
    min-width: 250px;
    float: left;
    text-align: left;
}

.dvSingleControl .txtMain {
    width: 500px;
    padding: 4.48px 4px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #d3d9dd;
    border-radius: 3px;
    color: #000;
    margin: 4px 0px;
}
.dvThreeControl {
    width: 90px !important;
    float:left;
}

.dvControl select {
    padding: 4.48px 4px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #eaeaf2;
    width: 98.5%;
    min-width: 235px;
    height: 30px;
    border-radius: 3px;
}

.btnForm {
  /*  background-color: #0299ea;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    text-transform: uppercase;*/
    background: #0399ea;
padding: 10px 50px;
float: right;
border-radius: 4px;
color: #fff;
/*margin-bottom: 10px;*/
border: 0;
font-size: 17px !important;
font-weight: 300;
/*margin-top: 10px;*/
}

.btnForm:hover {
        background-color: #fec421;
        cursor: pointer;
        color:#000;
}

.add-btn {
    background-color: #269af1;
    color: #fff;
    border-color: #269af1;
    cursor: pointer;
    justify-content: center;
    padding: 7px 15px;
    line-height: 1.429;
    border-radius: 3px;
    width: 100px;
}

.btnForm2 {
    background: transparent;
    font-size: 15px;
    border: none;
    color: #fff;
    cursor: pointer;
}

.btnForm1 {
    font-size: 18px;
    width: 250px !important;
    background-color: #0078e7;
    border-width: 0px;
    height: 30px;
    color: white;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.validation {
    color: red;
    font-size: 15px;
    display:inline;
}
/*------------------- Message -------------------*/
.msgsuccess {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    width: 50%;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 17px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 6px;
    text-align: center;
}

.msgError {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    width: 75%;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 17px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 6px;
    text-align: center;
}

.MainMsg {
    width: 100%;
}


.ButtonRed {
    background: red !Important;
    color: white !Important;
    border: solid 1px red;
    justify-content: center;
    padding: 10px 20px;
    font-size: 14px !important;
    line-height: 18px;
    border-radius: 3px;
}

.ButtonBlue {
    background: #24871e !Important;
    color: white !Important;
    border-radius: 3px;
    font-size: 14px !important;
    border: solid 1px #24871e;
    justify-content: center;
    padding: 10px 20px;
    line-height: 18px;
}

.ButtonGreen1 {
    background: #246a13;
    padding: 10px 50px;
    float: right;
    border-radius: 4px;
    color: #fff;
    border: 0;
    font-size: 17px !important;
    font-weight: 300;
}

.ButtonGreen {
  background: #fec421;
    padding: 10px 50px;
    float: right;
    border-radius: 4px;
    color: #fff;
    border: 0;
    font-size: 17px !important;
    font-weight: 300;
    /*margin-top: 10px;*/
}

    .ButtonGreen:hover {
        background-color: #0399ea !important;
        cursor: pointer;
        color: #000 !important;
    }
    .ButtonGreen1:hover {
        background-color: #0399ea !important;
        cursor: pointer;
        color: #000 !important;
    }

.HeaderLayout {
    padding: 7px;
    background-color: #1E6887;
}


.dxgv {
    background: #fff ;
    color: #000 !important;
}



.dxflTextEditItemSys .dxflVATSys.dxflCaptionCell_Material, .dxflViewFormLayoutSys .dxflItemSys .dxflVATSys.dxflCaptionCell_Material, .dxflViewFormLayoutSys .dxflItemSys .dxflNestedControlCell_Material {
    padding-top: 10px;
    width: 200px !important;
    float: left;
}

.dxflNestedControlCell_Material {
    padding: 0 !important;
    width: 76% !important;
    float: left;
}


#ctl00_ctl00_MainPane_Content_splitter_MainContent_carTabPage_dtstartDate {
    margin-left: 0px;
}

.dxflHALSys.dxflVATSys.dxflCaptionCell_Material.dxflCaptionCellSys {
    width: 190px !important;
}



.abc {
    width: 93% !important;
}


/*.dxeBinImgPreviewContainerSys {
    height: 200px !important;
    line-height: 200px !important;
}*/

.dxeInlineTblSys {
    height: 200px;
}



.dxWeb_edtCheckBoxUnchecked_Material {
    /* background-position: 0px -261px; */
    width: 12px !important;
    height: 12px !important;
    border: solid 1px #ccc !important;
}


.templateTitle.logo-img img {
    /*width: 20%;*/
}
/*********** responsive css strart *************/
@media screen and (max-width:1199px) {
    .table_content {
        background-color: #fff;
        padding: 0 25px;
        overflow: auto;
    }
}

@media screen and (max-width:991px) {
    div#ctl00_ctl00_MainPane_Content_MainContent_ASPxPageControl1 {
        display: inline-block !important;
        overflow: auto !important;
    }

    .lead-panel {
        overflow: auto;
    }
}

.dxtcLite_DevEx > .dxtc-content {
    overflow: auto;
}

@media screen and (min-width: 768px) and (max-width: 768px) {
    .tblMain {
        width: 100% !important;
        padding: 0 !important;
    }
}

@media screen and (max-width:767px) {
    #sidebar {
        min-width: 0 !important;
        max-width: 0 !important;
    }

        #sidebar.active {
            min-width: 187px !important;
            max-width: 187px !important;
        }

    .dxnbLite_DevEx {
        width: 176px !important;
    }

    .wapper-content {
        margin-left: 0px !important;
    }

    #sidebar.active + button#sidebarCollapse + .wapper-content {
        margin-left: 187px !important;
    }

    div#ctl00_ctl00_HeaderPane1_EB {
        padding: 15px;
    }

    button#sidebarCollapse {
        left: 0 !important;
    }

    #sidebar.active + button#sidebarCollapse {
        left: 187px !important;
    }
}

@media screen and (max-width:480px) {
    .table_content {
        padding: 0px 23px !important;
    }

    .dvMainButton {
        float: none;
    }

    .dvHeading {
        margin-bottom: 15px;
    }

    h2.main_title {
        font-size: 23px;
    } 

    .splitline:after {
        margin-top: 50px;
    }

    .cellstyle {
        display: block;
    }

    .txtMain, table#ctl00_ctl00_MainPane_Content_MainContent_AccordionPane1_content_ddlRequirementType {
        max-width: 230px;
    }

    .ddlMain {
        max-width: 224px;
    }

    .lead-panel {
        overflow: hidden;
    }

    .dvButton {
        width: 100%;
        text-align: left;
    }

    .dxtcLite_DevEx > .dxtc-content {
        overflow: hidden;
    }

    table#ctl00_ctl00_MainPane_Content_MainContent_AccordionPane1_content_tblMain table#ctl00_ctl00_MainPane_Content_MainContent_AccordionPane1_content_txtDescription, table#ctl00_ctl00_MainPane_Content_MainContent_AccordionPane1_content_txtAddress, table#ctl00_ctl00_MainPane_Content_MainContent_AccordionPane1_content_ddlRequirementType {
        width: 100% !important;
    }

    .table_content {
        overflow: hidden;
    }

    table#ctl00_ctl00_MainPane_Content_MainContent_dtEstimateDate, table#ctl00_ctl00_MainPane_Content_MainContent_dtExpiryDate, table#ctl00_ctl00_MainPane_Content_MainContent_dtStartDate, table#ctl00_ctl00_MainPane_Content_MainContent_dtExpectedEndDate, table#ctl00_ctl00_MainPane_Content_MainContent_dtEndDate, table#ctl00_ctl00_MainPane_Content_MainContent_ddlProjectTypeNew, table#ctl00_ctl00_MainPane_Content_MainContent_txtStatusReason, table#ctl00_ctl00_MainPane_Content_MainContent_txtProjectAmount, table#ctl00_ctl00_MainPane_Content_MainContent_txtProjectRemarks, table#ctl00_ctl00_MainPane_Content_MainContent_dtDueDate {
        max-width: 233px !important;
    }

    table#ctl00_ctl00_MainPane_Content_MainContent_txtProjectName, .dvControl {
        width: 100% !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 320px) {
    .dxtcLite_DevEx.dxtc-top > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_DevEx.dxtc-top.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab.dxtc-lead, .dxtcLite_DevEx.dxtc-top.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab.dxtc-n {
        border-bottom-width: 0;
        padding-bottom: 1px;
        width: 100%;
    }
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.progressmodal {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.progresscenter {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .progresscenter img {
        height: 75px;
        width: 75px;
    }
/*********** responsive css end *************/

.dvHeading {
    margin-right: 20px;
	padding-top:7px;
    border-bottom: solid 1px #000;
}

div#ctl00_ctl00_MainPane_Content_MainContent_ASPxPageControl1_CC {
    padding: 20px;
}

.customer_list {
    padding-bottom: 30px;
}

h2.main_title.role_title {
    margin-top: 25px;
} 

h2.main_title.project_list {
    padding-top: 25px;
}

h2.main_title.activity_title {
    padding-top: 20px;
}

.defult_height div#sidebar {
    height: 122vh !important;
}

.dxeBinImgTxtPnlSys {
    border: 2px dashed #0bb197;
}
.validation {
    color: red;
    font-weight:bold;
    display:inline;
    font-size:12px;
}
.projectfrm .dvControl{min-width: 500px;}
.projectfrm .dvControl select{min-width: 205px;}
/**********************13 dec. 21******************************/
.dxgvCSD {
    overflow: auto;
    /*width: 100% !important;*/
}
#ctl00_MainContent_gvOrder_DXSearchPanel {
    width: 938px;
}
.dxgvPagerBottomPanel_Material {
    width: 946px;
}
.dxgvPagerBottomPanel_Material, .dxgvPagerTopPanel_Material {
    padding: 4px 0;
    width: 100%;
}
/***************************************************************/
/*.dxbButton_DevEx {
    background: #000;
}*/
.dvLabel span {
    /*font-family: 'poppins';*/
    font-size: 14px;
    font-weight: 400;
}
#ctl00_ctl00_MainPane_Content_MainContent_tblWomenGroup > tbody > tr:nth-child(12) > td:nth-child(1) > div.dvLabel {
    width: auto;
    float: left;
}
#ctl00_ctl00_MainPane_Content_MainContent_tblWomenGroup > tbody > tr:nth-child(12) > td:nth-child(1) > div.dvControl {
    width: auto !important;
    float: left !important;
    margin-top: 8px;
    margin-left: 10px;
}
#ctl00_ctl00_MainPane_Content_MainContent_tblWomenGroup > tbody > tr:nth-child(12) > td:nth-child(2) > div.dvControl {
    float: left;
    width: auto;
    margin-top: 8px;
    margin-left: 10px;
}
#ctl00_ctl00_MainPane_Content_MainContent_tblWomenGroup > tbody > tr:nth-child(12) > td:nth-child(2) > div.dvLabel {
    float: left;
    width: auto;
}

.dxgvHeader_DevEx {
    font-weight: 600;
    font-size: 13px;
}
.editncont {
  background: #0399ea;
  padding: 20px 50px;
  float: right;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 10px;
  border: 0;
  font-family: 'Poppins';
  font-size: 17px !important;
  font-weight: 300;
  margin-top: 10px;
}
.editncont:hover {
  background: #fec421;
  text-decoration: none;
  color: #000;
}




.blackbut {
    background: #ffe003 !Important;
    color: #000 !Important;
    font-size: 14px !important;
    border: solid 1px #ffe003;
    cursor: pointer;
    justify-content: center;
    padding: 10px 20px;
    line-height: 18px;
    border-radius: 3px;
    font-family: inherit !important;
}

    .blackbut:hover {
        background: #ffb606 !important;
        color: #000 !important;
    }
.editncontnew {
    font-family: 'Roboto' !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    position: relative;
    height: 38px;
}
div#ctl00_ctl00_Content_ContentPlaceHolder1_pcFeedbackPopUp_dvSuccess {
    width: 100%;
    float: left;
    position: absolute;
    left: -13px;
    top: -15px;
}