﻿footer
{
    background-color:#0485A3 !important;
   
}
footer p 
{
     color:#fff !important;
}
.displayYes{
    display: block;
}
.displayNo{
    display:none;
}
.right
{
    float:right;
}
.container{
    width: 100%;
}
.fixed{
      top:0;
      position:fixed;
      width:auto;
      display:none;
      border:none;
}
.fixedGrid{
    top: 6%;
    position: fixed;
    width: auto;
    display: none;
    border: none;
    width: 98% !important;
    border-collapse:collapse;
    z-index: 999;
}
.level2{
    padding-left: 20px !important;
}
.level3{
    padding-left: 40px !important;
}
.level4{
    padding-left: 60px !important;
}
.level5{
    padding-left: 80px !important;
}
.level6{
    padding-left: 100px !important;
}
.level7{
    padding-left: 120px !important;
}
.level8{
    padding-left: 140px !important;
}
.level9{
    padding-left: 160px !important;
}
.level10{
    padding-left: 180px !important;
}
#BudgetDataTable{
	width:100%;
	border-spacing: 0px;
	border:1px solid #ccc;
}
#BudgetDataTable th{
	color:#FFFFFF;
	border: 1px solid #ccc;
	font-size: 12px;
}
#BudgetDataTable td{
	border: 1px solid #ccc;
}
.imgSearch
{
    
    padding: 0.5% 1.5%;
    background: #0485A3! important;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    /* font-weight: bold!important; */
    color: #fff !important;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: 2px;
}
.imgRefresh
{
    
    padding: 0.5% 1.5%;
    margin-left: 1%;
    background: #0485A3! important;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    /* font-weight: bold!important; */
    color: #fff !important;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: 2px;
}
.loaderDiv
{
    position: absolute;
    top:0;left:0;
    width: 100%;
    height:300%;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.loaderDiv>img
{
    position:fixed; 
    top:50%; 
    left:50%;
}
.slider
{
    min-height:584px !important;
}
.Pagination .Select {
    width: 41%! important;
}
#divInnerLeftsideTree
{
    height: 453px !important;
}

#divLibraryTreeView {
    /*height: 358px !important;*/
    height: 344px !important;
    overflow: auto;
    }
/*@media (min-width: 1361px) and (max-width: 1600px) {
    .fixed{
        top: 6.5%;
        position: fixed;
        width: auto;
        display: none;
        border: none;
        width: 98% !important;
        z-index: 999;
    }
    .fixedGrid{
        width: 96.8% !important;
    
    }
    .fixedGrid th:last-child {
        width: 2% !important;
    }
    .fixedGrid th
    {
        padding:0px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) 
{
    #BudgetDataTable {
        width: 80%;
        border-spacing: 0px;
        border: 1px solid #ccc;
    }
    .fixed{
    top: 5.5%;
    position: fixed;
    width: auto;
    display: none;
    border: none;
    width: 98% !important;
    z-index: 999;
    }
    .fixedGrid{
        width: 95.8% !important;
    
    }
    .fixedGrid tr:nth-child(1) th:nth-child(1) {
        width: 19% !important;
    }
     .fixedGrid tr:nth-child(2) th:nth-child(1) {
        width: 6.2% !important;
    }
    .fixedGrid th:last-child {
        width: 4.8% !important;
    }
   
}
@media (min-width: 1025px) and(max-width: 1360px) 
{
    .fixed{
    top: 3%;
    position: fixed;
    width: auto;
    display: none;
    border: none;
    width: 98% !important;
    z-index: 999;
}
}

@media (min-width: 768px) and (max-width: 1360px) 
{
    .fixedGrid{
        top: 0px;
        position: fixed;
        width: auto;
        display: none;
        border: none;
        width: 98% !important;
        border-collapse:collapse;
        z-index: 999;
    }
}*/


.up{
    cursor: pointer;
}
.body{
    font-size: 12px;
}
#ErrMsg
{
    color: rgba(255, 61, 0, 0.9);
}
/*Trupti*/
#Maincontent
{
    min-height:510px !important;
}
#BudgetDataTable, #taskLibraryTreeView1{
    font-size: 12px !important;
}
.tblHeaderColumnLock {
  position: relative;
  width: 50% !important;
 /* background-color: transparent;*/
  overflow: hidden;
  border-collapse: collapse;
}


