body {
    
    padding-bottom: 20px;
    
    overflow-x:hidden;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select {
    max-width: 280px;
}*/

td.buttonBar,  div.BarColor, tr.BarColor td.buttonBar:hover,  div.BarColor:hover, tr.BarColor:hover {
    background-color:silver; 
    width:100%;
}

div.SolidBorder {
     border: 1px groove #ddd !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.noBorder>tbody>tr>th, .noBorder>tbody>tr>td
{ 
     border-top: none; 
     border: 0;
 }
.RowPadding
{
    padding: 10px;
}
.SolidBorderLine>thead>tr, .SolidBorderLine>tbody>tr
{ 
     border: 1px solid silver;
 }
.HeadingColor>thead>tr
{
    background-color:silver;
}
.SelectRowColor {
    background-color:#e8e8e8;
}
.DeleteImages{
background:no-repeat url(../Images/Delete.png) 0 0;
height:16px;
width:16px;
overflow:hidden;
float:left;
border:none;
display:inline;
}
.map-fixed {
    position: fixed;
    width : 100%;
}
.RedStar {
   color:red;
}
.LinkButton, .LinkButton:visited {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: normal 14px Arial;
    text-decoration: none;
    background-color: cornflowerblue;
    color: white;
    padding: 5px 8px 5px 8px;
    margin: 2px 6px 2px 6px;
   
}
.LinkButton:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: normal 14px Arial;
    text-decoration: none;
    background-color: #527897;
    color: white;
    padding: 5px 8px 5px 8px;
    margin: 2px 6px 2px 6px;
    
}

.Custombutton {
	background-color:#768d87;
    color:white;
}
.Custombutton:hover {
	background-color:#6c7c7c;
}
.Custombutton:active {
	position:relative;
	top:1px;
}

.MultiSelect { 
    background: white; 
    border: 1px double #DDD; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px #333; 
    color: #666; 
    outline: none; 
}
.DisableFont {
    color:#b1a9a9;
    font-size:small;
}
.ListBoxCSS {
BORDER-RIGHT: #333 1px solid; 
BORDER-TOP: #333 1px solid; 
BORDER-LEFT: #333 1px solid; 
BORDER-BOTTOM: #333 1px solid; 
COLOR: black; 
FONT-FAMILY: Tahoma; 
text-indent:2px; 
BACKGROUND-COLOR: #F3F3F3;
width:280px;
}
.ArrowButton{
 
    font: normal 10px Arial;
    text-decoration: none;
    background-color: #444;
    color: white;
    width:28px;
    height:28px;
    padding:5px;
    margin:5px;
}

.TextBoxCSS:-moz-placeholder {
    color: #999;
}

.TextBoxCSS::-moz-placeholder {
    color: #999;
}

.TextBoxCSS:-ms-input-placeholder {
    color: #999;
}

.TextBoxCSS::-webkit-input-placeholder {
    color: #999;
}

.TextBoxCSS {
    font-size: 13px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #6297BC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .TextBoxCSS:focus {
        border-color: #6297BC;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    }

    .TextBoxCSS[disabled], .TextBoxCSS[readonly], fieldset[disabled] .TextBoxCSS {
        cursor: not-allowed;
        background-color: #eee;
    }

textarea.TextBoxCSS {
    height: auto;
}
.has-warning .TextBoxCSS {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .TextBoxCSS:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.has-error .TextBoxCSS {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .TextBoxCSS:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.has-success .TextBoxCSS {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .TextBoxCSS:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    background: #FEF1EC !important;
    border: 1px solid #CD0A0A !important;
}
div.input-validation-error {
    padding:0;
    height:auto;
    min-height: 25px;
    background:transparent url('../Images/MultiSlect.png') top right no-repeat;
    width:100%;
    border: 1px solid #CD0A0A;
}

.MultiSelectTextBox {
     
    padding:5px;
    height:auto;
    min-height: 23px;
    background:transparent url('../Images/MultiSlect.png') right no-repeat;
    border: 1px solid #ccc; 
    width:100%;
    /*float:right;*/
}
.UpImage {
background:no-repeat url(../Images/up-icon.png) 0 0;
height:16px;
width:16px;
overflow:hidden;
float:left;
border:none;
display:inline;
}
.DownImage {
background:no-repeat url(../Images/down-icon.png) 0 0;
height:16px;
width:16px;
overflow:hidden;
float:left;
border:none;
display:inline;
}
.InvisibleFont {
    color: silver;
}
.displayNone {
    display:none;
}
.displayInline {
    display:inline;
}
.LogoPictureStyle {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-box-shadow:5px 1px 1px #bbb;
    -o-border-radius:5px;
    -o-box-shadow:5px 1px 1px #bbb;
    -moz-box-shadow:5px 1px 1px #bbb;
}

/*.disabled{
    width: 40px;
    height: 20px;
   background: url(../Content/assets/img/disabled.png) no-repeat;
    cursor: pointer;
    /*float:left;*/
    /*text-align:center;*/
    /*margin-right:6px;}*/
.enabled{
    width: 40px;
    height: 20px;
   background: url(../Content/assets/img/enabled.png) no-repeat;
    cursor: pointer;
    text-align:center;
    /*float:left;*/
    /*margin-right:6px;*/
}

.EPSimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/EPSicon.png) no-repeat;
    
    cursor: pointer;
    float:left;
    margin-right:6px;
}
.PNGimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/PNGicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:0px;

}
.SWFimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/SWFicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.ICOimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/ICOicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.PSDimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/PSDicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.FLAimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/FLAicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.BMPimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/BMPicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.JPGimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/JPGicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.GIFimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/GIFicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.docximage{
    width: 20px;
    height: 20px;
   background: url(../Content/assets/img/DOCXicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.PDFimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/PDFicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:0px !important;

}

.CSVIcon{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/CSVIcon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.Excelimage{
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/XLSicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.AutoCADimage{
    width: 20px;
    height: 20px;
     background: url(../Content/assets/img/autocad.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}

.DWGimage{
    width: 20px;
    height: 20px;
     background: url(../Content/assets/img/DWG.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:0px;

}
.TXTimage{
    width: 20px;
    height: 20px;
     background: url(../Content/assets/img/txtIcon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}

.ZIPimage{
    width: 20px;
    height: 20px;
     background: url(../Content/assets/img/ZIPicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.pptimage{
    width: 20px;
    height: 20px;
     background: url(../Content/assets/img/PPTicon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}

.Audioimage{
    width: 20px;
    height: 20px;
     background: url(../Content/assets/img/audioIcon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}
.Videoimage{
    width: 20px;
    height: 20px;
     background: url(../Content/assets/img/VideoImage.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}

.PhysicalS{
    width: 20px;
    height: 20px;
     background: url(../Content/assets/img/PhysicalS.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;
    }

.Otherimage {
    width: 20px;
    height: 20px;
    background: url(../Content/assets/img/OtherIcon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;

}

.LockIcon{
    width: 16px;
    height: 16px;
     background: url(../Content/assets/img/lock-icon.png) no-repeat;
    cursor: pointer;
    float:left;
    margin-right:6px;
}

.UnLockIcon{
    width: 16px;
    height: 16px;
     background: url(../Content/assets/img/unlock-icon.png) no-repeat;
    cursor: pointer;
    float:left;
        margin-right:6px;
}
.xerIcon{
    width: 16px;
    height: 16px;
     background: url(../Content/assets/img/primavera.jpg) no-repeat;
    cursor: pointer;
    float:left;
        margin-right:6px;
}
.downlinkImage{
    /*background: url(../Images/icons/icon_down.png) no-repeat;*/
    cursor: pointer;
    vertical-align:middle;
    padding-top:5px;
    padding-left:5px;
}
div.dropdown {
color: #555;
width: 15px;
position: relative;
height: 17px;
text-align:left;
padding-left:25px;
}
div.submenu
{
background: #fff;
position: absolute;
top: -12px;
left: -20px;
z-index: 100;
width: 135px;
display: none;
margin-left: 10px;
padding: 40px 0 5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
.dropdown  li a {
   
    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
  cursor: pointer;
text-decoration:none;
}

.dropdown li a:hover{
    background:#155FB0;
    color: #FFFFFF;
    text-decoration: none;
    
}
a.mainMenu {
font-size: 11px;
line-height: 16px;
color: #555;
position: absolute;
z-index: 110;
display: block;
padding: 5px 0 0 20px;
height: 28px;
width: 121px;
margin: -11px 0 0 -10px;
text-decoration: none;
background: url(icons/arrow.png) 116px 17px no-repeat;
cursor:pointer;

}
.root
{
list-style:none;
margin:0px;
padding:0px;
font-size: 11px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;
	
	
}
.link{
    color: #337ab7 !important;
    text-decoration: none;
}
.link:hover{
  text-decoration: none !important;
}
.FixedHeightContainer
{
  float:left;
  min-height: 580px;
  height:auto;
  width:100%; 
  padding:13px 0px 13px 0px;
  border-color:lightgray !important;
  margin-top:10px; 
 
}
.Content
{
  height:auto;
  overflow:auto;
  background:#fff;
}
.Content > table > thead > tr > td {
    font-weight: bold;
    }
.Content > table > tbody > tr > td {
   cursor:pointer;
    }
.text-box {
    max-width:100%;
    width:100%;
    padding: 3px;
}
.k-dropdown {
       width:100% !important;
}
.k-dropdown-wrap {
    padding:0px !important;
}
.row-heading {
    border-bottom: 1px solid #ccc;padding: 5px;margin-top:15px;margin-bottom:15px;
}
.buttonBar {
      background: gainsboro;
  text-align: right;
  padding:5px;
}
#expander {
  right: 0px;
  position: absolute;
}
#gbox_datagrid {
     margin-top: -8px;
}
/*.ui-widget-content, .ui-jqgrid-view, .ui-jqgrid-hdiv, .ui-jqgrid-bdiv, .ui-jqgrid-btable, .ui-jqgrid-htable {
         width: 100% !important;
}*/

/*Portfolio Start*/
  .project-data{
            display: table;
            width: 100%;  
        }
        .project {
            width:100%;
            display:table;
        }
        .list > .project {
            border:1px solid #aaa;
            margin-top: 15px;
            padding: 10px;
        }
        .map {
            margin-top:15px;
              width: 100%;
            height: 500px;
        }
        .thumb > .project {
              border:1px solid #aaa;
              margin-top: 15px;
              padding: 10px;
              width: 23%;
              float: left;
              margin-right: 10px;
              margin-left: 10px;
        }
        .Project-logo {
            float:left;
              width: 21%;
        }
        .list > .project > .Project-logo {
            float:left;
              width: 5%;
        }
        .info {
            float:right;
              width: 75%;
        }
        .list > .project > .info {            
              width: 94%;
        }
       
/*Portfolio End*/

/*Tabs*/
.tabs {
    list-style:none;
      margin-left: -40px;
}
.tabs li {
    display:inline;
    padding-right:5px;
    border-left:1px solid #bbb;
    padding-left: 10px;
}
.tabs li:first-child {
        border-left:none;
    }
/*Tabs END*/

/*Tree START*/
 #container {
        min-width: 320px;
        margin: 0px auto 0 auto;
        background: white;
        border-radius: 0px;
        padding: 0px;
        overflow: hidden;
    }
    #masterCostCodeTree{
        float: left;
        width: 50%;
        border-right: 1px solid;
        min-height: 415px;
    }
    #projectCostCodeTree{
        float: left;
        width: 47%;
        margin-left:25px;
    }
    #tree {
        float: left;
        min-width: 319px;
        border-right: 1px solid silver;
        overflow: auto;
        padding: 0px 0;
    }
  
    #tree .folder {
        background: url('~/Content/images/file_sprite.png') right bottom no-repeat;
    }

    #tree .file {
        background: url('~/Content/images/file_sprite.png') 0 0 no-repeat;
    }
/*Tree END*/