.loginContainer {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #C4C4C4;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    height: auto;
    left: 50%;
    margin-left: -220px;
    margin-top: -150px;
    padding: 20px;
    position: absolute;
    top: 50%;
}

#header {
    color: #3F3F3F;
    background-image: url('/img/top-bg.png');
    border-bottom: 1px solid #C4C4C4;
    box-shadow: 0 1px 0 #FFFFFF;
}

.logo {
    float: left;
    margin: 15px 40px 10px 10px;
}

/*
#header ul li {
    padding: 10px 20px 0 20px;
}*/

#top_menu {
    margin-top: 10px;
    margin-bottom: 10px;
}

#top_menu li {
    padding-right: 15px;
}

#top_menu li a {
    padding: 15px;
}

#logout {
    margin-top: 10px;
}

body {
    background: url("/img/main_bg.png") repeat scroll 0 0 transparent;
}

tr.cursorPointer {
    cursor: pointer;
}

/*
.table-nonfluid {
    width: auto;
}
*/

.text-strong {
    font-weight: bold;
}

.marginT0 {
    margin-top: 0px !important;
}

.marginT5 {
    margin-top: 5px;
}

.marginT10 {
    margin-top: 10px;
}

.marginR10 {
    margin-right: 10px;
}

.marginB10 {
    margin-bottom: 10px;
}

.dashboardAppointment {
    background-color: #c2fff3;
}

.dashboardAppointment:hover {
    background-color: #abffee;
}

.dashboardTask {
    background-color: #66bbf0;
}

.dashboardTask:hover {
    background-color: #5cadea;
}

#addPricelistForm .pricelistTeeth {
    border: 1px solid black; 
    width: 45px; 
    max-width: 45px; 
    white-space: nowrap; 
    font-size: 10px; 
    cursor: pointer; 
    overflow: hidden; 
    text-overflow: ellipsis;    
}

#addPricelistForm .pricelistTeeth-state-active {
    background-color: #E6E6E6;
}