@font-face {
	font-family: 'MarkPro';
	src: url('Fonts/MarkPro/MarkPro.otf')
		 format('opentype');
}

@media(max-width:768px) {
    .pagecontainer {
        margin-left: 0px !important;
        margin-top: 100px !important;
    }
}

@media(max-width:1344px) {
    .narrow-hidden {
        display: none !important; 
    }
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

body {
    padding-bottom:25px;
    /*margin-top: 50px !important;*/
    font-family: MarkPro !important;
    font-size:14px !important;
}

/*Custom nav bar coloring*/
.navbar-custom {
    background-color: #2b2937;
    color: #ffffff;
    border-radius: 0;
}

    .navbar-custom .navbar-nav > li > a {
        color: #fff;
    }

    .navbar-custom .navbar-nav > .active > a {
        color: #ffffff;
        background-color: transparent;
    }

        .navbar-custom .navbar-nav > li > a:hover,
        .navbar-custom .navbar-nav > li > a:focus,
        .navbar-custom .navbar-nav > .active > a:hover,
        .navbar-custom .navbar-nav > .active > a:focus,
        .navbar-custom .navbar-nav > .open > a {
            text-decoration: none;
            background-color: #33aa33;
        }

    .navbar-custom .navbar-brand {
        color: #eeeeee;
    }

    .navbar-custom .navbar-toggle {
        background-color: #eeeeee;
    }

    .navbar-custom .icon-bar {
        background-color: #33aa33;
    }



.chicago {
    /*background-image:url(../Content/Images/chicago-skyline.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 20;*/
}


.ui-widget-content{
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    font-family: MarkPro;
}

.ui-menu-item {
    border-radius: 3px;
}

/*.ui-state-focus {
    border-top-color:ghostwhite !important;
    border-bottom-color:ghostwhite !important;
}*/

table th, td {
  border-left: none !important;
  border-right: none !important;
}


#gridLeaseSummary th:nth-child(5) { text-align: right;}
#gridLeases th:nth-child(2) { max-width: 230px !important;}
#gridLeases td + td { max-width: 230px !important;white-space:pre;overflow:hidden}
#gridLeases th:nth-child(7), 
#gridLeases th:nth-child(8), 
#gridLeases th:nth-child(9),
#gridLeases th:nth-child(10) { text-align: right;}
#gridChecks th:nth-child(5) { text-align: right;}
#gridExpenses th:nth-child(6) { text-align: right;}
#gridRevenues th:nth-child(7) { text-align: right;}
#gridTransactions th:nth-child(5) { text-align: right;}
#gridDeposits th:nth-child(5) { text-align: right;}
#gridTenantTransactions th:nth-child(6) { text-align: right;}
#gridTenantDeposits th:nth-child(2) { text-align: right;}

.no-margin {
    margin: 0px 0px 0px 0px !important;
}

.import-labels {
    margin: 0px 0px 0px 35px !important;
}

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

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

.wide-input {
    max-width: 350px;
}

.max-width {
    max-width: 100% !important;
}

.black-background {
    background-color: #222 !important;
}

.input-group {
    max-width: 280px !important;
}

.topmost {
   position:relative;
   z-index:1000;
}

.gridrow-green {
    color: #025333;
    background-color: #b5f99a !important;
    border-color: #4F8B60 !important;
}

.gridrow-red {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.gridrow-yellow {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.gridrow-grey {
    color: #222;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}

.panel-grey {
  border-color: #e8e8e8;
}

.panel-grey > .panel-heading {
  color: #353534;
  background-color: #fcfcfc;
  border-color: #e8e8e8;
}

.panel-grey > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e8e8e8;
}

.panel-grey > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e8e8e8;
}

/*#popup {
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; 
    margin-left: -15em;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}*/

.pagecontainer {
    /*width:100%;*/
    /*height:100%;*/
    padding:25px;
    margin-left: 225px;
    margin-top: 50px;
}

    .gridview td  {
        padding: 0px 2px 0px 2px;
    }

    .column-30 {
        width:30px;
    }

    .wider {
        width:350px;
        max-width:350px;
    }

    /*table.table td, table.table th {
          border-left: 0px solid white !important;
          border-right: 0px solid white !important;
    }*/

    .gridview th {
        padding: 0px 3px 0px 3px;
        text-align: left;
    }

    input[type=checkbox] {
        vertical-align: middle;
        position: relative;
        bottom: 1px;
    }

    .hideGridColumn
    {
        display:none;
    }

    .openLeases
    {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1 !important;
        height:50px;
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
    }

    .outlineDivGreen
    {
        color: #025333;
        background-color: #b5f99a !important;
        border-color: #4F8B60 !important;
        height:50px;
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
    }

    .outlineDivBlue
    {
        color: #003152;
        background-color: #73C2FB !important;
        border-color: #0F52BA !important;
        height:50px;
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
    }

    .borderedGrid
    {
        border: 1px solid #ddd;
        min-height: .01%;
        overflow-x: auto;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        box-sizing: border-box;
        background-color: transparent;
        border-spacing: 0;
        border-collapse: collapse;
    }

.side_nav_button
{
width:100%;
height:50px;
background-color:#222222;
border:none !important;
border-width:0 !important;
font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
color:#ADA4A4;
text-decoration:none;
font-weight:700;
font-size:15px;
line-height:50px;
padding:0 15px;
}


.side_nav_button:hover 
{

background-color:#000000;
cursor:pointer;

}

.table.table-bordered.table-hover.table-condensed th a {
	color: black;
}

.table.table-bordered.table-hover.table-condensed th a:hover {
	text-decoration:none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}