.login-form {
    width: 250px;
    display: block;
    margin: 0 auto !important;
}
.login-form input[type="submit"] {
    width: 100%;
}
.editor-color {
    background-color: #000;
    color: #fff;
    font-weight: 500;
}
.ng-scope ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ng-scope .input-control.checkbox {
    margin-bottom: 0;
}
code {
    white-space: pre-wrap;                 /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
    white-space: -pre-wrap;                /* Opera 4 thru 6 */
    white-space: -o-pre-wrap;              /* Opera 7 and up */
    word-wrap: break-word;                 /* IE 5.5+ and up */
}


.tooltip{
    position: relative;
    cursor: help;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    box-shadow: 0 0 5px #333;
    bottom: 34px;
    color: #fff;
    content: attr(data-tooltip);
    white-space: pre;
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    min-width: 60px;
}

.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 28px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.live-search{
    position: relative;
}
.live-search > ul{
    display: none;
    position: absolute;
    z-index: 2;
    background-color: white;
    border: 1px #d9d9d9 solid;
    width: 100%;
}
.live-search > ul > li {
    padding: 4px;
    box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}
.preloaderContainer{
    display: none;
    background: #000 url(../images/preloader.gif) no-repeat center;
    background-size: 35px;
    opacity: 0.4;
    z-index: 4000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.job_status{
    font-size: 20px;
    box-shadow: 0 0 2px 0 #555 inset;
}
.tob_status .tooltip {
    font-size: 14px !important;
}
.free-of-charge{
    color: #f2f2f2 !important;
    background-color: #00ccff !important;
}
.in-progress{
    color: darkgreen !important;
    background-color: yellow !important;
}
.to-be-invoiced{
    color: #003e00 !important;
    background-color: #18ad2f !important;
}
.cancelled{
    color: #ff2d19 !important;
}
.invoiced{
    color: #18ad2f !important;
}
.paid{
    color: white!important;
    background-color: lime !important;
    text-shadow: 1px 1px 0px #000;
}
.invoiced,
.cancelled {
    background-color: #fff !important;
}
.job-today {
    color: #fff;
    background-color: #FC473D !important;
    text-shadow: 1px 1px 0px #000;
}
.custom-list-item {
    height: 20px;
}