body {
    font-size: 12px;
}
.body-user {
    width: 100%;
    height: 100%;
}
.page-user {
    width: 400px;
    height: 420px;
    background: #eee;
    margin: 10px auto;
    box-shadow: 0 0 3px #AAA;
    border-radius: 5px;
}
.page-user-title {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #e7e7e7;
    border-bottom: 2px solid #019cde;
    font-size: 20px;
    color: #555;  
}
.page-user-content {
    padding: 0 20px;
}
.myshadow {
    /*margin-top: 5px;*/
    /*box-shadow: 0 0 5px black;*/
    padding:0 15px 0 15px;
    border-radius: 5px;
    min-height: 700px; 
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}    
.fa {
    font-size: 18px;
    margin-right: 3px;
}
/*.myshadow {
    margin-top: 5px;
    box-shadow: 0 0 20px black;
    padding:0 15px 0 15px;
    border-radius: 5px;
    min-height: 700px; 
    margin-left: 15px;
    margin-right: 15px;
}    */
#page #content {
    float: left;
    width: 100%;
    padding:10px 10px 20px 10px;
/*    border-radius: 5px;    
    box-shadow: 0 0 3px #aaa;*/
}

#footer {
    float: left;
    width: 100%;
    line-height: normal;
    margin: 10px 20px;
    padding: 10px;
    text-align: center;
    font-size: 0.8em;
    color:#777;
}
#footer a {
    color:#777;
}
.main-menu {
    float: left;
    padding-top: 20px;
/*    padding-left: 20px;*/
}
.right-menu li:last-child {
    font-size: 12px;
}
nav.navbar-main {
    margin-top: 2px;
    border-radius: 7px;
    background-color: #faeaef; /* #f1f1f1; */
    
}
.navbar-header {
    min-height: 70px;
}
img.logo1 {
    margin-right: 20px;
    height: 45px;
    /*width: 90px;*/
}
.login-form {
    width: 350px;
    margin: 0 auto;
}
/*.page-title {
    margin: 30px 0;
    padding-bottom: 20px;
    padding-left:5px;
    border-bottom: 1px solid #019cde;
    color: #666;
    font-size:22px;
}*/
.page-title {
    float:left;
    width: 100%;
    margin: 20px 0;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 5px;
    border-bottom: 1px solid #019cde;
    /*color: #666;*/
    font-size: 18px;
    background-color: #428bca;
    /*border-color: #428bca;*/
    color: #fff;  
    margin-bottom: 5px;
    /*margin-top: 25px;*/
    text-align: left;
}
.page-title small {
    color: #fff;    
}
h2 {
    font-size: 18px;
}
.application-title {
    padding-bottom: 75px;    
}
.approved-amount {
    float: left;
    width: 100%;
    padding-top: 10px;
    color: #2a6496;
    font-size:18px;
}
.approved-amount p {
    margin: 5px 0 0 40px;
}
.grid-view table.items thead tr {
    background: linear-gradient(to bottom, #f8f8f8, #ececec) repeat-x scroll 0 0 #f3f3f3;
}
.grid-view table.items thead tr th,
.grid-view table.items thead tr th a {
    padding: 5px 0;
    text-align: center;
    /*color: #707070;*/
    font-weight: bold;
    font-size: 1.0em !important; 
}
.editable-container {
    position: fixed;
    z-index: 1000;    
}
.ui-accordion-header {
    font-size: 16px;
}
.ui-accordion-content {
    /*overflow:  visible  !important;*/
    
}
.grid-label {
    text-decoration: underline;
    margin-right: 5px;
}
.grid-date {
    width: 90px;
    text-align: center;
}
.grid-buttons {
    text-align: center !important;
    vertical-align: middle !important;
}
.grid-buttons img {
    width: 24px;
}
.grid-buttons-1 { /* one button in the column */
    width: 24px;
}
.grid-buttons-2 { /* two buttons in the column */
    width: 53px;
}
.grid-buttons-3 { /* three buttons in the column */
    width: 72px;
}
.yii-wizard {
}
.yii-wizard-pager {
    padding: 10px 0;
    text-align: right;
}
.yii-wizard-pager .btn {
    margin-right: 5px;
    background: #fff;
    color: #0088cc;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.yii-wizard-pager .btn:hover {
    background: #eee;
    color: #555;
}
.yii-wizard-pager .btn.disabled {
    color: #999999;
}

.yii-wizard ul.nav-tabs:first-child {
    border-bottom: none;
}
.yii-wizard ul.nav-tabs:first-child li a {
    display: block;
    padding: 10px 45px 10px 10px;
    position: relative;
    border:none;
/*    border-radius: 0px;*/
    background-color: #0178ab;
    color: #eee;
}
.yii-wizard ul.nav-tabs:first-child li a:after {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 45px;
        height: 100%;
        content: " "; 
        background-image: url("../images/arrow-right.png");
        background-position: right;
        background-repeat: no-repeat;
}
.yii-wizard ul.nav-tabs:first-child li.active a:after,
.yii-wizard ul.nav-tabs:first-child li:hover a:after {
        background-image: url("../images/arrow-right-active.png");
}
.yii-wizard ul.nav-tabs:first-child li.disabled a:after {
        background-image: url("../images/arrow-right-disabled.png");
}
.yii-wizard ul.nav-tabs:first-child li.active a,
.yii-wizard ul.nav-tabs:first-child li a:hover,
.yii-wizard ul.nav-tabs:first-child li a:focus {
    border:none;
    background-color: #428bca;
    color: #fff;
}
.yii-wizard ul.nav-tabs:first-child li.disabled a {
    background-color: #ddd;
    color: #999;
}
.yii-wizard .tab-content .tab-pane,
.yii-wizard .pill-content .pill-pane {
    margin: 20px 0;
    border: 1px solid #ddd;
}
.application-wizard .tab-content .tab-pane,
.application-wizard .pill-content .pill-pane {
    border: none;
}
.yii-wizard .tab-content .tab-pane tr:first-child th,
.yii-wizard .tab-content .tab-pane tr:first-child td,
.yii-wizard .pill-content .pill-pane tr:first-child th,
.yii-wizard .pill-content .pill-pane tr:first-child td{
    border-top: none;
}
.forget-password {
    margin-left: 20px;
}
.form-toolbar {
    text-align: center;
}
.form-toolbar button {
    margin-right: 5px;
}
.detail-section {
    background: #c9c9c9 !important;
    border-color: #c9c9c9 !important;
    padding: 15px 10px 10px 10px !important;
    color:#fff !important;
    font-size: 16px !important;
    text-align: left !important;



    vertical-align: bottom !important;
}
.grid-header-left {
	text-align: left !important;
	padding-left: 10px !important;
}
.grid-header-bold {
	font-weight: bold !important;
}

.display-none {display:none;}
.float-none, .f-none {float: none;clear: both;}
.float-left, .f-left {float: left;}
.float-right, .f-right {float: right;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.margin-5 {	margin: 5px;}
.margin-5-0 {margin: 5px 0;}
.margin-0-5 {margin: 0 5px;}
.padding-5 {padding: 5px;}
.padding-5-0 {padding: 5px 0;}
.padding-0-5 {padding: 0 5px;}
.margin-10 {	margin: 10px;}
.margin-10-0 {margin: 10px 0;}
.margin-0-10 {margin: 0 10px;}
.padding-10 {padding: 10px;}
.padding-10-0 {padding: 10px 0;}
.padding-0-10 {padding: 0 10px;}
.margin-20 {	margin: 20px;}
.margin-20-0 {margin: 20px 0;}
.margin-0-20 {margin: 0 20px;}
.padding-20 {padding: 20px;}
.padding-20-0 {padding: 20px 0;}
.padding-0-20 {padding: 0 20px;}
.info {
	font-size:12px;
	color:#aaa;
}
.italic {font-style:italic;}
.font-red, .color-red {color:#F00;}
.font-pink, .color-pink {color:pink;}
.font-green {color:#090;}
.font-12 {font-size:12px;}
.yii-wizard .nav-tabs li {
	position:relative;
}
.yii-wizard .nav-tabs .badge {
	position:absolute;
	top:-10px;
	right:43px;
	z-index:999;
	color: #fff !important;
	font-weight:bold;
}
.yii-wizard .nav-tabs .badge.alert-warning {
	background-color: #F00 !important;
	border-color: #F00 !important;
}
.yii-wizard .nav-tabs .badge.alert-success {
	background-color:#090 !important;
	border-color: #090 !important;
}
.yii-wizard .nav-tabs li.disabled .badge.alert-warning,
.yii-wizard .nav-tabs li.disabled .badge.alert-success {
	background-color: #aaa !important;
	border-color: #aaa !important;
}
.panel .detail-view tbody tr:last-child th,
.panel .detail-view tbody tr:last-child td {
	border-radius:5px;
}
.form-date {
	min-width:125px !important;
	width:125px !important;
}
.form-checkbox {
    margin: 10px 5px 0px 5px!important
}
.well-bg {
	background:#f5f5f5;
}
.tab-well-border .tab-content {
	border: 1px solid #e3e3e3;
	border-top:none;
	border-radius: 0px 0px 4px 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.excel .tab-content{
	padding:20px 10px;
}
.excel .tab-content table {
	min-width:75%;
}
.excel table td, .excel table th {
	padding:0 5px;
}
#proposal-settings table {
	width:100%;
	margin-top:15px;
	border-top:1px #999 solid;
}
.detail-view th.panel {
	padding:0;
	text-align:left;
	font-weight:normal;
/*	border-left: 1px solid #428bca;*/
	border-right: 1px solid #428bca;
}
.detail-view th.panel-primary {
	border-top: 1px solid #428bca;
	border-bottom: 1px solid #428bca;
}
.detail-view th.panel-info {
	border-top: 1px solid #bce8f1;
	border-bottom: 1px solid #bce8f1;
}

.detail-view th.panel .panel-heading {
	border-radius:0;
}
.modal .grid-view {
	padding-top:0;
}
.assign-contractor {
	cursor:pointer;
}
.assign-contractor:hover {
	text-decoration:none;
}
.panel-heading .glyphicon {
	margin-right:5px;
}
.panel .grid-view:first-child {
	padding-top:0px;
}
.detail-view.th-190 th {
	width:190px;
}
.editable:after {
	font-family: 'Glyphicons Halflings';
	content: "\e065";
	padding-left:5px;
	color:#999;
	font-size:12px;
	/*	content: " (click to edit)";
	font-style:italic;*/
}
/*.editable.required:before {
	font-family: 'Glyphicons Halflings';
	content: "\e006";
	vertical-align:top;
	padding-right:5px;
	color:red;
	font-size:7px;
	font-style:normal;
}*/
.step-confirm {
	margin-left:10px;
}
.editable-buttons .btn-primary.editable-submit .glyphicon-ok {
	font-family:inherit;
	font-style:normal;
}
.editable-buttons .btn-primary.editable-submit .glyphicon-ok:before {
	content:"OK";
}
.alert i.fa {
	float:left;
	margin-right:5px;
}
.grid-empty {
    padding: 10px;
    background: #eee;
    border-radius: 5px;    
}
.tab-info {
    padding: 0 20px;
    font-size: 14px;
    font-style: italic;
}
.navbar-collapse {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.required-label {
    color: #C00;
}
.required-label span.required {
    margin-left: 5px;
    color: red;
    font-size: 18px;
    font-weight: bold;
}

a.read-more,
a.read-more-hide {
    cursor: pointer;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}
a.read-more-hide {
    font-size: 0.8em;
}
.read-more-extra {
    display: none;
}
.grid-view.Lender {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.grid-alert .alert {
    margin-top: 20px;
    margin-bottom: 0 !important;
    margin-left: 5px;
    margin-right: 5px;    
}
.tooltip-link {
    cursor: pointer;
}
.tooltip-inner {
    text-align: left;
}
.detail-view-th-240 th {
    width: 240px !important;
}
.detail-view th {
    padding-right: 10px !important;
}
.dropdown-menu .divider {
    margin: 5px 0;
}

/*Dashboard*/
.dh-row {
    float: left;
    width: 100%;
}
.dh-col-2 {
    float: left;
    width: 50%;
}
.dh-item-wrapper {
    margin: 10px;
}
.dh-item {
    height: 550px;
}
.dh-row .form-filter {
    padding: 10px 5px;
    margin-bottom: 0;
    border-radius: 0;   
}
.dh-row .form-filter label {
    font-weight: normal !important;
}
.dh-row .form-filter select {
    max-width: 100px;
}


.section-title {
    float: left;
    width: 100%;
    margin: 30px 0 10px 0;
    padding-bottom: 5px;
    padding-left: 5px;
    border-bottom: 1px solid #e7e7e7;
    color: #666;
    font-size: 20px;
}
.f-left,
.float-left {
    float: left;
}
.f-right,
.float-right {
    float: right;
}
.w-100 {
    width: 100%;
}
.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}
.w-75 {
    width: 75%;
}
.w-70 {
    width: 70%;
}
.w-60 {
    width: 60%;
}
.w-50 {
    width: 50%;
}
.w-55 {
    width: 55%;
}
.w-45 {
    width: 45%;
}
.w-40 {
    width: 40%;
}
.w-33 {
    width: 33%;
}
.w-30 {
    width: 30%;
}
.w-25 {
    width: 25%;
}
.w-20 {
    width: 20%;
}
.w-10 {
    width: 10%;
}

.grid-view .summary {
    font-size:12px;
}
.grid-view table.items th, .grid-view table.items td {
    border: 1px solid #ddd !important;
    padding: 7px 5px !important;
    vertical-align: middle;
    font-size: 1.0em;
}
.grid-view table.items th {
    background: inherit !important;
    color: #707070 !important;
/*    font-weight: normal !important;*/
}
.grid-view table.items th a {
    color: #707070 !important;
/*    font-weight: normal !important;*/
}
.editable-empty, .editable-empty:hover, .editable-empty:focus {
  color: #DD1144 !important;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    font-weight: bold;
}
.badge {
    /*display: inherit;*/
    padding: 2px 7px;
}
.tag-cel-yellow {
    background-color: #fcefa1;
}
.tag-cel-blue {
    background-color: lightskyblue;
}
.tag-cel-green {
    background-color: lightgreen;
}
.tag-cel-red {
    background-color:  lightcoral;
}
.tag-cel-orange {
    background-color: #FBB450;
}
.tag-row-deleted {
    text-decoration: line-through;
    color: gray;
    /*background-color: lightgray;*/
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

@media (max-width: 769px) {
    .dh-col-2 {
        width: 100%;
    }
    .dh-item-wrapper {
        margin: 10px 0;
    }
    .dh-item {
        height: 300px;
    }
}

.btn-word {
    width: 24px;
    height: 24px;
    background-image: url(../images/word-24.png);
    background-color: transparent;
    border: none;
    cursor: pointer;
}

#milestone-grid .separator {
    width: 0px;
    background-color: lightgray;
    /*border-left: 1px solid black !important;*/
    /*border-right: 1px solid black !important;*/
}
#dialogMilestone .modal-dialog {
    width: 800px;
}
#milestone-grid .button-column {
    text-align: center;
    width: 10px! important;
}
select.dis-preset {
    width: 100%;
    background: #f3f9f6;
    border-color: #6fa987;
    color: #333;
}