html, body {height: 100%;}

/* General usage classes */
.center {text-align: center}
.clear {clear: both; height: 1px;}
.no-hero {background: transparent; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 0;} /* Style to use elements in a hero unit, but not the gray effect itself. */
.hero-unit {margin-bottom: 0;}
.btn-hero {min-width: 180px; margin: 0 20px;}
.btn i {margin: 0 3px 0 0;}
ul.nobullets {list-style-type: none; }
.photo {padding: 1px; background: white; -webkit-box-shadow: 0px 0px 2px 1px rgba(30, 30, 30, 0.2); box-shadow: 0px 0px 2px 1px rgba(30, 30, 30, 0.2);}

/* Bootstrap changes */
#dashboard-page .navbar-brand {padding: 4px; height: 60px;}
.navbar-nav > li > a {padding-bottom: 20px; padding-top: 20px;}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.popover-content {
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 15px;
    padding: 9px 14px;
}

/* fonts */
body, p, a {font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 13px;}

/* General Page Element Positioning and Styling */
body {background: white url(../images/linen.png) repeat left top;}

/* Projects Dashboard page */
.form-search h2 {font-size: 1.3em; line-height: 2.2em; margin: 0 15px 0 0; top: -11px; display: inline-block; position: relative;}
.form-search .search-query {width: 150px; margin: 0 10px;}
.form-search .form_div {margin-top: 5px; margin-left: -70px;}
input.search-query {
  background: white url(../images/search.png) no-repeat 10px 50%;
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 34px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}
#custom-search-input{
    padding: 0px;
    border: solid 1px #E4E4E4;
    border-radius: 15px;
    background-color: #fff;
    display: inline-block;
    width: 220px;
    margin-top: 0px;
}
#custom-search-input input{
    border: 0;
    box-shadow: none;
    border-radius: 15px;
}
#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}
#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}
#custom-search-input .glyphicon-search{
    font-size: 16px;
}
.row.projects {padding-top: 20px; padding-bottom: 5%;margin-bottom: 5px;}

