.login-block
{
    background-image: url("/img/logo-blue.png");
    width:400px;
    height:420px;
    background-repeat:no-repeat;
    background-size:contain;
    border:10px solid white !important;
    
}

.login-container {
    padding:20px;
}



.login-block form{
    position:relative;
    top:180px;
}

#login-container
{
    top:50px;
    margin-left:-200px;
}

@media only screen and (max-width: 400px)
{
    .login-block{
        width:95%;
        margin:3px;
        background-image : url("/img/logo-blue.png");
        background-repeat:no-repeat;
        background-size:contain;
    }

    #login-container{
        margin-left:-50%;
        top: 3px;
        width:100%;
    }

    .login-block form{
    position:relative;
    top:150px;
    }
}

#page-container
{
    background-color:#21578A;
}

.sidebar-logo {
    background-image:url('/img/logo.png');
    background-color:#21578A;
    background-position:center;
    background-repeat: no-repeat;
    background-size:contain;
    width:100%;
    height:50px;
}


.siderbar-visible-lg #sidebar #sidebar-scroll .sidebar-content .siderbar-logo {
    background-color:#21578A;
    background-image:url('/img/logo.png');
    background-position:center;
    background-repeat: no-repeat;
    background-size:contain;
}

#page-content + footer 
{
    background-color:#21578A;
}

.sidebar-user, #sidebar
{
    background-color:#21578A;
}

.sidebar-nav ul a.active
{
    border-left:5px solid #EEEC83;
}

.expired
{
    background-color: #FFCCBA !important;
}

.moco-tab-content div.tab-pane 
{
    display:none;
} 

.moco-tab-content div.tab-pane.active
{
    display:block;
} 

#tblArea 
{
    width:100%;
}

#tblArea tbody td 
{
    max-width:0; 
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.overflow-hidden
{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.responsiveOverflow
{
    max-width:30% !important;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

#tblArea tbody td:first-child
{
    width:80%;
}

#tblArea tbody td:last-child
{
    width:20%;
}

tr.pendingRenewal
{
    background-color:orange !important;
}

.table-link
{
    margin-left:10px;
}

.rowButton 
{
    margin-top:3px;
    margin-right:3px;
}

.labelCell {
    text-align:right;
    font-weight:bold;
}

.emptyCell {
    border-top:none !important;
}

.recurringLine
{
    display:block;
}

@media only screen and (min-width:1200px){

    .datetimeselection {
        border-right: 1px solid #ccc;

    }

    .barLeft
    {
        border-left: 1px solid #ccc;
    }
}

input.currency {
    text-align: right;
    padding-right: 15px;
    display:inline;
    max-width:200px;
    border-radius: 0px 3px 3px 0px;
}



.input-group .form-control {
    float: none;
}
.input-group .input-buttons {
    position: relative;
    z-index: 3;
}

.pounds
{
    line-height: 1.42857143;
    height:26px;
    width:30px;
    display:inline;
    padding-top:5px;
    padding-bottom:3px;
}

.responsiveTable
{
    width:100%;
}

.totalRow td
{
    border-top:1px solid #ccc;
}
.rightButton button{
    margin-right:3px;
}

.workerSelectionPopup
{
    height:700px;
}

.PostCodeSelector
{
    float:left;
    margin-right:4px !important;
}

.firstColumnCheckbox tbody tr td:first-child,
.firstColumnCheckbox thead tr th:first-child
{
    text-align:center;
}

.sidebar-header .sidebar-header-title{
    color: #5BC6E8;

}

.btn-line {
    margin-right:15px;
}

.block-title-main
{
    background-color: #21578A;
}

.block-title-main h2{
    font-weight:bolder;
    color: white;
}

.block-title-inner{
    
    color:#21578A;
}

.block-title-inner h4
{
    font-weight:bold;
}

.block-inner
{
    border-color: #21578A;
}

.header-toggle
{
    cursor:pointer;
}

.header-toggle:after
{
     font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f0d7";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #21578A;         /* adjust as needed */
    font-size: 2em;
    margin-top:-1.5em;
    padding-right:10px;
}

.header-toggle.collapsed:after
{
    content: "\f0d9";
}

.header-info
{
    padding-right:10px;
}

.batchHover
{
    cursor:pointer;
}

.batchHover:hover
{
    color:#21578A;
}

.homeWidget {
    border: 1px solid lightgrey;
    text-align: center;
}

.nowraptd
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:100px;
}