/*thead*/
.tblHeaderColumnLock thead {
  position: relative;
  display: block; /*seperates the header from the body allowing it to be positioned*/
  width: 69.2% !important;
  overflow: visible;
}

.tblHeaderColumnLock thead th {
  background-color: #99a;
  
  height: 25px !important;
  border: 1px solid #ccc;
}

.tblHeaderColumnLock thead th:nth-child(1) {/*first cell in the header*/
  position: relative;
  display: block; /*seperates the first cell in the header from the header*/
  background-color: #88b;
 /*min-width: 25% !important;*/
}
.tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(2),.tblHeaderColumnLock thead tr:nth-child(2)th:nth-child(5),.tblHeaderColumnLock thead th:nth-child(8),.tblHeaderColumnLock thead th:nth-child(11),.tblHeaderColumnLock thead th:nth-child(14),.tblHeaderColumnLock thead th:nth-child(17),.tblHeaderColumnLock thead th:nth-child(20)
{
    padding: 5px 59px;
}

.tblHeaderColumnLock thead tr:nth-child(2) th {/*first cell in the header*/
    min-width: 120px;
}
.tblHeaderColumnLock thead tr:nth-child(1) th:nth-child(1) {/*first cell in the header*/
    border-bottom: 1px solid #18AACC !important;
    
}
.tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(1) {/*first cell in the header*/
    min-width: 26px !important;
    border-top: 1px solid #18AACC !important;
    
}
.tblHeaderColumnLock tr:nth-child(odd) td{
    background: #e9eff4;
}
.tblHeaderColumnLock tr:nth-child(even) td{
    background: #FFF;
}
/*tbody*/
.tblHeaderColumnLock tbody {
  position: relative;
  display: block; /*seperates the tbody from the header*/
  width: 1327px !important;
  overflow-x: scroll;
}

.tblHeaderColumnLock tbody td {
  
  min-width: 120px;
  border: 1px solid #18AACC;
  padding: 5px 10px;
  
}