.row.projects h3 {font-size: 18px; font-weight: bold; color: #585858; line-height: 20px; padding: 0;}
.row.projects h3 .number {float: left; margin: 0 10px 0 0; font-size: 24px; line-height: 24px; padding: 8px; text-align: center; color: white; min-width: 40px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.notstarted .number {background: #df2f39}
.onhold .number {background: #df8e2f;}
.completed .number {background: #2f41df;}
.inprogress .number {background: #92df2f;}
.default .number {background: #999;}

/*   */
.row.projects .cards {list-style-type: none; padding: 0; margin-left: 0; margin-top: 20px;}
.row.projects .cards > .panel-wrap {background: white; margin-top: 20px; display: block; padding: 0px; box-shadow: 0 1px 3px rgba(25,25,25,0.4); opacity:0.9; filter:alpha(opacity=200); position: relative;}
.row.projects .cards .link {display: block; color: #333c3e; padding: 0;}
.row.projects .cards .link:hover {text-decoration: none; }
.row.projects .cards .title {font-size: 18px; line-height: 20px; height: auto; font-weight: normal; color: #000; background: #eee none repeat scroll 0 0; margin: 0; padding: 10px 10px 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/*.row.projects .cards .title:hover {overflow: visible; white-space: normal; }*/
.row.projects .cards .inprogress-green {background: #79b828 none repeat scroll 0 0; color: #fff; margin: -5px -10px 0; padding: 9px 3px 10px 8px;}
.row.projects .cards .notstarted-red {background: #df2f39 none repeat scroll 0 0; color: #fff; margin: -5px -10px 0; padding: 9px 3px 10px 8px;}
.row.projects .cards .onhold-orange {background: #df8e2f none repeat scroll 0 0; color: #fff; margin: -5px -10px 0; padding: 9px 3px 10px 8px;}
.row.projects .cards .completed-blue {background: #3856b8 none repeat scroll 0 0; color: #fff; margin: -5px -10px 0; padding: 9px 3px 10px 8px;}
.row.projects .cards .view-details {background: transparent; font-size: 15px; color: #222; padding: 10px 8px 10px 10px; margin: 0; border-top: 1px solid #ddd;}
.row.projects .cards .status-details {border-bottom: 0px solid #eee; margin-bottom: 5px; padding-bottom: 5px;}
.row.projects .cards .milestone {background: transparent url(/static/images/icons/arrows.png) 6px 50% no-repeat; color: #555; padding: 10px 0 10px 30px; margin: 0px -10px -10px; border-top: 1px solid #ddd;}
.row.projects .cards .activity {margin: 10px 0;}
.row.projects .cards .type {margin: 10px 0;}
.row.projects .cards .info {/*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/}
.row.projects .cards .label {text-shadow: none; font-size: 12px; font-weight: bold; background: transparent; border: none; color: #333c3e;}
.row.projects .cards .type .info {/* background: #b5b5b5; font-weight: bold; color: white; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); padding: 3px 6px; -webkit-border-radius: 5px; border-radius: 5px; */ }
.row.projects .cards .dropdown {position: relative; top: 0; right: 0; background: #eee none repeat scroll 0 0;}
.row.projects .cards .dropdown-menu {z-index: 10000;}
.row.projects .cards .dropdown > a {display: inline-block; padding: 3px 9px; background: transparent;line-height: 36px;color: #0074cc;}
.row.projects .cards .dropdown > a i {opacity: 0.5;}
.row.projects .cards .dropdown > a:hover i {opacity: 1;}
.row.projects .users {background: #f4f0f0; margin: 0; padding: 10px 10px; border-top: 1px solid #ddd;}
.row.projects .users .photo {vertical-align: middle;}
.row.projects .users .more {color: #666; margin-left: 5px; line-height: 25px; }

.row.projects .completed .cards .milestone, 
.row.projects .completed .cards .type {display: none;}
.row.projects .cards .date { border-top: 1px solid #ddd; color: #666; display: block; margin: -10px -10px; padding: 10px 10px 10px 40px;}
.row.projects .cards .completed .date {background: transparent url(/static/images/icons/check.png) 10px 50% no-repeat;}
.row.projects .cards .aborted .date {background: transparent url(/static/images/icons/cross.png) 10px 50% no-repeat;}


/* Inner Pages  */
.page {display: block; background: white; border-radius: 10px; -moz-border-radius: 10px; padding: 10px; -webkit-box-shadow: 3px 3px 3px 0px rgba(30, 30, 30, 0.1);
box-shadow: 3px 3px 3px 0px rgba(30, 30, 30, 0.1);margin-bottom: 75px;}
.bootstrap-select > .dropdown-toggle {
    background: transparent none repeat scroll 0 0;
    height: auto;
    line-height: 20px;
    padding: 10px 25px 10px 10px;
    vertical-align: middle;
    width: 100%;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    width: auto;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #66afe9;
    color: #333;
}
.btn-group.open .dropdown-toggle{
  border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover{
    background-color: #fff;
    border-color: #66afe9;
}
.title-bar {text-align: center; padding: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.title-bar h3 {padding: 0px; margin: 0px; display: inline-block;}

/* dt dd  */
dd, dt {
    line-height: 2.429;
}
.dl-horizontal dt {
    background: #f3f3f3 none repeat scroll 0 0;
    border-bottom: 0 solid #fff;
    clear: left;
    float: left;
    margin-top: 0;
    overflow: hidden;
    padding: 5px 8px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
}
.dl-horizontal dd {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    font-size: 17px;
    margin-left: 160px;
    padding: 0 5px;
}

/* MODAL Box */
.modal-header {
    background: #e1e1e1 none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 6px 6px 0 0;
    min-height: 16.43px;
    padding: 15px;
}
.modal-footer {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}
.date-wrap {
    background: #f3f3f3 none repeat scroll 0 0;
    margin: -15px 0 1px;
    padding: 0;
    border-bottom: 1px solid #e4e4e4;
}
.date-wrap > table {
    font-size: 15px;
    margin: 0 auto;
    width: 100%;
}
.date-wrap td {
    padding: 10px 0;
}
.date-wrap td.fst-date {
    background: #fafafa none repeat scroll 0 0;
    border-right: 1px solid #e4e4e4;
    padding: 10px 5px 10px 15px;
    width: 16%;
}
.date-wrap td.scd-date {
    border-right: 1px solid #e4e4e4;
    font-weight: 700;
    padding: 10px 9px 10px 4px;
}


/* Dashboard Table View  */
.view-details table{
    width: 100%;
}
.view-details td {
    padding: 3px 2px;
}
.view-details td.hd-01 {
    font-size: 13px;
    font-weight: 300;
    min-width: 40%;
}
.view-details td.dot-01 {
    font-size: 13px;
    font-weight: 300;
    min-width: 10%;
}
.view-details td.tit-01 {
    font-size: 16px;
    font-weight: 300;
    min-width: 50%;
}

/* Table1  */
.table-view-details {
}
.table-view-details tr {
    border-bottom: 1px solid #fff;
}
.table-view-details th {
    background: #f3f3f3 none repeat scroll 0 0;
    border-top: medium none !important;
    width: 20%;
    text-align: right;
    padding: 14px 8px !important;
}
.table-view-details td {
    background: #f8f8f8 none repeat scroll 0 0;
    border-top: medium none !important;
    font-size: 15px;
    padding: 14px 8px !important;
}
/**/
.table-snap-details {
    margin: 0;
}
.table-snap-details tr {
    border-bottom: 1px solid #fff;
}
.table-snap-details th {
    background: #e8e8e8 none repeat scroll 0 0;
    border-top: medium none !important;
    width: 40%;
    text-align: right;
    padding: 14px 8px !important;
}
.table-snap-details td {
    background: #f8f8f8 none repeat scroll 0 0;
    border-top: medium none !important;
    font-size: 15px;
    padding: 14px 8px !important;
}

/* Reports */
.reports-wrap{}
.reports-wrap .panel-body {padding: 10px; text-align: center;}
.reports-wrap .panel-footer{padding: 5px 15px;}
.reports-wrap .panel-footer h4{margin: 0; padding: 0; text-align: center; color: #222;}
.reports-wrap .panel-footer h4:hover{color: #08c;}

/* ERROR Text  */
.error-wrap {
    position: absolute;
    top: 67px;
    width: 40%;
    left: 29%;
    z-index: 99999;
}
.alert{
	border: 0px solid transparent;
}
.alert-danger {
    color: #FFFFFF;
    background-color: #F14A4A;
    border-bottom: 3px solid #860A0A;
    padding: 11px 10px;
    border-radius: 0 0 5px 5px;
}
.alert-dismissable .close, .alert-dismissible .close{
	right: 2px;
}
.alert-success {
    color: #FEFEFE;
    background-color: #88DC65;
    border-bottom: 3px solid #199219;
    border-radius: 0 0 5px 5px;
    padding: 11px 10px;
}

/* Snap Shot Table */
.table.tree-2 th {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
.table .table-sub {
    margin: 0;
    position: relative;
}
.tree-icons span {
    display: none;
}

/* NOTE  */
.note-lakhs{
	color: #EC0000;
    font-size: 15px;
    text-align: left;
    position: relative;
    margin: 0;
    top: 10px;
}
.note-lakhs i{
	font-size: 10px;
}

/* Footer */
#footer {
  position: fixed;
  margin-top: 15px; /* negative value of footer height */
  bottom: 0;
  height: auto;
  clear:both;
  background: #f2f2f2;
  width: 100%;
  z-index: 10;
} 
#footer .links {padding: 16px 0; text-align: center;}
#footer .links p {color: #414141; margin: 0;}