﻿body, html
{
    color:#303030;
    font-family: Calibri;
}


.table-pad td
{
    padding:5px;
}

form
{
    margin:0;
}

.breadcrumb
{
    margin:0;
}

.container-fluid
{
    padding:0;
}

.ul-client
{
    margin:0;
    list-style:none;
    padding:0;
}


.li-client
{
    border:1px solid #EBEBEB;
    padding:5px;
    background-color:#F0F0F0;
}

.li-job
{
    
    font-size:12px;
    margin-left:30px;
}

.webgrid-activitygrid input[type=text]
{
    padding:0;
    border:none;
    vertical-align:middle;
    margin:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    width:100%;
}

.webgrid-activitygrid select
{
     padding:0;
    border:none;
    vertical-align:middle;
    margin:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    line-height:auto;
    height:auto;
    width:auto;
}

.webgrid-activitygrid-total
{
    font-size:1.2em;
    font-weight:bold;
    background-color:#F2F2F2;
}

.align-right, .align-right input
{
    text-align:right;
}


.saved
{
    background-color:green !important;
}


#wrapper
{
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    margin-top:100px;
    background-color:#DEDEDE;
    border-top:1px solid #E6E6E6 !important;
}

#wrapper-sub
{
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    margin-top:80px;
    background-color:#DEDEDE;
    border-top:1px solid #E6E6E6 !important;
}

.content
{
    position:absolute;
    top:0;
    left:300px;
    bottom:0;
    width:auto;
    right:0;

}

.sidebar
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:199px;
    background-color:#FAFAFA;
    border-right:1px solid #E6E6E6 !important;
    top:45px;
}
/*======================================================
Side Bar
======================================================*/
.sidebar ul
{
    float:left;
    width:auto;
    list-style-type:none;
    margin:0;
    padding:0px !important;
    width:100%;
}

.sidebar ul > li
{
    display:inline;
    line-height:50px;
    height:45px;
    width:100%;
}

.sidebar ul > li > a, .side-bar ul > li > a:visited
{
    display:block;
    float:left;
    width:auto;
    color:#636363;
    line-height:45px;
    height:45px;
    padding-left:20px;
    padding-right:20px;
    width:100%;
}

.sidebar ul > li > a:hover
{
    text-decoration:none;
}

.sidebar ul > li > a:hover
{
    background-color:#D1D1D1;
    color:#4A4A4A;
}

.sidebar ul > li.active a 
{
    background-color:#762A6A;
    color:#F5F5F5;
}

/*======================================================
Filter Bar
======================================================*/
.filterbar ul
{
    float:left;
    width:auto;
    list-style-type:none;
    margin:0;
    padding:0px !important;
}

.filterbar ul > li
{
    display:inline;
    line-height:50px;
    height:45px;
    width:100%;
}



.filterbar ul > li > a, .filterbar ul > li > a:visited
{
    display:block;
    float:left;
    width:auto;
    color:#636363;
    line-height:45px;
    height:45px;
    padding-left:20px;
    padding-right:20px;
    width:100%;
}

.filterbar ul > li.active a 
{
    background-color:#428bca;
    color:#F5F5F5;
}

.filterbar ul > li.header
{
    font-size:1.5em;
    text-transform:uppercase;
}

.filterbar ul > li.header > a, .filterbar ul > li.header > a:visited
{
    padding-left:0px !important;
}


/*======================================================

======================================================*/
.body
{
    
}

.body-sidebar
{
    margin-left:200px;
}

.navbar-inverse .navbar-inner !important;
{
    background-color:green;
}

.activity-container
{
    overflow-y:scroll;
    overflow-y:auto;
    
}

/*======================================================
    Main Menu
======================================================*/
.main-menu
{
     background-color:#3B3B3B;
     line-height:45px;
     min-height:45px;
     border-bottom:0px solid #D6D6D6;
     font-size:1.4em;
}

.main-menu-ul
{
    float:left;
    width:auto;
    list-style-type:none;
    margin:0;
    padding:0px !important;
}

.main-menu-ul > li
{
    display:inline;
    line-height:50px;
    height:45px;
}

.main-menu-ul > li > a, .main-menu-ul > li > a:visited
{
    display:block;
    float:left;
    width:auto;
    color:#C2C2C2;
    line-height:45px;
    height:45px;
    padding-left:20px;
    padding-right:20px;
}

.main-menu-ul > li > a:hover
{
    text-decoration:none;
}

.main-menu-ul > li > a:hover
{
    background-color:#762A6A;
    color:#EBEBEB;
    border-bottom:2px solid #A1A1A1;
}

.main-menu-ul > li.active a
{
    background-color:#762A6A;
    color:#EBEBEB;
    border-bottom:2px solid #A1A1A1;
}

.main-menu-logo a {
    padding-left:0px !important;
}

/*
    Sub Menu
    */
.sub-menu
{
     background-color:#E8E8E8;
     line-height:30px;
     min-height:30px;
     border-bottom:1px solid #A8A8A8;
     clear:none;

}

.sub-menu-ul
{
    float:left;
    width:auto;
    list-style-type:none;
    padding-left:0;
}

.sub-menu-ul > li
{
    display:inline;
    line-height:30px;
    height:30px;
}

.sub-menu-ul > li > a, .sub-menu-ul > li > a:visited
{
    display:block;
    float:left;
    width:auto;
    color:#696969;
    line-height:30px;
    height:30px;
    padding-left:10px;
    padding-right:10px;
}

.sub-menu-ul > li > a:hover
{
    text-decoration:none;
}

.sub-menu-ul > li > a:hover
{
    background-color:#DEDEDE;
    color:#0468BA;
    border-bottom:1px solid #0468BA;
}


/*
    Input form
    */

.input-form td
{
    padding:3px;
}

.input-form td:first-child
{
    font-weight:bold;
    padding-right:20px;
}

.input-form input[type=text]
{
    padding:3px;
    min-width:350px;
    border:1px solid #D4D4D4;
}

.input-form textarea
{
    padding:3px;
    width:100%;
    
    border:1px solid #D4D4D4;
}

.input-form select
{
    padding:3px;
    min-width:350px;
    border:1px solid #D4D4D4;
}

.input-form-login
{
    font-size:1.2em;
}

.tbl-login
{
    margin:20px;
}

    .tbl-login input[type=text]
    {
        width:300px;
    }

    .tbl-login td
    {
        padding:3px;
    }

.td-bold
{
    font-weight:bold;
}

.no-margin
{
    margin:0;
}

.td-BL
{
    border-left:3px solid #A32121;
}

.td-WIP
{
    border-left:3px solid #EDBE2F;
}

.td-CO
{
    border-left:3px solid #6FAB49;
}

.tr-CO, .tr-CO td, .tr-CO input
{
    color:#9C9C9C;
}

.Unknown, .Private, .Business, .Blocked
{
   color:#F2F2F2 !important;
   font-size:1.0em;
}

.Unknown
{
   background-color:#D14B4B;
}

.Private
{
     background-color:#DB864D;
}

.Business
{
     background-color:#4D7FDB;
}

.Blocked
{
     background-color:#5E5E5E;
}