.tblHeaderColumnLock> tbody> tr> td:nth-child(1) {  /*the first cell in each tr*/
  position: relative;
  display: block; /*seperates the first column from the tbody*/
  /*height: 40px;*/
  text-align: left !important;
  min-width: 207px !important;

}
@media (max-width: 1368px) 
{
    
    .tblHeaderColumnLock thead tr:nth-child(1) th:nth-child(1)
    {
        padding:5px 113px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th {/*first cell in the header*/
        min-width: 120px;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(2),.tblHeaderColumnLock thead tr:nth-child(2)th:nth-child(5),.tblHeaderColumnLock thead th:nth-child(8),.tblHeaderColumnLock thead th:nth-child(11),.tblHeaderColumnLock thead th:nth-child(14),.tblHeaderColumnLock thead th:nth-child(17),.tblHeaderColumnLock thead th:nth-child(20)
    {
        padding: 5px 59px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(1) {/*first cell in the header*/
        min-width: 26px !important;
    }
    /*tbody*/
    .tblHeaderColumnLock tbody {
      position: relative;
      display: block; /*seperates the tbody from the header*/
      width: 1320px !important;
     /* height: 239px;*/
      
    }
    .tblHeaderColumnLock th:nth-child(1){
      /*  min-width: 207px !important;*/
    }
}

@media (max-width: 1360px) 
{
    
    .tblHeaderColumnLock thead tr:nth-child(1) th:nth-child(1)
    {
        padding:5px 113px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th {/*first cell in the header*/
        min-width: 120px;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(2),.tblHeaderColumnLock thead tr:nth-child(2)th:nth-child(5),.tblHeaderColumnLock thead th:nth-child(8),.tblHeaderColumnLock thead th:nth-child(11),.tblHeaderColumnLock thead th:nth-child(14),.tblHeaderColumnLock thead th:nth-child(17),.tblHeaderColumnLock thead th:nth-child(20)
    {
        padding: 5px 59px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(1) {/*first cell in the header*/
        min-width: 26px !important;
    }
    /*tbody*/
    .tblHeaderColumnLock tbody {
      position: relative;
      display: block; /*seperates the tbody from the header*/
      width: 1320px !important;
     /* height: 239px;*/
      
    }
    .tblHeaderColumnLock th:nth-child(1){
      /*  min-width: 207px !important;*/
    }
}
@media (max-width: 1024px) 
{
    .tblHeaderColumnLock th
    {
        padding:5px 10px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(1) th:nth-child(1)
    {
        padding:5px 113px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(2),.tblHeaderColumnLock thead tr:nth-child(2)th:nth-child(5),.tblHeaderColumnLock thead th:nth-child(8),.tblHeaderColumnLock thead th:nth-child(11),.tblHeaderColumnLock thead th:nth-child(14),.tblHeaderColumnLock thead th:nth-child(17),.tblHeaderColumnLock thead th:nth-child(20)
    {
        padding: 5px 59px !important;
    }

    .tblHeaderColumnLock thead tr:nth-child(2) th {/*first cell in the header*/
        min-width: 120px;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(1) {
        min-width: 46px !important;
    }
    /*tbody*/
    .tblHeaderColumnLock tbody {
      position: relative;
      display: block; /*seperates the tbody from the header*/
      width: 994px !important;
      
    }
}
@media screen and (max-width: 930px){
    .AddWrapp ul.Addview li {
        width: 45%;
    }
}

#contentLogin_contentMain_SearchProjectPopup_txtSearch,#contentLogin_contentMain_SearchTaskPopUp_txtSearch, #contentLogin_contentMain_SearchLabourPopUp_txtSearch,#contentLogin_contentMain_SearchEquipPopUp_txtSearch, #contentLogin_contentMain_SearchPopSupplier_txtSearch, #contentLogin_contentMain_SearchMaterialPopUp_txtSearch {
          /*  width: 75% ! important;*/
        }

.Select {
   /* width: 82%! important;*/
}
#contentLogin_contentMain_imgbtnImageUpload{
   /* border-style: none;*/
    height: 150px;
    
}
.imgDispBox
{
        border: 1px solid #cec7c7;
        }
/*.AddWrapp ul.Addview li div label
{
    text-align:left;
}

.AddWrappDiv{
    border:1px solid #ccc;
}
.AddWrapp ul.Addview
{
    width: 96%;
    border: none;
}
.AddWrapp h4
{
    padding:1%;
}*/
.btnwrapp
{
    text-align: center;
   /* margin-top: 6%;*/
}

.listView .UserTable tr td
{
    padding:0.6%;
}
/*============================= End Header and first Column Lock =====================
/*=========================== Budget Entry Css Start=========================================*/
/*=========================== Budget Entry Css End=========================================*/
.SelectedNode
{
    font-size:14px !important;
    font-weight:600 !important;
}


.level1-M {
    padding-left: 40px;
}
.level1-L {
    padding-left: 40px;
}
.level1-E {
    padding-left: 40px;
}
.level1-Q {
    padding-left: 40px;
}
.level1-D {
    padding-left: 40px;
}


.level2-M {
    padding-left: 60px;
}
.level2-L {
    padding-left: 60px;
}
.level2-E {
    padding-left: 60px;
}
.level2-Q {
    padding-left: 60px;
}
.level2-D {
    padding-left: 60px;
}

.level3-M {
    padding-left: 80px;
}
.level3-L {
    padding-left: 80px;
}
.level3-E {
    padding-left: 80px;
}
.level3-Q {
    padding-left: 80px;
}
.level3-D {
    padding-left: 80px;
}

.level4-M {
    padding-left: 100px;
}
.level4-L {
    padding-left: 100px;
}
.level4-E {
    padding-left: 100px;
}
.level4-Q {
    padding-left: 100px;
}
.level4-D {
    padding-left: 100px;
}

.level5-M {
    padding-left: 120px;
}
.level5-L {
    padding-left: 120px;
}
.level5-E {
    padding-left: 120px;
}
.level5-Q {
    padding-left: 120px;
}
.level5-D {
    padding-left: 120px;
}
.margin-right10
{
        margin-right: 10%;
}
.margin-botton4
{
        margin-bottom: 4px !important;
}

/*table thead {
    position: relative;
    
    width: 100% !important;
    overflow: visible;
}*/
th div{
  position: absolute;
  background: #18aacc;
  color: #fff;
  top: 7%;
  
  
  line-height: normal;
  
}
th:first-child div{
  border: none;
}

.popup
{
    height: 325px;
    width: 95%;
    position: absolute;
    margin-left: 2px;
    z-index: 10000;
    background: #fff;
}

.divProjectWBS
{
    
    width: 93.5%;
    position: absolute;
    margin-left: 2px;
    z-index: 10000;
    
}
.tblProjectWBS
{
    height: 300px;
    overflow: auto;
}
.filterCriteria .AddWrapp ul.Addview li > div .SumoSelect 
{
    width:93.5% !important;
    margin-top: 2%;
}

.SumoSelect > .CaptionCont {
     border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
     background-color: transparent !important;
   
}

.filterCriteria .AddWrapp ul.Addview li > div span span
{
    border:0px !important;
}

.help
{
    right: 3.5% !important;
    top: 32% !important;
    width: 36%;
}

.AddWrapp ul.Addview li div input[type=radio]
{
    display:none;
}

input[type="radio"] 
{
     display:none;
}

img
{
    max-width:none;
}
.btnRight
{
    padding-left: 4px !important;
}

#contentLogin_contentMain_SearchLabourPopUp_pnlSearchPopup, #contentLogin_contentMain_SearchTaskPopUp_pnlSearchPopup, #contentLogin_contentMain_SearchMaterialPopup_pnlSearchPopup, #contentLogin_contentMain_SearchLabourPopup_pnlSearchPopup, #contentLogin_contentMain_SearchEquipmentPopup_pnlSearchPopup
{
    width:auto !important;
}
#contentLogin_contentMain_SearchProjectPopup_txtSearch, #contentLogin_contentMain_SearchPopSupplier_txtSearch, #contentLogin_contentMain_SearchMaterialPopUp_txtSearch
{
    width:91% !important;
}

#divCopyProject span
{
    width:auto !important;
}

#contentLogin_contentMain_lblcopyprj
{
    color: #0485a3!important;
    font-size: 14px !important;
    font-weight: 600!important;
}

.modalPnlWBS
{
    border-style: Solid;
    height: 300px;
    position: absolute;
    height: 330px !important;
   /* width: 478px;*/
}
.height300
{
    height: 300px !important;
}
.scrollerTaskoperation
{
    background: #f9f7f0! important;
}

.fixedHeader-floating th
{
    text-align:center !important;
}
input
{
    font-size:13px !important;
}

.selectNodeA
{
    padding-left:3px;
}







/* CSS CLASSES FOR LOADER START */

 .modal
        {
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.5;
            -moz-opacity: 0.8;
            margin-left: -16px;
        }
        .center
        {
            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;
        }
        .center img
        {
            height: 160px;
            width: 160px;
        }


/* CSS CLASSES FOR LOADER END */


.custom ul.Addview li ul li
{
    width:100%!important;
}

a.calenderimg
{
    width:15px !important;
}

.conNode{
color: #298698!important;
}
.SelectedNode .SelectedNode{
    color:#DF9D02 !important;
}
.SelectedNode span{
    color:#DF9D02 !important;
}


 /* Responsive Table for 1024*768 resolution */
.perfectTable .table-custom-class{width: 100% !important;}
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   .perfectTable .table-custom-class{min-width:100% !important; overflow-x: auto !important;}
   .searchResult .AddWrapp .listView .bridgeInheritance.perfectTable table.table-custom-class tbody tr th, .searchResult .AddWrapp .listView .bridgeInheritance.perfectTable table.table-custom-class thead tr th { font-size:12px !important;}  
   .searchResult .AddWrapp .listView .bridgeInheritance.perfectTable table.table-custom-class tbody tr td{font-size:12px !important;}    
    }
        
 @media only screen and (max-width : 768px){
   .perfectTable .table-custom-class{min-width:1200px !important; overflow-x: auto !important;}
  }