body {
    background-color:#fafafa;
    font-family:Arial;
}

.pointer {
pointer-events:none;
}
   .close {
       margin-left:12px;
    }
    .alert {
        padding: 10px!important;
        font-size:13px;
    }
    label {
    font-weight:normal!important;
    }
.content {
    background: #eee;
    border: 1px solid rgba(91, 192, 222, 0.57);
    border-radius: 10px;
    padding: 30px;
}
.text {
    border-radius:5px!important;
    width:100%;
}
.table {
    font-size:13px;
}
/*.table>tbody>tr>td:first-of-type,.table>thead>tr>th:first-of-type{
text-align:center;
}*/

/* layout Start
----------------------------------------------------------*/
#body {
min-height:500px;
margin-top:90px;
}
nav,footer {
/*background-color:rgba(204, 204, 204, 0.73)!important;*/
background-color:#fff;

}
.navbar {
padding:15px 40px;
}


footer {
    padding:30px;
}

.containerpad {
padding-top:20px;
padding-bottom:20px;
}
.loginbtn {
padding-top:15px;
}
.copywright {
color:#555;
}

#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

 #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

.link {
    color: #fff !important;
    background-color: #5bc0de!important;
    border-color: #46b8da!important;
  
}
.nav li {
margin-right:14px;
}
.customMenu {
width: 123px;
    padding-left: 10px;
    background: #e7e7e7;
    color: white!important;
}
.nav > li > a {
padding:6px 12px!important;
}
/* Dashboard Start
----------------------------------------------------------*/
.dashboardcontent {
padding-top:30px;
padding-bottom:30px;
}

.collectionbox {
height:200px;
background: #eee;
    margin: 15px 0;
    padding: 15px;
    border:1px solid rgba(91, 192, 222, 0.57);
    text-align:center;
    cursor:pointer;
}
.user {
padding-top:30px;
font-family:"Open Sans",sans-serif;
text-align:center;
color:#4c5357;
font-size:34px;
}
.boxtext {
/*color:#7497a8;*/
color:#fff;
font-size:18px;
line-height:20px;
margin-top:10px;
}
a:hover {
text-decoration:none;
}

.dashbordred {
 background-color :#cd4341;
}
.dashbordblue{
    background-color :#804db2;
    }
.dashbordskyblue {
 background-color :#6285c9;
}
.dashbordGreen {
 background-color :#32c251;
}
.dashbordcyan {
 background-color :#36c3bd;
}
.dashbordLightRed {
 background-color :#cf5353;
}
.dashbordLightRed {
 background-color :#cf5353;
}
.dashbordorange {
 background-color :#e4842e;
}
.dashbordPurple {
 background-color :#97418c;
}

.dashbordYellow {
 background-color :#dbc61b;
}
.clrwhite {
color:white;
}
.help {
font-size:18px;
}

.dashboardtiles {
height:170px;
    margin: 8px 0;
    padding: 20px;
    /*border:1px solid rgba(91, 192, 222, 0.57);*/
    text-align:left;
    /*cursor:pointer;*/
    cursor:default;
}
.tiles {
padding-left:10px;padding-right:10px;
}
.boxtextheader {
color:#fff;
font-size:26px;
line-height:20px;
margin-top:10px;
}
.clientImg {
padding-top:20px;padding-bottom:10px;
}
.font18px {
font-size:18px;
}
.invoices img {
padding:0px 5px;
}

/* Dashboard End
----------------------------------------------------------*/

/**********************************************************/
/******************Drop down menu*/

.dropdown {
    position: relative;
    display: inline-block;
    color:black;
}

.dropdown .dropdown-menu-custom {
    position: absolute;
    top: 100%;
    display: none;
    margin: 0;

    /****************
     ** NEW STYLES **
     ****************/

    list-style: none; /** Remove list bullets */
    width: 100%; /** Set the width to 100% of it's parent */
    padding-top:5px;
    padding-bottom:5px;
}

.dropdown:hover .dropdown-menu-custom {
    display: block;
}

/** Button Styles **/
.dropdown button {
    background: transparent;
    color: inherit;
    border: inherit;
    margin: 0;
    padding: 0.4em 0.8em;
    font-size: 1em;
}
   

/** List Item Styles **/
.dropdown a {
    display: block;
    padding: 0.2em 0.8em;
    text-decoration: none;
    background: #e7e7e7;
    color: #555;
}
.navbar-default .navbar-nav > li > a {
    color: #555;
}

/** List Item Hover Styles **/
/*.dropdown a:hover {
    background: #BBBBBB;
}*/
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

/*****************************************************/
/*********************Client CSS**********************/
.inactive {
display:none;
}
.active {
display:inline-grid;
}
.ui-autocomplete {
    background: #eee!important;
    font-size: 14px!important;
}
.ui-menu .ui-menu-item a {
line-height:28px!important;
}
.ui-menu .ui-menu-item a:hover {
background:#31b0d5!important;
border:none!important;
color:white!important;
}
#tblClients tr td:first-of-type {
text-align:left;
}
#tblClients a {
text-decoration:underline;
cursor:pointer;
color:#333;
}
#tblClients td {
vertical-align:middle;
}
#tblClientSubTasks tr td:first-of-type {
text-align:left;
}
#tblClientSubTasks a {
text-decoration:underline;
cursor:pointer;
color:#333;
}
#tblClientSubTasks td {
vertical-align:middle;
}

#tblPoUser tr td:first-of-type {
text-align:left;
}
#tblPoUser a {
text-decoration:underline;
cursor:pointer;
color:#333;
}
#tblPoUser td {
vertical-align:middle;
}

#tblInvoice tr td:nth-child(2) {
text-align:left;
}
#tblInvoice a {
text-decoration:underline;
cursor:pointer;
color:#333;
}
#tblInvoice td {
vertical-align:middle;
}



.ulPayments {
list-style:none;
}
    .ulPayments input[type='radio'] {
    margin-right:5px;
    }
.changetext {
width:100%;
background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
   
}
.display {
display:none;
}
.inlineradio {
display:inline-block;
margin-right:70px;
}
input:required {
outline:none;
}
/****************************************************/
/*********************POScreen CSS**********************/
#tblPoUser tr td:first-of-type {
text-align:left;
}
.required {
border:1px solid red !important;
}
/****************************************************/
/*********************InvoicePayment CSS**********************/
.error {
margin-bottom:30px;
}
/****************************************************/
/*********************InvoiceEdit CSS**********************/
.invoiceNo {
width:50px;
margin-right:10px;

}
.hrLineColor {
border:3px solid #3c5056;
margin-bottom:0px;
position:relative;
float:left;
}
.hrLineOne {
margin-left:10px;
width:83%;
}
.hrLineTwo {
 height: 30px;
    top: -30px;
}
.hrLineThree {
 left: -6px;
    top: -35px;
    width: 110px;
}
.hrInvoice {
 font-size: 26px;
    font-weight: bold;
    left: 4px;
    position: relative;
    top: -35px;
}
.hrTOP {
 border: 1px solid black;
    bottom: 35px;
    color: black;
    margin: 0 7px 0 -5px;
    position: relative;
}
.customerrow {
    position:relative;
    bottom:20px;
    font-weight:bold;
}
.hrLineCustomer {
border:3px solid #3c5056;
margin:0px;
position:relative;
}
.hrCustomerLineone {
width:80px;
}
.hrCustomerLinetwo {
 height: 20px;
    left: 82px;
    top: -26px;
    width: 0;
}
.hrCustomerLinethree {
left: 82px;
    top: -52px;
    width: 85%;
}
.hrMiscLineone {
width:72px;
}
.hrMiscLinetwo {
 height: 20px;
    left: 74px;
    top: -26px;
    width: 0;
}
.hrMiscLinethree {
 left: 74px;
    top: -53px;
    width: 110px;
}
.namingrow {
position:relative;
bottom:45px;
}

.namingdiv {
margin-top:8px;
}
.nopad {
padding:0px
}
.norightpad {
padding-right:0px;
}
.inputcommon {
border:none;
border-bottom:1.1px solid #aba9a5!important;
pointer-events: none;
width:100%
}
.inputcommontext {
border:none;
border-bottom:1.1px solid #aba9a5!important;
}
.inputdept {
width:80%;
}
.inputzip {
width:78%
}
.inputheading {
width:100%;
}
.inputwidth {
width:84%
}
.notopPad {
padding-top:0px;
}
.paymentBox {
    float: left;
    position: absolute;
    left:92px;
    top:10px;
    border:none;
    resize:none;
    outline:none;
}
.hrlinePayment {
     background-color: #ddd;
    height: 23px;
    position: absolute;
    right: 166px;
    top: -20px;
    width:1px;

}
.hrlinePaymentcreate {
  right: 171px;
}
#manageTable td {
padding:0px;
}
#manageTable input[type='text'] {
padding:5px;
}
.additionalbox {
width:100%;
resize:none;
padding:5px;
}




/****************************************************/
.innerSections {
display:none;
}
.contentCreate {
    background: #fff;
    border: 1px solid rgba(91, 192, 222, 0.57);
    border-radius: 10px;
    padding: 30px;
}
.datefield {
width: 100%;
cursor: pointer;
background-color:#fff;
}
/*manageUSer*/
#tblUsers a {
text-decoration:underline;
cursor:pointer;
color:#333;
}
#tblUsers td {
vertical-align:middle;
}
/*Common Css*/
.bg-white {
    background-color: #fff !important;
}