/* 
    Document   : style
    Created on : Dec 29, 2013, 1:52:12 PM
    Author     : fouraxiz
    Description: Stylesheet contains common css of the Construction Management System.
*/

/* Css for DataTable*/
#accordion,#page-wrapper,#move,.breadcrumb{
    margin-top: 60px;
}
.navbar-nav{
    width: 100% !important;
}
.navbar{
     position: fixed;
    width: 98%;
    z-index: 100;
}
.row-active{
    background-color:#57a957 !important;
}
.title {
    font-size: larger;
    font-weight: bold;
}
.breadcrumb > li {
    color: forestgreen;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding: 0 23px;
}
.table-buttons {
    padding: 6px 0;
}

.table-buttons .btn-float-right {
    float: right;
}

.table-buttons .btn-float-right ul.dropdown-menu {
    left: auto;
    right: 0;
}

.table th.centered-cell, .table td.centered-cell {
    text-align: center;
}

.table tr.rowYellow {
    background-color: #fcf8e3;
    color: #c09853;
    border-color: #fbeed5;
}

.table-striped tbody > tr.rowYellow:nth-child(odd) > td,
.table-striped tbody > tr.rowYellow:nth-child(odd) > th {
    background-color: #fcf8e3;
    color: #c09853;
    border-color: #fbeed5;
}

.table tr.rowRed {
    background-color: #f2dede;
    color: #b94a48;
    border-color: #eed3d7;
}

.table-striped tbody > tr.rowRed:nth-child(odd) > td,
.table-striped tbody > tr.rowRed:nth-child(odd) > th {
    background-color: #f2dede;
    color: #b94a48;
    border-color: #eed3d7;
}

.table tr.rowGreen {
    background-color: #dff0d8;
    color: #468847;
    border-color: #d6e9c6;
}

.table-striped tbody > tr.rowGreen:nth-child(odd) > td,
.table-striped tbody > tr.rowGreen:nth-child(odd) > th {
    background-color: #dff0d8;
    color: #468847;
    border-color: #d6e9c6;
}

.table tbody tr.rowBlue {
    background-color: #d9edf7;
    color: #3a87ad;
    border-color: #bce8f1;
}

.table-striped tbody > tr.rowBlue:nth-child(odd) > td,
.table-striped tbody > tr.rowBlue:nth-child(odd) > th {
    background-color: #d9edf7;
    color: #3a87ad;
    border-color: #bce8f1;
}


/* End of Css for DataTable */

/* Set the fixed height of the footer here */
#footer {
    height: 60px;
    background-color: #f5f5f5;
}

.bootbox-body{ text-align: center;}

.input_left{
    float: left;
    line-height: 35px;
}

.input_right{
    float: right;
    margin-left: 20px;
}

#form_input{ color: #3a87ad;
             font-size: 12px;
}

.flash_message {
    display:none;
    color:green;
    background-color: #fff;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    z-index: 9999;
    border-bottom: 2px solid #62a60a;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.flexigrid div.form-div input[type="text"], .flexigrid div.form-div input[type="password"]{
    height:30px !important;
}
.navbar{
    margin-bottom: 5px !important;
}
.datatables-add-button{
    margin-top:-20px !important;
    margin-left:0px !important;
    z-index: 0 !important;
}
div.DTTT_container{
    position: absolute !important;
    top:0;
    right:0;
    width:20%;
}
.container{
    width:100% !important;
}
.datatables div.form-div input[type="text"], .datatables div.form-div input[type="password"]{
    height: 25px !important;
}
ul li {
    display:inline;
    list-style:none;
}
.btn-update{
    font-size:10px;
    padding:4px 8px;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
.form-control{
    height: 30px !important;
}

table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }